關于后臺管理系統首頁的設計思考

1 評論 16577 瀏覽 145 收藏 11 分鐘

一般用戶在登錄后臺管理系統后,后臺首頁就成為了用戶與產品交互的第一個頁面,這某種程度上也凸顯了這一頁面的重要性。那么,后臺管理系統的首頁設計可以遵循哪些策略?本文作者結合實戰項目發表了他的想法,一起來看看吧。

很久沒有更新文章了,一方面文章選題困難,公眾號的閱讀量真是有點慘不忍睹,寫作的動力有所下降。另一方面工作確實比較忙,時間精力有限,最近參加了多個工作項目一直在加班。

今天總結下項目過程中,關于后臺管理系統首頁設計引發的一些思考。

主要的內容包括:

  1. 后臺首頁的作用;
  2. 首頁的設計方向;
  3. 首頁內容的思考。

一、后臺首頁的作用

后臺首頁是用戶登錄后,與產品交互的第一個頁面,信息內容非常重要,作用也非常明顯。一方面可以幫助用戶宏觀了解系統的整體運行狀態,洞察業務問題。另一方面可以幫助用戶快速處理業務問題,不需要到專門的功能頁面操作,縮短用戶的操作路徑。

后臺首頁需要依托整個產品的功能體系,根據用戶角色的職能、權限、業務范圍,提取關鍵的用戶關心的業務功能點搭建頁面內容。所以一般是在業務功能完成之后再進行首頁設計。這就要求產品經理能夠從全局視角理解用戶和場景,才能做出有效的設計方案。

另外首頁不屬于具體的業務領域,所以一般不會安排固定的產品經理,而是由產品經理兼任。如果產品設計沒有整體規劃,首頁就容易被忽略,成為「三不管」地帶。

關于后臺管理系統首頁的設計思考

二、首頁設計的方向

根據以往的設計經驗,我總結了以下四點:

關于后臺管理系統首頁的設計思考

1. 內容與用戶角色

首頁設計要求產品經理對用戶角色的分類、業務職能有比較深入的了解,否則產品設計就可能變成內容堆砌。

通常后臺系統需要面向管理層和執行層兩類用戶,他們對于信息需求存在比較大的差異。管理層更關注宏觀層面的統計信息,方便了解業務動態,從而制定工作決策等,所以各類可視化圖表就成為首頁重要的內容組成。

對于執行層用戶,主要是完成具體的工作任務,所以更加關注明細數據。除此之外,適當地增加一些統計數據,可以更全面了解系統狀態,也便于對上匯報,減少人工統計的工作量。

B 端產品了解用戶和場景并不容易,如果只靠“猜測”做設計,就會發現首頁設計有很多種可能,怎么做似乎都對,怎么做似乎都不對。而且參與的人越多,想法也會越多。

所以在項目中,需要盡可能地收集用戶場景信息加以分析完成設計,即使存在一部分“猜測”信息,也需要能夠自圓其說,才能更好的推進產品設計落地。

2. 場景/主題化

對于小的業務系統,單獨的一個頁面就可以涵蓋所有的業務信息,內容也會比較清晰簡單。

對于比較大的業務系統,首頁包含的消息會比較多,例如阿里云、騰訊云等產品,一個頁面內容無法承載所有的信息。因此需要根據場景/主題拆分首頁內容,便于用戶有目標地快速查看信息。比如阿里云采用的是資源管理、安全管理、成本管理等主題去劃分首頁內容。

關于后臺管理系統首頁的設計思考

3. 實用性

1)串聯內容,縮短路徑

某些場景下,首頁要滿足用戶快速處理業務工作的需求,例如待辦事項,審批操作等,通過明細列表的展示,結合抽屜等詳情信息展示,用戶可以在首頁直接處理工作任務,無需進入到功能頁面。

「常用功能」也是首頁的常見組件,類似操作系統桌面的快捷方式一樣。可以將一些二級甚至三級功能作為常用功能放在首頁中,用戶不需要通過菜單逐級點擊,即可進入功能頁面,對縮短用戶操作路徑也有很大幫助。

2)高頻常用功能信息聚合

首頁的價值在于幫助用戶簡單、高效的認知系統,是高頻常用功能的信息聚合。因此需要盡量減少花哨、不實用、看似高大上的功能,或者改變展示形式,保證重要信息的優先展示。

有些 B 端產品的門檻比較高,為了降低認知成本,于是有人希望在首頁中增加系統介紹、系統架構圖的形式來展示產品的功能流程,在產品演示是可以更好的讓用戶理解產品功能。

這些本來應該是在 PPT 中展示的信息,卻要放到首頁中展示??此瓶犰诺囊粡垐D,實際上在應用階段對用戶的工作沒有任何幫助。因為用戶根本不關心你的系統架構是什么,需要的是產品幫助他解決工作中的問題,帶來的效率提升。

即使用戶需要了解這些信息,也不是每天打開首頁就要一眼看到,可以采用其他的呈現方式。比如用戶引導,或者與業務信息關聯,既可以呈現出業務流程,也可以展示業務信息,又或者首頁增加入口、引導在幫助中心查看。

4. 定制化

B 端產品業務功能是面向用戶角色的,同一角色的用戶具有相同的工作任務。但是首頁則有所不同,同一類角色的不同用戶,關注點也不完全相同。尤其是業務系統內容較多時,首頁內容可定制就成為了滿足不同用戶信息需求的方式。

當然系統的定制化并不是讓用戶從零定制,而是在系統初始內容基礎上,重新組織頁面內容、調整頁面布局等。否則定制化反而會帶給用戶更差的體驗。

三、首頁內容應該追求簡潔還是豐富呢?

在項目設計中,就碰到了這個問題。有同事認為首頁應該簡單點,避免過多的信息量增加用戶的學習成本。

當然這個問題需要根據產品定位具體分析。不過總的來說,我個人認為首頁應該豐富一些。

首頁是信息聚合頁面,天然就會有較多的信息內容,用戶需要通過信息傳遞了解系統的狀態和變化,人為的過濾掉內容后會影響信息的全面性。

其次用戶有信息選擇權,通過一定時間的摸索,可以形成自己的信息查看軌跡,或者個性化定制首頁內容過濾掉工作中冗余的信息。

而且B 端產品經過多年的發展,單從布局和表現形式上看,首頁已經有比較成熟的設計模式了,大多數企業用戶也形成了統一的認知和習慣??ㄆL格是首頁最常見的展現形式,卡片可以讓頁面分割更加清晰,方便信息讀取,有助于弱化信息量帶來的復雜感。即使不采用卡片分割, 可以通過間距、標題等引導用戶視線,劃分頁面內容。

關于后臺管理系統首頁的設計思考

四、總結

簡單總結下:

  1. 首頁考慮的設計因素比較多,每種用戶角色可能會有不同的需求,需要針對性的設計,而業務功能的用戶角色更加明確;
  2. 首頁設計需要對系統有全面了解,業務功能則比較聚焦;
  3. 首頁是系統第一個頁面,會受到更高的關注度,往往設計分歧也會比較大;產品設計需要做深入的分析,故事性要求也會更高;否則被噴和被 Pass的可能性會非常大;
  4. 首頁設計的內容需要注重實用性,避免各種信息的無效堆砌。

專欄作家

子牧先生,公眾號:子牧UXD(HelloDesign),人人都是產品經理專欄作家。產品體驗設計師。8年互聯網行業經驗,擅長體驗設計思維、設計方法論、交互設計研究。

本文原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. B端使用卡片風設計后臺,那G端的后臺呢?

    來自甘肅 回復