鑽石舞台

‍‍

前言

在B端產品當中，我們經常看到五花八門的設計頁面，很多人會質疑自己，這是B端產品的頁面麼？

感覺品牌調性不太符合，B端產品往往傳達給用戶的都是嚴肅、刻板，但是在同一個產品當中，同樣會存在這樣的差異。

在瀏覽各大設計系統時，我們經常聽到B端頁面的具體歸類，通常都會分為：表單頁、列表頁、詳情頁、結果頁、工作檯 等等...，但是除了這些維度進行劃分之外，我們還可以從另一個角度去看待B端的具體頁面。

那今天就是我們要講的，按照用戶的專注維度去劃分的三種B端產品的頁面類型：「過渡頁面、沉浸頁面、配置頁面」

其實在我劃分頁面類型的本質上，是在對用戶的不同姿態所取使用的專注度思考的思考。因為我們用戶最終的使用姿態也就導致了，頁面需要進行細緻的分類。

1.過渡頁面

為什麼工作檯總是五顏六色？花花綠綠？

為什麼我明明想要的是表格、表單，你卻給我看這個花花綠綠的頁面？

為什麼我不建議打工人的居住位置選擇在公司附近？

其實都可以通過過渡頁面/場景進行解答

在過渡頁面中，在設計中也就是用戶不需要非常專注於某一個具體的頁面。而用戶在這些頁面當中主要起到過渡的作用，也就是用戶可以通過這些頁面去尋找到他想要的內容。

比如工作檯/首頁，它本質其實就是分發，也就是說在C端產品它分發的是用戶流量，而在B端產品它分發的是產品功能

因此你會發現B端產品的工作檯都是以各種各樣花里胡哨的功能入口來展開的，即使是相應的圖表，折線圖，但通常情況下這些數據可以通過圖表進入到對應的頁面當中。因此它的本質都是提供給用戶進入系統功能的入口。

而花里胡哨則是通過顏色的區分，能夠讓他明確的知道我究竟要去到哪，要用什麼功能？

比如現在你打開Sketch/Figma，它的頁面當中總是花花綠綠。其實在它看來，這個頁面就不是一個嚴肅，需要去沉浸的頁面，而更多是想讓你找到 你想要的信息內容。

其實過渡頁面的本質就是如同我們上班工作，每天都需要有一個通勤時間，比如15分鐘、30分鐘，來去緩衝 工作與生活，通過這樣的方式來進行切換自己的工作狀態，能夠讓你知道在哪些地方我需要格外專注、在哪些地方我們稍微放鬆。

2.沉浸頁面

沉浸頁面，顧名思義就是讓用戶更為投入的頁面，我們再以 Figma 為例。

你會發現Figma在首頁當中，它的設計風格是非常跳躍、誇張的，而到了沉浸式場景當中，他的設計風格就是克制、聚焦。

這究竟是為什麼？其實這個和我們B端產品有着異曲同工的地方。在B端產品當中，你會發現，表單、表格，我們在設計這些頁面的時候，考慮的不是如何設計其顏色、樣式，想的更多就是在用戶不被干擾的前提下，能夠更加合理、高效展示這些信息。

而這些頁面在設計的時候其實就是一個沉浸頁面，考慮的是從統一的頁面布局，相同的交互形式，來對用戶進行教育。

這也是為什麼你看 Sketch、Photoshop、Figma。這類相同類型的工具型軟件，都擁有着相類似的信息布局方式，而我們再去做其他的弊端系統當中也會借鑑他們的布局方式。

3.配置頁面

配置頁面，也就是用戶對於前台應用的相應配置，在B端系統當中就是我們常說的管理後台系統。

在管理後台的設計當中，考慮的就不是如何布局、如何進行顏色突出，我們更多應該去思考如何降低用戶的使用成本。

常見的處理方式會有幾類：可視化配置、幫助體系的建立、專業門檻的降低、產品模版的建立

這裡就不展開講了，裡面會涉及到較多的細節。在接觸到的任意球B端系統的管理後台，都需要做到上面幾點才能夠算是一個合格的B端管理後台。

比如在飛書的字段配置頁面裡面，你會發現就是如此。採取可視化的配置策略能夠讓你知道管理後台的配置結果，在前端系統的頁面裡面究竟應該如何展示。

最後聊聊

其實，最後你會發現，我們在文章里聊的其實並不是頁面類型，而是你的用戶它的使用究竟有哪些場景。雖然大家都在去說B端，但B端產品本身就是一個複雜的結合體，它有着不同的頁面、不同的，因此在設計上，我們更要格外小心。

我們的「產品設計訓練營」即將開始，介於 B 端和 C 端之間的功能型產品，之前用戶測試訓練營留下很多寶貴的數據供大家使用：

只對我們知識星球成員開放報名，非星球成員只能旁聽/回看直播課了，所以加入星球還是划算的：

如果你只是想要多認識一些同行，也可以加入我們無廣告的純粹體驗研討微信群：

‍