“復(fù)雜是世界的一部分珊楼，但它不應(yīng)該令人困惑盏袄，好的設(shè)計(jì)能夠幫助我們馴服復(fù)雜眼耀，不是讓事物變得簡單（如果復(fù)雜是符合需求的）薄料，而是去管理復(fù)雜”。復(fù)雜是可以被管理的本股，但要做到這一點(diǎn)尸变，我們都必須做好自己該做的那部分工作忿等。
在探討如何用好的交互設(shè)計(jì)來管理復(fù)雜篇章中夹纫，我們第一篇講了“篩選器”咽瓷，可參考用好的交互設(shè)計(jì)來管理復(fù)雜－“篩選器”。今天我們來分析另外一個產(chǎn)品中大家都會遇到的復(fù)雜點(diǎn)：個人中心舰讹。
抽屜式茅姜、二級導(dǎo)航
偏工具化的App，默認(rèn)的首頁通常會提供產(chǎn)品最核心的內(nèi)容月匣，從而使得用戶每次在需要使用都感覺非常輕松钻洒，一打開APP就可以快速使用。當(dāng)某件東西的運(yùn)轉(zhuǎn)锄开、可選項(xiàng)和外觀與人們的概念模型相匹配素标，它就會被認(rèn)為是簡單的。
產(chǎn)品設(shè)計(jì)院刁，應(yīng)該是降低用戶學(xué)習(xí)成本糯钙，符合用戶的使用習(xí)慣粪狼，了解用戶大腦中已存在的概念模型非常重要退腥。那么“個人中心”作為一個二級模塊，被放置左上方再榄，為核心的工具化功能做輔助狡刘，且不宣兵奪主，又可以令用戶能形成感覺登記困鸥，在用戶需要查看個人信息或者設(shè)置工具項(xiàng)時嗅蔬，方便打開即可剑按。因?yàn)槿藗冊跒g覽信息或布局時，視線往往趨向于從左上角移動到右下角澜术。
古騰堡圖表簡單的說明了閱讀產(chǎn)品時的習(xí)慣性軌跡艺蝴。
譬如滴滴打車的核心常用功能是“打車”，多看閱讀的核心常用功能就是“閱讀”（書架）鸟废，那么把“個人中心”用這種模式放置工具界面的導(dǎo)航上猜敢，就比較合適。這樣的交互設(shè)計(jì)會讓主界面清爽盒延，并收拾了很多屬于個人中心的復(fù)雜內(nèi)容缩擂，放置二級界面，感覺主次分明添寺，管理合理胯盯。
獨(dú)立Tab，多層列表
當(dāng)產(chǎn)品有較多的信息计露，需要展示在個人中心博脑，同時個人中心是用戶對比核心模塊而言，并行存在的一級入口時薄坏，通常我們可以用獨(dú)立的Tab來放置“我/我的”（個人中心）這個模塊趋厉。對于個人中心中的分類較多，條目需要較為清晰時胶坠，建議使用多層的列表呈現(xiàn)內(nèi)容君账，多層的列表會顯出內(nèi)容與內(nèi)容之間的階層關(guān)系。一般情況下沈善，這類列表主要適用于文字信息為主要內(nèi)容的列表乡数，列表內(nèi)容里面沒有圖片或者圖片不是很重要的信息。
另外闻牡，除了文字外可能還會用到一些按鈕净赴，選擇框等一些交互控件來輔助列表的交互。多層列表的方式罩润，高效且具有極佳的視覺可視性玖翅，能夠一眼看出整體信息架構(gòu)能夠同時瀏覽與處理多個階層的內(nèi)容。如下圖所示的案例：
模塊化割以，網(wǎng)格縮圖
與前一個交互設(shè)計(jì)對比金度，把列表替換為用網(wǎng)格縮圖的方式呈現(xiàn)，讓用戶可以使用視覺圖片的方式瀏覽內(nèi)容严沥。 這樣的設(shè)計(jì)猜极，圖像比文字還容易辨識，而且更容易的區(qū)分消玄。 因?yàn)樵敿?xì)內(nèi)容與列表呈現(xiàn)在同一個畫面跟伏，能輕松的閱讀信息丢胚。當(dāng)然模塊化設(shè)計(jì)有個需要注意的地方，那就是當(dāng)用戶需要依賴文字來尋找的內(nèi)容時受扳，就不適合使用了携龟，因?yàn)槭褂谜弑仨毑粩嗵S瀏覽。
如果你的產(chǎn)品的個人中心模塊勘高，眾多內(nèi)容中骨宠，有部分模塊需要強(qiáng)調(diào)，那么使用網(wǎng)格縮圖的方式相满，就會比多層列表方式更加容易突出優(yōu)先級或者重點(diǎn)层亿，譬如下圖所示，當(dāng)你想要突出訂單模塊的內(nèi)容立美，就可以通過留白和布局匿又，從界面設(shè)計(jì)本身就區(qū)隔化，讓用戶一目了然建蹄。
綜合上面三類常見模式碌更，我們可以看到，無論選擇哪種方式洞慎，在設(shè)計(jì)個人中心之前痛单，首先應(yīng)該思考，本交互動作的設(shè)計(jì)是否已滿足內(nèi)容的需要劲腿，同時也要考慮整個產(chǎn)品交互的一致性以及平臺的兼容性旭绒。另外，交互方式要符合用戶的操作習(xí)慣焦人。只有從根本上管理復(fù)雜挥吵，才能夠設(shè)計(jì)出簡單的產(chǎn)品。從此思考自己的產(chǎn)品的需求是什么花椭，打造一款產(chǎn)品滿足自己的需求忽匈。
相關(guān)文章
用好的交互設(shè)計(jì)來管理復(fù)雜－「訂單列表」
用好的交互設(shè)計(jì)來管理復(fù)雜－「Tab」
