如何做好網(wǎng)站建設(shè)布局?網(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)話(huà)題。

信息導(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à)值、邏輯、用戶(hù)習(xí)慣與個(gè)性化。

需求分析階段會(huì)把需求按重要程度分類(lèi)，滿(mǎn)足用戶(hù)核心需求的內(nèi)容要優(yōu)先顯示。其次，導(dǎo)航設(shè)計(jì)需要講究層次與邏輯。如果只是強(qiáng)調(diào)價(jià)值，把截然不同的功能點(diǎn)放在一起，那么呈現(xiàn)結(jié)果一定是混亂的，這會(huì)增加用戶(hù)的使用成本，并嚴(yán)重影響用戶(hù)體驗(yàn)。

因此我們?cè)谕癸@核心賣(mài)點(diǎn)與重要價(jià)值的同時(shí)，必須有邏輯的組織各個(gè)模塊——功能點(diǎn)分門(mén)別類(lèi)，把重要的“類(lèi)”優(yōu)先展示，把次要的功能點(diǎn)用適當(dāng)?shù)姆绞饺趸故尽?

弱化方法可以根據(jù)實(shí)際情況選擇頁(yè)面次要位置、二級(jí)菜單展示、非默認(rèn)選中、折疊等等。更高級(jí)的，網(wǎng)站可以嘗試滿(mǎn)足用戶(hù)按自己的喜好定制導(dǎo)航的需求，或者根據(jù)用戶(hù)習(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)的是采用類(lèi)別的組織方式。抽象地，我們可以把這種組織結(jié)構(gòu)看成一個(gè)樹(shù)狀結(jié)構(gòu)，樹(shù)形類(lèi)別信息組織結(jié)構(gòu)能夠很好的按照逐步細(xì)分的方式把信息歸類(lèi)展示。

采用類(lèi)別組織方式的弊端：類(lèi)別個(gè)數(shù)有限，而且不能靈活變化，網(wǎng)站信息不能被很好的歸類(lèi)和檢索。如果網(wǎng)站呈現(xiàn)的信息比較龐雜，那么用戶(hù)就會(huì)花去很大的代價(jià)去通過(guò)粗糙的類(lèi)別發(fā)現(xiàn)他們所感興趣的東西。采用類(lèi)別組織就像在馬路上聽(tīng)收音機(jī)，那么如果此時(shí)馬路非常嘈雜，我們應(yīng)該在這個(gè)場(chǎng)景下可以選擇別的方式聽(tīng)歌——比如帶上“耳機(jī)”，標(biāo)簽?zāi)Ｊ骄褪撬^的“耳機(jī)”。

從廣義上來(lái)說(shuō)標(biāo)簽也屬于一種類(lèi)別模式，只不過(guò)標(biāo)簽是一種更加個(gè)性，更加靈活，更加細(xì)致的分類(lèi)方式。標(biāo)簽不會(huì)被限制數(shù)量(簡(jiǎn)單類(lèi)別的結(jié)構(gòu)是一棵“樹(shù)”，那么標(biāo)簽就是大海)，簡(jiǎn)單分類(lèi)總有盡頭，而標(biāo)簽理論上來(lái)說(shuō)可以無(wú)邊無(wú)際，因此標(biāo)簽?zāi)Ｊ娇梢员阮?lèi)別模式走的更深，對(duì)類(lèi)別模式不能觸及的細(xì)分領(lǐng)域進(jìn)行信息標(biāo)記，而且我們可以給內(nèi)容添加多個(gè)標(biāo)簽(種類(lèi)對(duì)于內(nèi)容的映射：one2many，標(biāo)簽對(duì)于內(nèi)容的影射: many2many)，對(duì)于內(nèi)容涉及面龐大，或者用戶(hù)體驗(yàn)要求高的網(wǎng)站而言，標(biāo)簽的重要性不言而喻。

另外標(biāo)簽是靈活與高效的。舉一個(gè)例子：“XX”這個(gè)詞匯在網(wǎng)站中開(kāi)始變得時(shí)髦起來(lái)，如果采用信息簡(jiǎn)單分類(lèi)的方式并不能對(duì)這一點(diǎn)做出即時(shí)反應(yīng)(如果能做出反應(yīng)，那必須依賴(lài)于很消耗資源的深度運(yùn)營(yíng))，而采用標(biāo)簽，用戶(hù)會(huì)把自己產(chǎn)生的相關(guān)內(nèi)容標(biāo)記上“XX”，如果“XX”很熱門(mén)，用戶(hù)內(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)簽好像把讓用戶(hù)參與了運(yùn)營(yíng)(用戶(hù)行為、偏好決定了導(dǎo)航中每個(gè)標(biāo)簽擺放的優(yōu)先級(jí))，筆者把這種產(chǎn)品本身自帶的優(yōu)良運(yùn)營(yíng)基因稱(chēng)為產(chǎn)品的“自運(yùn)營(yíng)”屬性，“自運(yùn)營(yíng)”屬性極大的解放了產(chǎn)品運(yùn)營(yíng)的難度，而且它能比人工運(yùn)營(yíng)做的更好。當(dāng)然類(lèi)別模式與標(biāo)簽?zāi)Ｊ讲⒉幻?，可以?lián)合使用。

自運(yùn)營(yíng)與信息生態(tài)圈

前面我們探討網(wǎng)站需要組織信息，那么事實(shí)上網(wǎng)站的用戶(hù)也要組織他們自己從網(wǎng)站上獲取的信息(收藏夾就是一個(gè)最直接的例子)。用戶(hù)既然對(duì)其從網(wǎng)站獲取的信息有整理的需求，那么我們能否利用這個(gè)特性來(lái)實(shí)現(xiàn)網(wǎng)站又一個(gè)層面的自運(yùn)營(yíng)呢(即允許用戶(hù)分享“自己的整理成果”，從而借用戶(hù)的手來(lái)整理網(wǎng)站信息)?

答案是，當(dāng)然可以。且看網(wǎng)易云音樂(lè)的“歌單”功能，歌單可以理解成存放歌曲的文件夾。用戶(hù)可以直接查找歌曲也可以通過(guò)歌單尋找自己喜歡的歌曲，然后把它們歸類(lèi)收藏起來(lái)，這些“收藏”就是用戶(hù)自己生成的歌單。而且這些歌單可以分享出來(lái)，供更多的人查看。顯然，這樣就形成了一個(gè)信息歸類(lèi)“自運(yùn)營(yíng)”的生態(tài)循環(huán)系統(tǒng)。

歌單是音樂(lè)產(chǎn)品對(duì)歌曲信息的一種組織方法，當(dāng)音樂(lè)產(chǎn)品支持用戶(hù)制作、共享歌單的時(shí)候，也就是把歌曲信息組織的權(quán)力交給了用戶(hù)，海量用戶(hù)參與歌單管理將會(huì)生成更多更優(yōu)質(zhì)的歌單，而這些數(shù)量眾多、個(gè)性化極高的歌單又會(huì)吸引更多的不同口味的用戶(hù)使用該音樂(lè)產(chǎn)品，從而將帶來(lái)更多更好的歌單，這已經(jīng)是一個(gè)“良性循環(huán)生態(tài)系統(tǒng)”了。類(lèi)似的，我們也能聯(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)容分類(lèi)，借“用戶(hù)的手”整理自己的網(wǎng)站的信息流不得不說(shuō)是一招借力打力的妙棋。

最后我們會(huì)把這些信息組織元素鑲嵌到導(dǎo)航架構(gòu)里，這樣整個(gè)網(wǎng)站的信息流設(shè)計(jì)就完成了。

以上就是《如何做好網(wǎng)站建設(shè)布局?》，更多精彩內(nèi)容，點(diǎn)擊《創(chuàng)意網(wǎng)頁(yè)設(shè)計(jì)欣賞》，了解更多。