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

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

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

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

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

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

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

獨(dú)立Tab，多層列表

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

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

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

與前一個(gè)交互設(shè)計(jì)對(duì)比，把列表替換為用網(wǎng)格縮圖的方式呈現(xiàn)，讓用戶可以使用視覺圖片的方式瀏覽內(nèi)容。 這樣的設(shè)計(jì)，圖像比文字還容易辨識(shí)，而且更容易的區(qū)分。 因?yàn)樵敿?xì)內(nèi)容與列表呈現(xiàn)在同一個(gè)畫面，能輕松的閱讀信息。當(dāng)然模塊化設(shè)計(jì)有個(gè)需要注意的地方，那就是當(dāng)用戶需要依賴文字來尋找的內(nèi)容時(shí)，就不適合使用了，因?yàn)槭褂谜弑仨毑粩嗵S瀏覽。

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

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