2026-6-3 麗潔 系統UI設計文章及欣賞
一般用戶在登錄后臺管理系統后，后臺首頁就成為了用戶與產品交互的第一個頁面，這某種程度上也凸顯了這一頁面的重要性。那么，后臺管理系統的首頁設計可以遵循哪些策略？本文作者結合實戰項目發表了他的想法，一起來看看吧。
很久沒有更新文章了，一方面文章選題困難，公眾號的閱讀量真是有點慘不忍睹，寫作的動力有所下降。另一方面工作確實比較忙，時間精力有限，最近參加了多個工作項目一直在加班。
今天總結下項目過程中，關于后臺管理系統首頁設計引發的一些思考。
主要的內容包括：
后臺首頁是用戶登錄后，與產品交互的第一個頁面，信息內容非常重要，作用也非常明顯。一方面可以幫助用戶宏觀了解系統的整體運行狀態，洞察業務問題。另一方面可以幫助用戶快速處理業務問題，不需要到專門的功能頁面操作，縮短用戶的操作路徑。
后臺首頁需要依托整個產品的功能體系，根據用戶角色的職能、權限、業務范圍，提取關鍵的用戶關心的業務功能點搭建頁面內容。所以一般是在業務功能完成之后再進行首頁設計。這就要求產品經理能夠從全局視角理解用戶和場景，才能做出有效的設計方案。
另外首頁不屬于具體的業務領域，所以一般不會安排固定的產品經理，而是由產品經理兼任。如果產品設計沒有整體規劃，首頁就容易被忽略，成為「三不管」地帶。
根據以往的設計經驗，我總結了以下四點：
首頁設計要求產品經理對用戶角色的分類、業務職能有比較深入的了解，否則產品設計就可能變成內容堆砌。
通常后臺系統需要面向管理層和執行層兩類用戶，他們對于信息需求存在比較大的差異。管理層更關注宏觀層面的統計信息，方便了解業務動態，從而制定工作決策等，所以各類可視化圖表就成為首頁重要的內容組成。
對于執行層用戶，主要是完成具體的工作任務，所以更加關注明細數據。除此之外，適當地增加一些統計數據，可以更全面了解系統狀態，也便于對上匯報，減少人工統計的工作量。
B 端產品了解用戶和場景并不容易，如果只靠“猜測”做設計，就會發現首頁設計有很多種可能，怎么做似乎都對，怎么做似乎都不對。而且參與的人越多，想法也會越多。
所以在項目中，需要盡可能地收集用戶場景信息加以分析完成設計，即使存在一部分“猜測”信息，也需要能夠自圓其說，才能更好的推進產品設計落地。
對于小的業務系統，單獨的一個頁面就可以涵蓋所有的業務信息，內容也會比較清晰簡單。
對于比較大的業務系統，首頁包含的消息會比較多，例如阿里云、騰訊云等產品，一個頁面內容無法承載所有的信息。因此需要根據場景/主題拆分首頁內容，便于用戶有目標地快速查看信息。比如阿里云采用的是資源管理、安全管理、成本管理等主題去劃分首頁內容。
1）串聯內容，縮短路徑
某些場景下，首頁要滿足用戶快速處理業務工作的需求，例如待辦事項，審批操作等，通過明細列表的展示，結合抽屜等詳情信息展示，用戶可以在首頁直接處理工作任務，無需進入到功能頁面。
「常用功能」也是首頁的常見組件，類似操作系統桌面的快捷方式一樣。可以將一些二級甚至三級功能作為常用功能放在首頁中，用戶不需要通過菜單逐級點擊，即可進入功能頁面，對縮短用戶操作路徑也有很大幫助。
2）高頻常用功能信息聚合
首頁的價值在于幫助用戶簡單、高效的認知系統，是高頻常用功能的信息聚合。因此需要盡量減少花哨、不實用、看似高大上的功能，或者改變展示形式，保證重要信息的優先展示。
有些 B 端產品的門檻比較高，為了降低認知成本，于是有人希望在首頁中增加系統介紹、系統架構圖的形式來展示產品的功能流程，在產品演示是可以更好的讓用戶理解產品功能。
這些本來應該是在 PPT 中展示的信息，卻要放到首頁中展示。看似酷炫的一張圖，實際上在應用階段對用戶的工作沒有任何幫助。因為用戶根本不關心你的系統架構是什么，需要的是產品幫助他解決工作中的問題，帶來的效率提升。
即使用戶需要了解這些信息，也不是每天打開首頁就要一眼看到，可以采用其他的呈現方式。比如用戶引導，或者與業務信息關聯，既可以呈現出業務流程，也可以展示業務信息，又或者首頁增加入口、引導在幫助中心查看。
B 端產品業務功能是面向用戶角色的，同一角色的用戶具有相同的工作任務。但是首頁則有所不同，同一類角色的不同用戶，關注點也不完全相同。尤其是業務系統內容較多時，首頁內容可定制就成為了滿足不同用戶信息需求的方式。
當然系統的定制化并不是讓用戶從零定制，而是在系統初始內容基礎上，重新組織頁面內容、調整頁面布局等。否則定制化反而會帶給用戶更差的體驗。
在項目設計中，就碰到了這個問題。有同事認為首頁應該簡單點，避免過多的信息量增加用戶的學習成本。
當然這個問題需要根據產品定位具體分析。不過總的來說，我個人認為首頁應該豐富一些。
首頁是信息聚合頁面，天然就會有較多的信息內容，用戶需要通過信息傳遞了解系統的狀態和變化，人為的過濾掉內容后會影響信息的全面性。
其次用戶有信息選擇權，通過一定時間的摸索，可以形成自己的信息查看軌跡，或者個性化定制首頁內容過濾掉工作中冗余的信息。
而且B 端產品經過多年的發展，單從布局和表現形式上看，首頁已經有比較成熟的設計模式了，大多數企業用戶也形成了統一的認知和習慣。卡片風格是首頁最常見的展現形式，卡片可以讓頁面分割更加清晰，方便信息讀取，有助于弱化信息量帶來的復雜感。即使不采用卡片分割， 可以通過間距、標題等引導用戶視線，劃分頁面內容。
簡單總結下：
蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
