網(wǎng)站設(shè)計(jì)過(guò)程中非常重要的一步就是設(shè)計(jì)網(wǎng)站信息布局，這是決定網(wǎng)站總體樣貌與體驗(yàn)的關(guān)鍵，以下筆者將從信息導(dǎo)航架構(gòu)、網(wǎng)站信息組織模型、自運(yùn)營(yíng)與信息生態(tài)圈三點(diǎn)來(lái)闡述相關(guān)話題。
信息導(dǎo)航架構(gòu)
網(wǎng)站設(shè)計(jì)過(guò)程中，產(chǎn)品經(jīng)理需要優(yōu)先確立網(wǎng)站信息導(dǎo)航架構(gòu)。這就像畫(huà)一個(gè)人，一定是先畫(huà)出骨架輪廓，然后再去細(xì)化每一個(gè)局部。如果開(kāi)始就局限在細(xì)部，欠缺整體上的思考，等你畫(huà)完會(huì)發(fā)現(xiàn)各部分風(fēng)格不一、比例不協(xié)調(diào)等等的問(wèn)題。俗語(yǔ)云“畫(huà)虎先畫(huà)骨”，放在產(chǎn)品原型設(shè)計(jì)里，就是首先要放眼于整體信息（信息導(dǎo)航架構(gòu)），然后再在骨架上添加具體的細(xì)節(jié)。那么，如何合理地設(shè)計(jì)網(wǎng)站信息導(dǎo)航架構(gòu)呢？
我覺(jué)得是需要考慮以下三點(diǎn)：價(jià)值、邏輯、用戶習(xí)慣與個(gè)性化。
需求分析階段會(huì)把需求按重要程度分類，滿足用戶核心需求的內(nèi)容要優(yōu)先顯示。其次，導(dǎo)航設(shè)計(jì)需要講究層次與邏輯。如果只是強(qiáng)調(diào)價(jià)值，把截然不同的功能點(diǎn)放在一起，那么呈現(xiàn)結(jié)果一定是混亂的，這會(huì)增加用戶的使用成本，并嚴(yán)重影響用戶體驗(yàn)。因此我們?cè)谕癸@核心賣(mài)點(diǎn)與重要價(jià)值的同時(shí)，必須有邏輯的組織各個(gè)模塊——功能點(diǎn)分門(mén)別類，把重要的“類”優(yōu)先展示，把次要的功能點(diǎn)用適當(dāng)?shù)姆绞饺趸故尽Ｈ趸椒梢愿鶕?jù)實(shí)際情況選擇頁(yè)面次要位置、二級(jí)菜單展示、非默認(rèn)選中、折疊等等。更高級(jí)的，網(wǎng)站可以嘗試滿足用戶按自己的喜好定制導(dǎo)航的需求，或者根據(jù)用戶習(xí)慣自動(dòng)調(diào)整導(dǎo)航結(jié)構(gòu)，實(shí)現(xiàn)自定義與個(gè)性化的目標(biāo)。
網(wǎng)站信息組織模型
在設(shè)計(jì)網(wǎng)站原型的時(shí)候，會(huì)先確定網(wǎng)站的信息導(dǎo)航架構(gòu)。不過(guò)，網(wǎng)站的信息組織設(shè)計(jì)還會(huì)先于信息導(dǎo)航，因?yàn)樾畔⒔M織決定了網(wǎng)站的基本要素，而信息導(dǎo)航架構(gòu)就是把這些要素放在適當(dāng)?shù)奈恢贸尸F(xiàn)。
下面主要討論網(wǎng)站信息組織方式，最常見(jiàn)的是采用類別的組織方式。抽象地，我們可以把這種組織結(jié)構(gòu)看成一個(gè)樹(shù)狀結(jié)構(gòu)，樹(shù)形類別信息組織結(jié)構(gòu)能夠很好的按照逐步細(xì)分的方式把信息歸類展示。
采用類別組織方式的弊端：類別個(gè)數(shù)有限，而且不能靈活變化，網(wǎng)站信息不能被很好的歸類和檢索。如果網(wǎng)站呈現(xiàn)的信息比較龐雜，那么用戶就會(huì)花去很大的代價(jià)去通過(guò)粗糙的類別發(fā)現(xiàn)他們所感興趣的東西。采用類別組織就像在馬路上聽(tīng)收音機(jī)，那么如果此時(shí)馬路非常嘈雜，我們應(yīng)該在這個(gè)場(chǎng)景下可以選擇別的方式聽(tīng)歌——比如帶上“耳機(jī)”，標(biāo)簽?zāi)Ｊ骄褪撬^的“耳機(jī)”。從廣義上來(lái)說(shuō)標(biāo)簽也屬于一種類別模式，只不過(guò)標(biāo)簽是一種更加個(gè)性，更加靈活，更加細(xì)致的分類方式。標(biāo)簽不會(huì)被限制數(shù)量（簡(jiǎn)單類別的結(jié)構(gòu)是一棵“樹(shù)”，那么標(biāo)簽就是大海），簡(jiǎn)單分類總有盡頭，而標(biāo)簽理論上來(lái)說(shuō)可以無(wú)邊無(wú)際，因此標(biāo)簽?zāi)Ｊ娇梢员阮悇e模式走的更深，對(duì)類別模式不能觸及的細(xì)分領(lǐng)域進(jìn)行信息標(biāo)記，而且我們可以給內(nèi)容添加多個(gè)標(biāo)簽（種類對(duì)于內(nèi)容的映射：one2many，標(biāo)簽對(duì)于內(nèi)容的影射: many2many），對(duì)于內(nèi)容涉及面龐大，或者用戶體驗(yàn)要求高的網(wǎng)站而言，標(biāo)簽的重要性不言而喻。
另外標(biāo)簽是靈活與高效的。舉一個(gè)例子：“XX”這個(gè)詞匯在網(wǎng)站中開(kāi)始變得時(shí)髦起來(lái)，如果采用信息簡(jiǎn)單分類的方式并不能對(duì)這一點(diǎn)做出即時(shí)反應(yīng)（如果能做出反應(yīng)，那必須依賴于很消耗資源的深度運(yùn)營(yíng)），而采用標(biāo)簽，用戶會(huì)把自己產(chǎn)生的相關(guān)內(nèi)容標(biāo)記上“XX”，如果“XX”很熱門(mén)，用戶內(nèi)容將會(huì)大量關(guān)聯(lián)“XX”標(biāo)簽，“XX”就會(huì)被系統(tǒng)標(biāo)識(shí)成活躍“標(biāo)簽”而優(yōu)先展示，自動(dòng)為這些活躍內(nèi)容提供一個(gè)醒目的入口，這就體現(xiàn)了標(biāo)簽的靈活性（flexibility）與實(shí)時(shí)性（real time）。深入思考上面的這個(gè)例子，我們還能發(fā)現(xiàn)標(biāo)簽好像把讓用戶參與了運(yùn)營(yíng)（用戶行為、偏好決定了導(dǎo)航中每個(gè)標(biāo)簽擺放的優(yōu)先級(jí)），筆者把這種產(chǎn)品本身自帶的優(yōu)良運(yùn)營(yíng)基因稱為產(chǎn)品的“自運(yùn)營(yíng)”屬性，“自運(yùn)營(yíng)”屬性極大的解放了產(chǎn)品運(yùn)營(yíng)的難度，而且它能比人工運(yùn)營(yíng)做的更好。當(dāng)然類別模式與標(biāo)簽?zāi)Ｊ讲⒉幻埽梢月?lián)合使用，例如網(wǎng)易輕博客（LOFTER）就采用“分類”與“標(biāo)簽”兩種信息瀏覽方式。
自運(yùn)營(yíng)與信息生態(tài)圈
前面我們探討網(wǎng)站需要組織信息，那么事實(shí)上網(wǎng)站的用戶也要組織他們自己從網(wǎng)站上獲取的信息（收藏夾就是一個(gè)最直接的例子）。用戶既然對(duì)其從網(wǎng)站獲取的信息有整理的需求，那么我們能否利用這個(gè)特性來(lái)實(shí)現(xiàn)網(wǎng)站又一個(gè)層面的自運(yùn)營(yíng)呢（即允許用戶分享“自己的整理成果”，從而借用戶的手來(lái)整理網(wǎng)站信息）？
答案是，當(dāng)然可以。且看網(wǎng)易云音樂(lè)的“歌單”功能，歌單可以理解成存放歌曲的文件夾。用戶可以直接查找歌曲也可以通過(guò)歌單尋找自己喜歡的歌曲，然后把它們歸類收藏起來(lái)，這些“收藏”就是用戶自己生成的歌單。而且這些歌單可以分享出來(lái)，供更多的人查看。顯然，這樣就形成了一個(gè)信息歸類“自運(yùn)營(yíng)”的生態(tài)循環(huán)系統(tǒng)。
歌單是音樂(lè)產(chǎn)品對(duì)歌曲信息的一種組織方法，當(dāng)音樂(lè)產(chǎn)品支持用戶制作、共享歌單的時(shí)候，也就是把歌曲信息組織的權(quán)力交給了用戶，海量用戶參與歌單管理將會(huì)生成更多更優(yōu)質(zhì)的歌單，而這些數(shù)量眾多、個(gè)性化極高的歌單又會(huì)吸引更多的不同口味的用戶使用該音樂(lè)產(chǎn)品，從而將帶來(lái)更多更好的歌單，這已經(jīng)是一個(gè)“良性循環(huán)生態(tài)系統(tǒng)”了。類似的，我們也能聯(lián)想到知乎模式，知乎的問(wèn)題之于收藏夾，就是云音樂(lè)的歌曲之于歌單，其中知乎的問(wèn)題、云音樂(lè)的歌曲分別是它們各自的內(nèi)容，而收藏夾、歌單則是它們各自對(duì)內(nèi)容的一種支持共享的組織方法。
總結(jié)
網(wǎng)站在原型設(shè)計(jì)階段可以引入一些更高效的信息組織方式，并采用“自運(yùn)營(yíng)”來(lái)釋放自身信息導(dǎo)流方面的運(yùn)營(yíng)壓力，而且這樣一個(gè)“自運(yùn)營(yíng)”的“循環(huán)信息系統(tǒng)”帶來(lái)的是更豐富、更靈活的內(nèi)容分類，借“用戶的手”整理自己的網(wǎng)站的信息流不得不說(shuō)是一招借力打力的妙棋。
最后我們會(huì)把這些信息組織元素鑲嵌到導(dǎo)航架構(gòu)里，這樣整個(gè)網(wǎng)站的信息流設(shè)計(jì)就完成了。
技術(shù)控是百度新聞與鈦媒體合作，專門(mén)為技術(shù)愛(ài)好者打造的欄目
快報(bào)
根據(jù)《網(wǎng)絡(luò)安全法》實(shí)名制要求，請(qǐng)綁定手機(jī)號(hào)后發(fā)表評(píng)論
文章的條理清楚，提供的思路也很值得大家借鑒。幫作者頂一下
只有我自己默默的頂(流淚)