2015-9-15 用心設計
一、信息架構初識
之前知乎上有這么一個問題：怎樣理解信息架構?，@Mr湯進er當時以“商場信息導視圖”為例，回答了這個問題，比較適合“入門小白”去理解信息架構、流程圖和頁面布局，其中針對“信息架構”的回答如下：
圖1：商場信息導視圖
女生MM肯定愛逛商城對吧?那信息架構有些類似：商場信息導視圖(如上圖)
地下一層：動感休閑地帶;商場一樓：國際名牌世界;商場二樓：名媛衣裝天地;商場三樓：少女時尚驛站;商場四樓：溫馨親子家園……
進一步：可能一樓國際名牌世界又包括
A區：名牌手表;B區：名牌珠寶……
這樣的樓層架構便于你更好的去找到自己想買的東東，至少是很清晰的知道每一層有什么商品，同一層商品怎么分布等等信息。在這里，設計師的作用就是規劃好這些樓層信息層級，主要做的工作就是：分類、層級梳理等
在互聯網產品設計中：產品經理or設計師梳理信息架構，其實和上述梳理商場樓層架構是異曲同工之妙。
二、信息架構入門
1、信息架構到底是用來干嘛的?
那么在產品設計過程中，信息架構到底是用來做什么的呢?其實，通過上面“商城信息導視圖”的例子，我們已經可以初步了解到了一個目的：讓用戶可以在一定 的“信息規劃”下更容易的找到自己想要的“東西”。那么除此以外，信息架構還有什么作用呢?那就是出于“產品目標”通過“信息架構設計”去教育、說服、通 知用戶。
信息架構的作用總結如下：
A、【滿足用戶需求】：讓用戶可以在一定的“信息規劃”下更容易的找到自己想要的“東西”
B、【滿足產品目標】：出于“產品目標”通過“信息架構設計”去教育、說服、通知用戶
2、信息架構設計到底是在做什么?
信息架構梳理到底是在做什么呢?如果用一個詞回答的話，那肯定是“分類”。分類是為了更好的信息傳達，為了更好的傳遞信息，需要對信息進行選擇和組織。
圖2：引用自《微信背后的產品觀---張小龍》的PPT整理
3、信息架構設計到底該怎么做?(或者說“分類”怎么做?)
《用戶體驗要素》一書中，給出了信息架構分類體系：從上到下或從下到上
從下到上(如下圖3)：這種分類方法是根據“內容和功能需求的分析”而來的，先把已有的所有內容，放在層級分類中，然后再將他們分別歸屬到較高一級 的類別。這種分類方法其實就是在做“歸類”，比如@Mr湯進er在曾經的項目過程中就會運用“卡片分類法”去梳理信息架構，首先將所有的功能點用一張張卡 片寫下來，然后讓“目標用戶”參與到信息分類中，并反饋相關分類標準作為我們產品設計師去梳理信息架構的參考。實際實踐過程中，可能更需要設計師或者產品 經理本身有一定的信息篩選、梳理、分類的能力，進一步通過用戶測試去檢驗分類的信息傳達有效性。
圖3：從下到上的架構方法
圖4：卡片分類法在“從下到上”信息架構梳理過程中的應用——@Mr湯進er項目過程照片
從上到下(如下圖5)：這種分類方法從“戰略層”(產品目標)出發去考慮內容分類。從最廣泛的、可能滿足決策目標的內容與功能開始進行分類，然后在 按邏輯細分出次級分類，這樣的“主要分類”和“次級分類”就構成了“一個個空槽”，將想要的內容和功能按順序一一填入即可。以微信為例：首先根據產品目標 將“主要分類”即一級架構分為“最近會話(微信)”、“通訊錄”、“發現”和“我”;然后再進行“次級分類”分類，如“發現”下再分“朋友圈”、“掃一 掃”、“搖一搖”等等;最后將相應的功能(如朋友圈feeds、發朋友圈、朋友圈消息等)填入到相應的“朋友圈”分類中。
圖5：從上到下的架構方法
注：實際應用中，其實兩種方式是結合起來進行的，需要產品經理和設計師有效的平衡運用，多多實踐吧~
三、信息架構進階
1、信息架構梳理的依據是什么?
首先，我們需要明白，信息架構受到哪些因素的影響。從大的方面可以分為兩點：“用戶需求”和“產品目標”，與上述的A和B兩點作用有著對應關系。具體實踐中，可能受到的影響因素包括：
A、用戶層面的思考：用戶的理解能力;用戶的熟悉程度(已有心理模型、操作習慣等);目標內容的使用頻率(低頻高級功能一般會“藏”的比較深);內容的數量;內容信息的語義等等
B、產品層面的思考：產品的核心價值、產品的主線功能、特色功能等
舉一個例子，之前在知乎上看到一個問題：為什么微信朋友圈這么高密度使用的功能要放到二級菜單?
我想這個問題不同人一定有不同的理解和回答，而且都是有道理的(例如有匿名回答：還記得商場樓層的劃分方式么?如果朋友圈放在一級菜單，你還會天天看到 掃一掃、搖一搖、購物、游戲這些入口么?便于使用，并不是布局的全部。)關于這個問題，我從《微信背后的產品觀---張小龍》(張小龍騰訊內部長達8小時 20分的產品講演)一文中找到了如下一條關于“架構梳理”的產品觀：
保持主干清晰，枝干適度。產品的主要功能架構是產品的骨骼，它應該盡量保持簡單、明了，不可以輕易變更，讓用戶無所適從。次要功能豐富主干，不可以喧賓奪主，盡量隱藏起來，而不要放在一級頁面?！罁埿↓堁葜v整理
圖6：引用自《微信背后的產品觀---張小龍》的PPT整理
通過這個例子@Mr湯進er想說，正真去梳理一個好的架構，還是很考驗產品經理和設計師的能力和思考的。多思考，多實戰~
2、一個好的信息架構設計應該具備哪些特點?
以下幾點是@Mr湯進er總結的可以用來檢驗自己的信息架構梳理是否正確、合理，但正在適合自己的產品信息架構是很微妙的，需要自己多多去思考和實踐。
A、與“產品目標”和“用戶需求”相對應;
B、具有一定的延展性;
C、保證分類標準的一致性、相關性和獨立性;
D、有效平衡信息架構的“廣度”和“深度”
E、使用“用戶語言”，同時需避免“語義歧義或不解”
下面詳細闡述上面幾點檢驗標準：
A、與“產品目標”和“用戶需求”相對應;
直接舉例子：新聞資訊類應用，經常以實踐順序組織信息架構，因為用戶需求中，對于“新聞”的時效性的要求是唯一的重要要素，同時，對于產品本身，只有提 供的資訊才能在競爭中獲得優勢。再如，同樣是資訊類應用，“今日頭條”的產品目標是針對不同用戶進行針對性推送資訊，因此除了以“時間”維度組織信息 架構以為，它還通過算法推送，以“推薦”的方式組織資訊內容，針對性推送的資訊，減低了用戶“挑選”資訊的門檻，增加了用戶資訊獲取效率。
B、具有一定的延展性;
一個延展性好的信息架構，能把新的內容作為現有結構的一部分容納進來(下左圖)，也可以把新內容當做一個完整的新部分加入(下右圖)，舉個例子：微信的“發現”就具有一定的延展性，陸續有“游戲”、“購物”等內容被納入其中。
圖7：一個延展性好的信息架構圖示
C、保證分類標準的一致性、相關性和獨立性;
一個好的架構分類，應該有一套準確的分類標準，并且對于用戶而言是可以被準確理解和學習的。其中“一致性”體現在標準的唯一，不能有多套標準，也就是說 要保證功能入口是唯一的(快捷方式入口除外)，這樣的好處就是，用戶在使用過程中，不會因為有太多的標準而摸不清相應的功能入口(這一點感覺爭議比較多， 但@Mr湯進er認為有必要堅持入口的唯一性);“相關性”是指上下層級以及層級中內容必須具有相關性的，不能把“足球新聞”欄目納入到“時政要聞”層級 下，因為它們的沒有關聯性(例子比較low，但意思大家懂的);最后一點是獨立性，獨立性體現在同一層級分類應該是相互獨立的，不能同一層級的兩個分類存 在交集或包含關系。
D、有效平衡信息架構的“廣度”和“深度”
在處理信息架構“廣度”和“深度”問題上，說實話沒有 統一的標準。曾經聽過有同學說“層級不能超過3層，如果超過三層，這個架構就是不好的”這樣的論斷，其實@Mr湯進er認為，不能簡單的看“深度”，而是 看用戶的實際體驗。那“廣度”和“深度”各自有哪些優缺點呢?主要體現在“寬而淺”的架構用戶可以用較少的點擊完成相應的任務目標，問題在于每層的“信息 分類標準”太多，增加用戶每一層級的分類尋找難度。(參見@Mr湯進er的另一篇文章《設計法則：Hick's law》選項增多，做出決定的時間就是會增加!)。而“窄而深”的信息架構好處是減少了用戶選項，問題在于增加了用戶操作步驟如下圖9，用戶從A頁到B頁 需要6步之多。
如何平衡“廣度”和“深度”需要考慮的因素很多(大小屏幕等硬件特性、產品功能目標、用戶使用頻次等等)。建議大家多多實踐，靈活應用，多從用戶使用角度做思考。
圖8：寬而淺
圖9：窄而深
E、使用“用戶語言”，同時需避免“語義歧義或不解”
這一點雖然是個小點，但往往也容易被很多設計師忽略。第一是要用“用戶語言”進行分類和功能描述，用戶是看不懂“專業術語”(行業應用除外)的，可以通 過“用戶測試”來檢驗用戶對于分類和功能“名稱表述”的理解能力。同時，好的“名稱”應該是沒有歧義或者會造成用戶不解的。
四、信息架構總結
整篇文章深入淺出，層層遞進的闡述了對于“信息架構”的知識整理和理解。主要解決了三個大問題：信息架構是什么?怎么做?怎么評判?歡迎大家針對“信息 架構”與@Mr湯進er交流討論(微信公共號：chuangshe_space，個人博客：www.tangjinweb.com,簡書or微博：@Mr 湯進er)，共同進步。
本文為原創，允許轉載，但請注明出處：
微信公共號“創設空間”：chuangshe_space
并附帶本文簡書鏈接：http://www.jianshu.com/p/06885fd7958f