如何設計網站信息導航與信息流

2013-11-18 10:53:05   來源︰鈦媒體   我要評論

網站設計過程中非常重要的一步就是設計網站信息布局,這是決定網站總體樣貌與體驗的關鍵,以下筆者將從信息導航架構、網站信息組織模型、自運營與信息生態圈三點來闡述相關話題。

如何設計網站信息導航與信息流 - 中國IT在線 OK165.com

信息導航架構

網站設計過程中,產品經理需要優先確立網站信息導航架構。這就像畫一個人,一定是先畫出骨架輪廓,然後再去細化每一個局部。如果開始就局限在細部,欠缺整體上的思考,等你畫完會發現各部分風格不一、比例不協調等等的問題。俗語雲“畫虎先畫骨”,放在產品原型設計里,就是首先要放眼于整體信息(信息導航架構),然後再在骨架上添加具體的細節。那麼,如何合理地設計網站信息導航架構呢?

我覺得是需要考慮以下三點︰價值邏輯用戶習慣與個性化

需求分析階段會把需求按重要程度分類,滿足用戶核心需求的內容要優先顯示。其次,導航設計需要講究層次與邏輯。如果只是強調價值,把截然不同的功能點放在一起,那麼呈現結果一定是混亂的,這會增加用戶的使用成本,並嚴重影響用戶體驗。因此我們在凸顯核心賣點與重要價值的同時,必須有邏輯的組織各個模塊——功能點分門別類,把重要的“類”優先展示,把次要的功能點用適當的方式弱化展示。弱化方法可以根據實際情況選擇頁面次要位置、二級菜單展示、非默認選中、折疊等等。更高級的,網站可以嘗試滿足用戶按自己的喜好定制導航的需求,或者根據用戶習慣自動調整導航結構,實現自定義與個性化的目標。

網站信息組織模型

在設計網站原型的時候,會先確定網站的信息導航架構。不過,網站的信息組織設計還會先于信息導航,因為信息組織決定了網站的基本要素,而信息導航架構就是把這些要素放在適當的位置呈現。

下面主要討論網站信息組織方式,最常見的是采用類別的組織方式。抽象地,我們可以把這種組織結構看成一個樹狀結構,樹形類別信息組織結構能夠很好的按照逐步細分的方式把信息歸類展示。

采用類別組織方式的弊端︰類別個數有限,而且不能靈活變化,網站信息不能被很好的歸類和檢索。如果網站呈現的信息比較龐雜,那麼用戶就會花去很大的代價去通過粗糙的類別發現他們所感興趣的東西。采用類別組織就像在馬路上听收音機,那麼如果此時馬路非常嘈雜,我們應該在這個場景下可以選擇別的方式听歌——比如帶上“耳機”,標簽模式就是所謂的“耳機”。從廣義上來說標簽也屬于一種類別模式,只不過標簽是一種更加個性,更加靈活,更加細致的分類方式。標簽不會被限制數量(簡單類別的結構是一棵“樹”,那麼標簽就是大海),簡單分類總有盡頭,而標簽理論上來說可以無邊無際,因此標簽模式可以比類別模式走的更深,對類別模式不能觸及的細分領域進行信息標記,而且我們可以給內容添加多個標簽(種類對于內容的映射︰one2many,標簽對于內容的影射: many2many),對于內容涉及面龐大,或者用戶體驗要求高的網站而言,標簽的重要性不言而喻。

另外標簽是靈活與高效的。舉一個例子︰“XX”這個詞匯在網站中開始變得時髦起來,如果采用信息簡單分類的方式並不能對這一點做出即時反應(如果能做出反應,那必須依賴于很消耗資源的深度運營),而采用標簽,用戶會把自己產生的相關內容標記上“XX”,如果“XX”很熱門,用戶內容將會大量關聯“XX”標簽,“XX”就會被系統標識成活躍“標簽”而優先展示,自動為這些活躍內容提供一個醒目的入口,這就體現了標簽的靈活性(flexibility)與實時性(real time)。

深入思考上面的這個例子,我們還能發現標簽好像把讓用戶參與了運營(用戶行為、偏好決定了導航中每個標簽擺放的優先級),筆者把這種產品本身自帶的優良運營基因稱為產品的“自運營”屬性,“自運營”屬性極大的解放了產品運營的難度,而且它能比人工運營做的更好。當然類別模式與標簽模式並不矛盾,可以聯合使用,例如網易輕博客(LOFTER)就采用“分類”與“標簽”兩種信息瀏覽方式。

自運營與信息生態圈

前面我們探討網站需要組織信息,那麼事實上網站的用戶也要組織他們自己從網站上獲取的信息(收藏夾就是一個最直接的例子)。用戶既然對其從網站獲取的信息有整理的需求,那麼我們能否利用這個特性來實現網站又一個層面的自運營呢(即允許用戶分享“自己的整理成果”,從而借用戶的手來整理網站信息)?

答案是,當然可以。且看網易雲音樂的“歌單”功能,歌單可以理解成存放歌曲的文件夾。用戶可以直接查找歌曲也可以通過歌單尋找自己喜歡的歌曲,然後把它們歸類收藏起來,這些“收藏”就是用戶自己生成的歌單。而且這些歌單可以分享出來,供更多的人查看。顯然,這樣就形成了一個信息歸類“自運營”的生態循環系統。

歌單是音樂產品對歌曲信息的一種組織方法,當音樂產品支持用戶制作、共享歌單的時候,也就是把歌曲信息組織的權力交給了用戶,海量用戶參與歌單管理將會生成更多更優質的歌單,而這些數量眾多、個性化極高的歌單又會吸引更多的不同口味的用戶使用該音樂產品,從而將帶來更多更好的歌單,這已經是一個“良性循環生態系統”了。類似的,我們也能聯想到知乎模式,知乎的問題之于收藏夾,就是雲音樂的歌曲之于歌單,其中知乎的問題、雲音樂的歌曲分別是它們各自的內容,而收藏夾、歌單則是它們各自對內容的一種支持共享的組織方法。

總結

網站在原型設計階段可以引入一些更高效的信息組織方式,並采用“自運營”來釋放自身信息導流方面的運營壓力,而且這樣一個“自運營”的“循環信息系統”帶來的是更豐富、更靈活的內容分類,借“用戶的手”整理自己的網站的信息流不得不說是一招借力打力的妙棋

最後我們會把這些信息組織元素瓖嵌到導航架構里,這樣整個網站的信息流設計就完成了。

文/木柄