如何設計網站信息導航與信息流 - 網站設計及開發

豪鬼AKUMA

網站設計過程中非常重要的一步就是設計網站信息布局，這是決定網站總體樣貌與體驗的關鍵，以下筆者將從信息導航架構、網站信息組織模型、自運營與信息生態圈三點來闡述相關話題。
信息導航架構
網站設計過程中，產品經理需要優先確立網站信息導航架構。這就像畫一個人，一定是先畫出骨架輪廓，然後再去細化每一個局部。如果開始就局限在細部，欠缺整體上的思考，等你畫完會發現各部分風格不一、比例不協調等等的問題。俗語云「畫虎先畫骨」，放在產品原型設計里，就是首先要放眼於整體信息（信息導航架構），然後再在骨架上添加具體的細節。那麼，如何合理地設計網站信息導航架構呢？
我覺得是需要考慮以下三點：價值、邏輯、用戶習慣與個性化。
需求分析階段會把需求按重要程度分類，滿足用戶核心需求的內容要優先顯示。其次，導航設計需要講究層次與邏輯。如果只是強調價值，把截然不同的功能點放在一起，那麼呈現結果一定是混亂的，這會增加用戶的使用成本，並嚴重影響用戶體驗。因此我們在凸顯核心賣點與重要價值的同時，必須有邏輯的組織各個模塊——功能點分門別類，把重要的「類」優先展示，把次要的功能點用適當的方式弱化展示。弱化方法可以根據實際情況選擇頁面次要位置、二級菜單展示、非默認選中、摺疊等等。更高級的，網站可以嘗試滿足用戶按自己的喜好定製導航的需求，或者根據用戶習慣自動調整導航結構，實現自定義與個性化的目標。
網站信息組織模型
在設計網站原型的時候，會先確定網站的信息導航架構。不過，網站的信息組織設計還會先於信息導航，因為信息組織決定了網站的基本要素，而信息導航架構就是把這些要素放在適當的位置呈現。
下面主要討論網站信息組織方式，最常見的是採用類別的組織方式。抽象地，我們可以把這種組織結構看成一個樹狀結構，樹形類別信息組織結構能夠很好的按照逐步細分的方式把信息歸類展示。
採用類別組織方式的弊端：類別個數有限，而且不能靈活變化，網站信息不能被很好的歸類和檢索。如果網站呈現的信息比較龐雜，那麼用戶就會花去很大的代價去通過粗糙的類別發現他們所感興趣的東西。採用類別組織就像在馬路上聽收音機，那麼如果此時馬路非常嘈雜，我們應該在這個場景下可以選擇別的方式聽歌——比如帶上「耳機」，標籤模式就是所謂的「耳機」。從廣義上來說標籤也屬於一種類別模式，只不過標籤是一種更加個性，更加靈活，更加細緻的分類方式。標籤不會被限制數量（簡單類別的結構是一棵「樹」，那麼標籤就是大海），簡單分類總有盡頭，而標籤理論上來說可以無邊無際，因此標籤模式可以比類別模式走的更深，對類別模式不能觸及的細分領域進行信息標記，而且我們可以給內容添加多個標籤（種類對於內容的映射：one2many，標籤對於內容的影射: many2many），對於內容涉及面龐大，或者用戶體驗要求高的網站而言，標籤的重要性不言而喻。
另外標籤是靈活與高效的。舉一個例子：「XX」這個詞彙在網站中開始變得時髦起來，如果採用信息簡單分類的方式並不能對這一點做出即時反應（如果能做出反應，那必須依賴於很消耗資源的深度運營），而採用標籤，用戶會把自己產生的相關內容標記上「XX」，如果「XX」很熱門，用戶內容將會大量關聯「XX」標籤，「XX」就會被系統標識成活躍「標籤」而優先展示，自動為這些活躍內容提供一個醒目的入口，這就體現了標籤的靈活性（flexibility）與實時性（real time）。深入思考上面的這個例子，我們還能發現標籤好像把讓用戶參與了運營（用戶行為、偏好決定了導航中每個標籤擺放的優先級），筆者把這種產品本身自帶的優良運營基因稱為產品的「自運營」屬性，「自運營」屬性極大的解放了產品運營的難度，而且它能比人工運營做的更好。當然類別模式與標籤模式並不矛盾，可以聯合使用，例如網易輕博客（LOFTER）就採用「分類」與「標籤」兩種信息瀏覽方式。
自運營與信息生態圈
前面我們探討網站需要組織信息，那麼事實上網站的用戶也要組織他們自己從網站上獲取的信息（收藏夾就是一個最直接的例子）。用戶既然對其從網站獲取的信息有整理的需求，那麼我們能否利用這個特性來實現網站又一個層面的自運營呢（即允許用戶分享「自己的整理成果」，從而借用戶的手來整理網站信息）？
答案是，當然可以。且看網易雲音樂的「歌單」功能，歌單可以理解成存放歌曲的文件夾。用戶可以直接查找歌曲也可以通過歌單尋找自己喜歡的歌曲，然後把它們歸類收藏起來，這些「收藏」就是用戶自己生成的歌單。而且這些歌單可以分享出來，供更多的人查看。顯然，這樣就形成了一個信息歸類「自運營」的生態循環系統。
歌單是音樂產品對歌曲信息的一種組織方法，當音樂產品支持用戶製作、共享歌單的時候，也就是把歌曲信息組織的權力交給了用戶，海量用戶參與歌單管理將會生成更多更優質的歌單，而這些數量眾多、個性化極高的歌單又會吸引更多的不同口味的用戶使用該音樂產品，從而將帶來更多更好的歌單，這已經是一個「良性循環生態系統」了。類似的，我們也能聯想到知乎模式，知乎的問題之於收藏夾，就是雲音樂的歌曲之於歌單，其中知乎的問題、雲音樂的歌曲分別是它們各自的內容，而收藏夾、歌單則是它們各自對內容的一種支持共享的組織方法。
總結
網站在原型設計階段可以引入一些更高效的信息組織方式，並採用「自運營」來釋放自身信息導流方面的運營壓力，而且這樣一個「自運營」的「循環信息系統」帶來的是更豐富、更靈活的內容分類，借「用戶的手」整理自己的網站的信息流不得不說是一招借力打力的妙棋。
最後我們會把這些信息組織元素鑲嵌到導航架構里，這樣整個網站的信息流設計就完成了。

技術控是百度新聞與鈦媒體合作，專門為技術愛好者打造的欄目

Disy

好貼壞貼，一眼就看出去

北極蝦

初來乍到，請多多關照。

jerrygarry

小心大家盯上你哦

Some1

潛水值看滿囉，回覆一下

小妖怪

好貼壞貼，一眼就看出去

鳥不起點算

好分享的樓主，我給你一個贊

k2a3i4

說嘛1~~~想說什麼就說什麼嘛~~  

十兵衛

這論壇不錯，我會跟我好友分享

juny0385

我看不太到喔