對于一些產(chǎn)品經(jīng)理或設(shè)計師新人，常常會犯一個毛病“接到需求之后就開始嘗試做原型，畫界面。鹵煮也曾為自己可以迅速通過交互原型和界面表達產(chǎn)品需求而沾沾自喜，那時候還只是產(chǎn)品立項工作階段，現(xiàn)在想想覺得十分魯莽，還好導(dǎo)師的及時糾正。
其實從需求到界面（原型），中間隔著一扇門。直接穿過以為是捷徑，殊不知容易當(dāng)頭一棒。耐心打開這扇門，才能見得真面目，這扇門就是產(chǎn)品信息的組織和任務(wù)的設(shè)定。
信息分類
信息分類與組織是一個產(chǎn)品的基礎(chǔ)，符合現(xiàn)實場景使用邏輯，滿足商業(yè)需求將廣告和有效信息合理編排，才能給以用戶流暢清晰的體驗。
常見的分類方法有：
①邏輯分類：將對象按照一定的現(xiàn)實邏輯進行分類組織。例如，在生活中，要買一個洗衣機，在百貨商城中依次找到家電賣場→大家電類→洗衣機品類→（品牌、容量、是否智能、缸數(shù)等）。相應(yīng)地，一個電子商務(wù)網(wǎng)站的信息組織形式類似設(shè)計。
②卡片分類：具體操作是邀請用戶“把類似的東西放在一起”（把標有產(chǎn)品元素的標簽提供志愿者進行閱讀理解并分類），這種方法在產(chǎn)品設(shè)計的初級階段可以容易獲取用戶對產(chǎn)品內(nèi)容的期望，為信息架構(gòu)的搭建提供依據(jù)。對現(xiàn)有產(chǎn)品迭代改良時，卡片分類還可以檢驗架構(gòu)的合理性。
卡片分類還可以具體分為：
開放式:（用戶完全自行確定分類的組數(shù)和卡片數(shù)），優(yōu)勢在于提供更加豐富的分類結(jié)果，但也容易造成結(jié)果不可控。
封閉式：先將導(dǎo)航架構(gòu)設(shè)計好，再由用戶分別歸類卡片，結(jié)構(gòu)有限可控，一般是對信息設(shè)計的結(jié)果進行驗證之用。
導(dǎo)航設(shè)計
完成正確的信息分類之后，下一步開始導(dǎo)航設(shè)計。
①導(dǎo)航的自我解釋：虛擬的互聯(lián)網(wǎng)世界沒有現(xiàn)實世界中明顯的方向感，不清晰的導(dǎo)航往往導(dǎo)致用戶流失。一個好的導(dǎo)航設(shè)計最基本的任務(wù)就是要讓用戶知道“我從哪里來？”“我現(xiàn)在在哪里”“我能去哪里”。下圖是在京東商城上搜索購買洗衣機的面包屑元素。
注：面包屑通常水平地出現(xiàn)在頁面頂部，一般會位于標題或頁頭的下方。它們提供給用戶返回之前任何一個頁面的鏈接（這些鏈接也是能到達當(dāng)前頁面的路徑），在層級架構(gòu)中通常是這個頁面的父級頁面。
②深廣度平衡：在導(dǎo)航的信息組織中，層級的數(shù)目一般稱為導(dǎo)航的深度，每一層級中包含的菜單項數(shù)可以稱為導(dǎo)航的廣度。在導(dǎo)航設(shè)計中，需要兼顧深廣度的數(shù)量，保證用戶的瀏覽路徑足夠便捷（選擇少，跳轉(zhuǎn)少，簡單明了）。
過度追求少層級或者淺層級。對于導(dǎo)航設(shè)計沒有嚴格意義上的多或者少，需要結(jié)合產(chǎn)品本身的設(shè)計來規(guī)劃，當(dāng)然也要考慮平臺特性。尤其是PC端移植到移動端的產(chǎn)品，往往有“龐大”結(jié)構(gòu)，這時候需要做“減法”，針對新平臺的用戶使用習(xí)慣，重新調(diào)整導(dǎo)航設(shè)計，凸出更核心的業(yè)務(wù)，精簡聚合。
想起前不久深圳PM大會上鵝廠前輩分享QQ的年輕化之路，有談到新版手Q底部導(dǎo)航濃縮成3個tab的改進。在4tab當(dāng)?shù)?tab拉風(fēng)的時代，敢推出3tab的設(shè)計，并且獲得用戶的認可，這少不了優(yōu)秀導(dǎo)航設(shè)計的功勞。
平衡商業(yè)需求
設(shè)計除了考慮用戶的信息需求，還要了解產(chǎn)品背后的商業(yè)目的。保證用戶體驗的時候，別忘了是誰給你發(fā)工資的呢。
先看看亞馬遜廣告的植入方式：
在二級品類導(dǎo)航頁中植入相關(guān)廣告，比起某些站點密密麻麻全屏+各種浮窗廣告的設(shè)計，會不會小清新一些。
廣告植入貼近用戶當(dāng)前搜尋的需求，不強行妨礙用戶操作。
設(shè)置快捷入口
除了有完整且有邏輯性的導(dǎo)航供用戶一步一步體驗產(chǎn)品，往往還需要為重要功能或者常用功能提供快捷入口，一步到位，減少重復(fù)操作的繁瑣。
例如：邏輯上看購物車屬于我的淘寶，但是因為其屬于常用功能，故單獨列出來作為一個快捷入口。
需求文檔中的功能和內(nèi)容一般比較零散，通過信息架構(gòu)將零散內(nèi)容分門別類封裝之后，下一步需要任務(wù)設(shè)計來將它們串起來，成為可以一步步跳轉(zhuǎn)的功能。
任務(wù)流程是一個產(chǎn)品的骨架，支撐起整個產(chǎn)品，為各個模塊的功能內(nèi)容提供基礎(chǔ)。
例如一個LBS社交產(chǎn)品，可能采用這樣的任務(wù)線：初啟動進入消息頁面（閱讀歡迎信息）→LBS搜索附近用戶/群→與新朋友（群組）互動→發(fā)表自己狀態(tài)→體驗其它增值服務(wù)（如游戲）–純腦補。
任務(wù)線一般還有主次之分
結(jié)合信息結(jié)構(gòu)分解用戶任務(wù)
然后進行優(yōu)先級排序（用戶數(shù)、使用頻次、重要度）
接著組合性質(zhì)相關(guān)的任務(wù)（例如社交產(chǎn)品中搜索附近的用戶和附近的群組性質(zhì)是一樣的，歸為一類）
這樣才可以得到比較有條理且主次分明的任務(wù)線。
完成任務(wù)線的設(shè)計還不夠，用戶素質(zhì)參差不齊，即使PM或者設(shè)計師看起來再“合邏輯”的設(shè)計，依然會有大大小小的用戶搞不懂，我們需要多想一步，通過科學(xué)的方法引導(dǎo)用戶完成任務(wù)：
①相似性引導(dǎo)：如果功能元素的頁面表現(xiàn)具有大小、色彩、形態(tài)、視覺等上的相似，可以牽引著用戶的視覺，引導(dǎo)用火操作。
②方向性引導(dǎo)：通過整齊的指引性箭頭、排版和線條，引導(dǎo)用戶去完成相應(yīng)的操作。
③運動元素引導(dǎo)：用戶完成一些操作之后，相應(yīng)的頁面元素發(fā)生變化，直觀地顯示引導(dǎo)操作，例如移動端常見的抽屜式設(shè)計。
④向?qū)Э丶?/strong>明確告訴用戶，完成一次操作有多少步驟，當(dāng)前處于哪一步，下一步需要做什么。
文章內(nèi)容提煉于劉津老師和李月老師的《用戶體驗設(shè)計師的成長之路》，力薦閱讀原作，之后會出系列讀書筆記，圍繞用戶體驗設(shè)計相關(guān)話題而談。
?#專欄作家#
Aaron毛，微信公眾號：關(guān)我毛事，人人都是產(chǎn)品經(jīng)理專欄作家，90后工科男，信奉“在你身邊，為你設(shè)計”。電商產(chǎn)品汪，關(guān)注移動電商和社交領(lǐng)域。主業(yè)是熱愛探索各類產(chǎn)品設(shè)計之道，副業(yè)是積極尋找產(chǎn)品安慰師的愛撫。業(yè)余探索微信社群的力量，運營了一個存活1年以上的互聯(lián)網(wǎng)垂直社群，歡迎同行交（si）流（bi）
本文系作者授權(quán)發(fā)布，未經(jīng)許可，不得轉(zhuǎn)載。
起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識
