產品功能太多？先學會信息架構設計的8個原則

大家好，我是 Clippp。今天為大家分享的是「信息架構」。良好的用戶體驗要求產品所有的信息都符合邏輯并且觸手可及。如果信息沒有合理的分類，用戶在瀏覽 APP 或網站時會感到很混亂，這樣的話產品的價值會大打折扣。

這就好比做了一個特別酷的功能，但用戶卻找不到入口，更別提怎么用了，那這個功能再牛也沒有意義。

三種框架結構

在開始設計信息架構前，需要對產品有一個明確的組織系統，用框架來幫助用戶理解產品之間的聯系。常見的框架結構類型有三種：

1. 樹狀結構

樹狀結構是使用很廣泛的視覺層次結構，以階梯的形式呈現信息，能夠很好地傳達出不同信息的重要性。

2. 順序結構

這種形式的信息架構為用戶創建特定路徑，意味著用戶必須遵循提供的步驟，并且只接受當時呈現給他們的信息。

這種結構能避免給用戶提供太多的選擇，防止出現類似“選擇困難癥”的情況。

3. 矩陣結構

順序結構是引導用戶操作一系列指定好的步驟，而矩陣結構允許用戶選擇他們喜歡的導航方式。這意味著一個功能可能包含更多入口，連接多條路徑，和其他模塊有更多關聯性。

信息架構的八個原則

1. 關聯原則

產品中任何一個模塊都不是獨立存在的，在信息架構中就要考慮怎么將關聯的信息串聯起來，靈活地處理內容。

在電商產品中經常能看到這樣的設計，在商品詳細頁的后面添加“猜你喜歡”模塊，引導用戶查看更多相似的款式，這樣的結構會讓從觀看到購買的整個流程更成熟。

2. 選擇原則

給用戶的選擇越多，實際做出決定需要付出的認知能力就越強，甚至會引起無法抉擇的焦慮心理。

左側的列表顯示了大量的信息，但缺少對內容或信息架構的分類。結果就是用戶為了尋找或使用一個小功能而花費了大量的時間，得不償失。

這里建議盡可能精簡列表的層級結構，突出最重要的內容。當我們想做類似的列表時，先考慮一下是否需要對信息進行分類，能有效提升產品的合理構建。

3. 披露原則

關于漸進式披露，在之前的文章中詳細講過，可以點這里快速回看 → 漸進式披露！交互設計領域獨有的設計方法論

在使用產品時，我們會詳細地預想各種使用場景，包括如何使用、操作失敗如何提示等等，盡量涵蓋更多用戶的需求。這樣做的目的是讓用戶與產品交互時，保證產品呈現的內容或反饋在用戶的預料之內。

通過漸進式披露，讓內容遞進式呈現，滿足用戶不同的使用需求，比如用戶想看商品的詳細內容，則會一步步點擊操作來獲取。

通過在信息架構中漸進式地呈現信息，用戶不僅能合理地接受內容，還可以在內容呈現之前預測接下來的內容或操作，讓用戶有所準備。

4. 示范原則

一圖勝千言，有的時候光靠文字描述可能不足以將內容描述清楚，導致用戶也不好理解，而恰當的圖片示例能很好地輔助文字表達，讓內容的分類更有據可依。

在 Adidas 官網頂部導航欄的架構中，在每個分類下面都提供了圖片示例，這樣的設計更能讓用戶清晰地明白產品類目。同時這個圖片也相當于是子類別的入口，點擊圖片能快速查看一個大分類。

5. 定位原則

讓用戶明確當前位置。無論網站還是 APP 都包含了很多頁面，用戶之所以能夠在頁面之間來回穿梭，實際上是得益于清晰的信息架構。尤其是在使用一個復雜的新產品時，讓新用戶快速了解產品架構的的邏輯非常重要。

在網頁設計中，面包屑導航清楚地告知用戶當前的操作、所處層級和位置，同時為返回上一級或主頁提供了選擇路徑，也避免了在網站首頁將內容全部展示出來的情況。

6. 多重分類

對于信息的查找方式，不同的人可能會有不用的操作方法。例如，我們想在網上買個東西，既可以在產品的首頁推薦中購買，也可以在搜索框內搜索購買，還可以用拍照識圖功能識別購買。

所以在設計產品的信息架構時，要考慮這種多條路徑選擇的情況，提供更多的路徑代表用戶有更大的可能性來探索和使用產品。

7. 聚焦導航

信息架構是關乎用戶體驗的邏輯。隨著新功能越來越多，一種簡單粗暴的方式就是在首頁隨意堆砌新的導航菜單，這樣會讓整個導航欄看起來很臃腫，缺乏邏輯性。

在可能的情況下，將頁面分區域為不同類型的信息提供差異性的導航設計。例如 Facebook 頂部導航欄展示了添加朋友、對話、消息等導航菜單模塊，左側導航欄則展示常用功能分類，將兩塊內容清晰做出劃分。

信息架構的目的是根據合理的方法將內容分類，保證用戶準確地知道自己在哪里以及在哪里找到所需的信息。

8. 增長原則

產品的體量會隨著時間的推移不斷增長，新的分類也會越來越多。面對這樣的情況，上面提到的聚焦導航是一種方法，另外還要對增長有清晰的認知和預見性。

尤其是在初創公司工作的小伙伴，新產品可能隔一段時間就會更新越來越多的功能，這就要求我們在考慮信息架構時，不能只盯著當下，而是將目光放長遠，考慮未來如果有新內容增加要怎么合理擴展，相當于為產品提前做一個規劃。

通過上下兩圖的架構對比，為我們提供了參考思路。當產品內容不太多時，可能簡單的二級分類就能解決，但是當產品容量變大時，就要考慮如何合理地使用多層級的分類來容納更多的內容。

最后

信息架構對用戶充分了解產品至關重要。如果在設計中出現疑問，記得回到出發點：用戶在當下節點的目標是什么？如何以最簡單的方式幫助用戶實現目標？

慢慢來比較快，希望對你有所幫助～

歡迎關注作者微信公眾號：「Clip設計夾」