“復(fù)雜是世界的一部分，但它不應(yīng)該令人困惑，好的設(shè)計能夠幫助我們馴服復(fù)雜，不是讓事物變得簡單（如果復(fù)雜是符合需求的），而是去管理復(fù)雜”。復(fù)雜是可以被管理的，但要做到這一點，我們都必須做好自己該做的那部分工作。

在探討如何用好的交互設(shè)計來管理復(fù)雜篇章中，我們第一篇講了“篩選器”，可參考用好的交互設(shè)計來管理復(fù)雜－“篩選器”。今天我們來分析另外一個產(chǎn)品中大家都會遇到的復(fù)雜點：個人中心。

抽屜式、二級導(dǎo)航

偏工具化的App，默認的首頁通常會提供產(chǎn)品最核心的內(nèi)容，從而使得用戶每次在需要使用都感覺非常輕松，一打開APP就可以快速使用。當某件東西的運轉(zhuǎn)、可選項和外觀與人們的概念模型相匹配，它就會被認為是簡單的。

產(chǎn)品設(shè)計，應(yīng)該是降低用戶學(xué)習(xí)成本，符合用戶的使用習(xí)慣，了解用戶大腦中已存在的概念模型非常重要。那么“個人中心”作為一個二級模塊，被放置左上方，為核心的工具化功能做輔助，且不宣兵奪主，又可以令用戶能形成感覺登記，在用戶需要查看個人信息或者設(shè)置工具項時，方便打開即可。因為人們在瀏覽信息或布局時，視線往往趨向于從左上角移動到右下角。

古騰堡圖表簡單的說明了閱讀產(chǎn)品時的習(xí)慣性軌跡。

譬如滴滴打車的核心常用功能是“打車”，多看閱讀的核心常用功能就是“閱讀”（書架），那么把“個人中心”用這種模式放置工具界面的導(dǎo)航上，就比較合適。這樣的交互設(shè)計會讓主界面清爽，并收拾了很多屬于個人中心的復(fù)雜內(nèi)容，放置二級界面，感覺主次分明，管理合理。

獨立Tab，多層列表

當產(chǎn)品有較多的信息，需要展示在個人中心，同時個人中心是用戶對比核心模塊而言，并行存在的一級入口時，通常我們可以用獨立的Tab來放置“我/我的”（個人中心）這個模塊。對于個人中心中的分類較多，條目需要較為清晰時，建議使用多層的列表呈現(xiàn)內(nèi)容，多層的列表會顯出內(nèi)容與內(nèi)容之間的階層關(guān)系。一般情況下，這類列表主要適用于文字信息為主要內(nèi)容的列表，列表內(nèi)容里面沒有圖片或者圖片不是很重要的信息。

另外，除了文字外可能還會用到一些按鈕，選擇框等一些交互控件來輔助列表的交互。多層列表的方式，高效且具有極佳的視覺可視性，能夠一眼看出整體信息架構(gòu)能夠同時瀏覽與處理多個階層的內(nèi)容。如下圖所示的案例：

模塊化，網(wǎng)格縮圖

與前一個交互設(shè)計對比，把列表替換為用網(wǎng)格縮圖的方式呈現(xiàn)，讓用戶可以使用視覺圖片的方式瀏覽內(nèi)容。 這樣的設(shè)計，圖像比文字還容易辨識，而且更容易的區(qū)分。 因為詳細內(nèi)容與列表呈現(xiàn)在同一個畫面，能輕松的閱讀信息。當然模塊化設(shè)計有個需要注意的地方，那就是當用戶需要依賴文字來尋找的內(nèi)容時，就不適合使用了，因為使用者必須不斷跳躍瀏覽。

如果你的產(chǎn)品的個人中心模塊，眾多內(nèi)容中，有部分模塊需要強調(diào)，那么使用網(wǎng)格縮圖的方式，就會比多層列表方式更加容易突出優(yōu)先級或者重點，譬如下圖所示，當你想要突出訂單模塊的內(nèi)容，就可以通過留白和布局，從界面設(shè)計本身就區(qū)隔化，讓用戶一目了然。

綜合上面三類常見模式，我們可以看到，無論選擇哪種方式，在設(shè)計個人中心之前，首先應(yīng)該思考，本交互動作的設(shè)計是否已滿足內(nèi)容的需要，同時也要考慮整個產(chǎn)品交互的一致性以及平臺的兼容性。另外，交互方式要符合用戶的操作習(xí)慣。只有從根本上管理復(fù)雜，才能夠設(shè)計出簡單的產(chǎn)品。從此思考自己的產(chǎn)品的需求是什么，打造一款產(chǎn)品滿足自己的需求。

作者：權(quán)莉，微信昵稱：Mandy權(quán)。一名快樂的產(chǎn)品經(jīng)理！

本文由 @權(quán)莉 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。