一般使用者在登入背景管理系統後，背景首頁就成為了使用者與産品互動的第一個頁面，這某種程度上也凸顯了這一頁面的重要性。那麼，背景管理系統的首頁設計可以遵循哪些政策？本文作者結合實戰項目發表了他的想法，一起來看看吧。
很久沒有更新文章了，一方面文章選題困難，公衆号的閱讀量真是有點慘不忍睹，寫作的動力有所下降。另一方面工作确實比較忙，時間精力有限，最近參加了多個工作項目一直在加班。
今天總結下項目過程中，關于背景管理系統首頁設計引發的一些思考。
主要的内容包括：
一、背景首頁的作用
背景首頁是使用者登入後，與産品互動的第一個頁面，資訊内容非常重要，作用也非常明顯。一方面可以幫助使用者宏觀了解系統的整體運作狀态，洞察業務問題。另一方面可以幫助使用者快速處理業務問題，不需要到專門的功能頁面操作，縮短使用者的操作路徑。
背景首頁需要依托整個産品的功能體系，根據使用者角色的職能、權限、業務範圍，提取關鍵的使用者關心的業務功能點搭建頁面内容。是以一般是在業務功能完成之後再進行首頁設計。這就要求産品經理能夠從全局視角了解使用者和場景，才能做出有效的設計方案。
另外首頁不屬于具體的業務領域，是以一般不會安排固定的産品經理，而是由産品經理兼任。如果産品設計沒有整體規劃，首頁就容易被忽略，成為「三不管」地帶。
二、首頁設計的方向
根據以往的設計經驗，我總結了以下四點：
1. 内容與使用者角色
首頁設計要求産品經理對使用者角色的分類、業務職能有比較深入的了解，否則産品設計就可能變成内容堆砌。
通常背景系統需要面向管理層和執行層兩類使用者，他們對于資訊需求存在比較大的差異。管理層更關注宏觀層面的統計資訊，友善了解業務動态，進而制定工作決策等，是以各類可視化圖表就成為首頁重要的内容組成。
對于執行層使用者，主要是完成具體的工作任務，是以更加關注明細資料。除此之外，适當地增加一些統計資料，可以更全面了解系統狀态，也便于對上彙報，減少人工統計的工作量。
B 端産品了解使用者和場景并不容易，如果隻靠“猜測”做設計，就會發現首頁設計有很多種可能，怎麼做似乎都對，怎麼做似乎都不對。而且參與的人越多，想法也會越多。
是以在項目中，需要盡可能地收集使用者場景資訊加以分析完成設計，即使存在一部分“猜測”資訊，也需要能夠自圓其說，才能更好的推進産品設計落地。
2. 場景/主題化
對于小的業務系統，單獨的一個頁面就可以涵蓋所有的業務資訊，内容也會比較清晰簡單。
對于比較大的業務系統，首頁包含的消息會比較多，例如阿裡雲、騰訊雲等産品，一個頁面内容無法承載所有的資訊。是以需要根據場景/主題拆分首頁内容，便于使用者有目标地快速檢視資訊。比如阿裡雲采用的是資源管理、安全管理、成本管理等主題去劃分首頁内容。
3. 實用性
1）串聯内容，縮短路徑
某些場景下，首頁要滿足使用者快速處理業務工作的需求，例如待辦事項，審批操作等，通過明細清單的展示，結合抽屜等詳情資訊展示，使用者可以在首頁直接處理工作任務，無需進入到功能頁面。
「常用功能」也是首頁的常見元件，類似作業系統桌面的快捷方式一樣。可以将一些二級甚至三級功能作為常用功能放在首頁中，使用者不需要通過菜單逐級點選，即可進入功能頁面，對縮短使用者操作路徑也有很大幫助。
2）高頻常用功能資訊聚合
首頁的價值在于幫助使用者簡單、高效的認知系統，是高頻常用功能的資訊聚合。是以需要盡量減少花哨、不實用、看似高大上的功能，或者改變展示形式，保證重要資訊的優先展示。
有些 B 端産品的門檻比較高，為了降低認知成本，于是有人希望在首頁中增加系統介紹、系統架構圖的形式來展示産品的功能流程，在産品示範是可以更好的讓使用者了解産品功能。
這些本來應該是在 PPT 中展示的資訊，卻要放到首頁中展示。看似酷炫的一張圖，實際上在應用階段對使用者的工作沒有任何幫助。因為使用者根本不關心你的系統架構是什麼，需要的是産品幫助他解決工作中的問題，帶來的效率提升。
即使使用者需要了解這些資訊，也不是每天打開首頁就要一眼看到，可以采用其他的呈現方式。比如使用者引導，或者與業務資訊關聯，既可以呈現出業務流程，也可以展示業務資訊，又或者首頁增加入口、引導在幫助中心檢視。
4. 定制化
B 端産品業務功能是面向使用者角色的，同一角色的使用者具有相同的工作任務。但是首頁則有所不同，同一類角色的不同使用者，關注點也不完全相同。尤其是業務系統内容較多時，首頁内容可定制就成為了滿足不同使用者資訊需求的方式。
當然系統的定制化并不是讓使用者從零定制，而是在系統初始内容基礎上，重新組織頁面内容、調整頁面布局等。否則定制化反而會帶給使用者更差的體驗。
三、首頁内容應該追求簡潔還是豐富呢？
在項目設計中，就碰到了這個問題。有同僚認為首頁應該簡單點，避免過多的資訊量增加使用者的學習成本。
當然這個問題需要根據産品定位具體分析。不過總的來說，我個人認為首頁應該豐富一些。
首頁是資訊聚合頁面，天然就會有較多的資訊内容，使用者需要通過資訊傳遞了解系統的狀态和變化，人為的過濾掉内容後會影響資訊的全面性。
其次使用者有資訊選擇權，通過一定時間的摸索，可以形成自己的資訊檢視軌迹，或者個性化定制首頁内容過濾掉工作中備援的資訊。
而且B 端産品經過多年的發展，單從布局和表現形式上看，首頁已經有比較成熟的設計模式了，大多數企業使用者也形成了統一的認知和習慣。卡片風格是首頁最常見的展現形式，卡片可以讓頁面分割更加清晰，友善資訊讀取，有助于弱化資訊量帶來的複雜感。即使不采用卡片分割， 可以通過間距、标題等引導使用者視線，劃分頁面内容。
四、總結
簡單總結下：
- 首頁考慮的設計因素比較多，每種使用者角色可能會有不同的需求，需要針對性的設計，而業務功能的使用者角色更加明确；
- 首頁設計需要對系統有全面了解，業務功能則比較聚焦；
- 首頁是系統第一個頁面，會受到更高的關注度，往往設計分歧也會比較大；産品設計需要做深入的分析，故事性要求也會更高；否則被噴和被 Pass的可能性會非常大；
- 首頁設計的内容需要注重實用性，避免各種資訊的無效堆砌。
專欄作家
子牧先生，公衆号：子牧UXD（HelloDesign），人人都是産品經理專欄作家。産品體驗設計師。8年網際網路行業經驗，擅長體驗設計思維、設計方法論、互動設計研究。
本文原創釋出于人人都是産品經理，未經許可，禁止轉載。
題圖來自 Unsplash，基于 CC0 協定。
該文觀點僅代表作者本人，人人都是産品經理平台僅提供資訊存儲空間服務。