談網(wǎng)站導(dǎo)航設(shè)計(jì)：不是所有的網(wǎng)站都需要導(dǎo)航

時(shí)間：2022-07-02 11:54:01 | 來源：建站知識(shí)

時(shí)間：2022-07-02 11:54:01 來源：建站知識(shí)

        網(wǎng)站策劃中百分之七十的工作是圍繞網(wǎng)站導(dǎo)航開展的”——這句話是錯(cuò)的。許多優(yōu)秀的網(wǎng)站成功在導(dǎo)航設(shè)計(jì)，許多糟糕失敗在導(dǎo)航設(shè)計(jì)，這個(gè)現(xiàn)象的確存在，但這并不意味著導(dǎo)航設(shè)計(jì)占有網(wǎng)站策劃工作的絕對(duì)重心。

不是所有的網(wǎng)站都需要導(dǎo)航

策劃這類思維活動(dòng)，一旦形成了慣性也就失去了創(chuàng)造力。很多從事網(wǎng)站策劃的朋友，總是把著眼點(diǎn)放在了網(wǎng)站的導(dǎo)航，殊不知很多網(wǎng)站壓根不需要導(dǎo)航，因此，正確的網(wǎng)站策劃思維應(yīng)該是首先明確“我們是否需要導(dǎo)航”，然后才是“我們需要一個(gè)什么樣的導(dǎo)航”

只有一個(gè)頁面的網(wǎng)站，它們不需要導(dǎo)航。企業(yè)簡介、聯(lián)系方式、產(chǎn)品服務(wù)，這樣的名片式網(wǎng)站是國內(nèi)中小型企業(yè)普遍采用的形式，而這些內(nèi)容往往可以在一個(gè)頁面中展開;網(wǎng)站建設(shè)公司為了提高價(jià)格將名片式網(wǎng)站故意復(fù)雜化，同時(shí)為了節(jié)約成本將導(dǎo)航程式化，造成了成本浪費(fèi)與用戶操作的煩瑣;一個(gè)極簡的網(wǎng)站，高效能的傳播，純粹的功能，是不需要導(dǎo)航的干擾;如果能夠在最少的頁面里把事情說清楚，就不要浪費(fèi)更多的頁面，這是在節(jié)約社會(huì)資源，也是在節(jié)約用戶的時(shí)間。

可用性研究網(wǎng)站Useit.com(Nielsen)就是一個(gè)典型的沒有導(dǎo)航欄的網(wǎng)站

故事主線的網(wǎng)站，它們不需要導(dǎo)航。線性思維可以一步一步帶領(lǐng)用戶進(jìn)入目的地，只要內(nèi)容足夠吸引，那么用戶是不吝惜增加點(diǎn)擊的;這種敘事的內(nèi)容傳播側(cè)重的是內(nèi)容的深度，Step By Step的讓用戶深入了解內(nèi)容，并不希望用戶進(jìn)行跨越式瀏覽。故事網(wǎng)站并不能帶來寬泛的流量，必需像看幻燈片那樣一頁一頁的點(diǎn)擊下去，而卻能帶來影響力與 深刻傳播，用戶往往一口氣瀏覽到底，而且很少去重新瀏覽;既然如此，故事主線的網(wǎng)站存在有何意義呢?很顯然，故事主線網(wǎng)站是進(jìn)行病毒式營銷的利器，通常人們會(huì)把自己喜歡的故事網(wǎng)站通過各種渠道分享給自己的親人和朋友。

著名的Web標(biāo)準(zhǔn)啟蒙讀物《為什么用表格排版是不明智的》采用線性無導(dǎo)航閱讀

用戶往往并不知道網(wǎng)站導(dǎo)航的存在

每個(gè)人都有經(jīng)常使用的網(wǎng)站，即便是網(wǎng)站策劃師也不例外?，F(xiàn)在確定一個(gè)你經(jīng)常訪問的網(wǎng)站(這個(gè)網(wǎng)站必須不是你親自參與設(shè)計(jì)建設(shè)的)，好，閉上眼睛仔細(xì)回憶，這個(gè)你經(jīng)常造訪的網(wǎng)站，它的導(dǎo)航包含多少個(gè)項(xiàng)目，第一個(gè)項(xiàng)目是什么?最后一個(gè)呢?每個(gè)項(xiàng)目在導(dǎo)航中是如何排列的?現(xiàn)在你明白了么?……即便是你經(jīng)常訪問的網(wǎng)站，你也沒辦法把導(dǎo)航內(nèi)容完全記住。

Google中文(谷歌)可能是你每天都訪問的網(wǎng)站，你能記得它的導(dǎo)航具體是什么嗎

站在一個(gè)普通用戶的角度，在使用者的視場(chǎng)中，掃描著頁面的內(nèi)容，即什么內(nèi)容在頁面的什么地方，這些內(nèi)容是否是用戶需要的;用戶其實(shí)不關(guān)心導(dǎo)航是否存在，他們只有在當(dāng)前頁面找不到自己需要內(nèi)容的情況下，才會(huì)去尋找導(dǎo)航;因此，用戶的確能感受到頁面的存在，因?yàn)轫撁嫱ㄟ^視網(wǎng)膜讓用戶知道了它的存在，用戶往往不知道導(dǎo)航的存在，因?yàn)閷?dǎo)航系統(tǒng)是一個(gè)抽象的概念。

用戶使用導(dǎo)航是要找到自己需要的內(nèi)容，這種需求往往非常急切，而且你不要認(rèn)為每個(gè)用戶都會(huì)像在月亮山挖寶一樣孜孜不倦，在導(dǎo)航的幫助下，如果還不能快速的找到自己想要看的東西，那么他們就會(huì)關(guān)掉瀏覽器跑掉了。這個(gè)時(shí)候，一份詳盡的網(wǎng)站地圖，會(huì)比你精心設(shè)計(jì)的導(dǎo)航更有效和快捷。

越是扁平結(jié)構(gòu)的網(wǎng)站導(dǎo)航越有效

很多網(wǎng)站策劃師喜歡使用多級(jí)導(dǎo)航，有的甚至按照邏輯關(guān)系把導(dǎo)航細(xì)分到3級(jí)甚至4級(jí)，這樣做是極其不合理的。在此我們引入一個(gè)維度的概念，如果每增加一級(jí)導(dǎo)航就增加一個(gè)維度，那么增加的這一級(jí)將使整個(gè)導(dǎo)航系統(tǒng)復(fù)雜度增加數(shù)倍，而用戶的操作將呈幾何數(shù)量級(jí)的增加。

一個(gè)企業(yè)網(wǎng)站的二維導(dǎo)航被扁平化的例子

我們必須明確，導(dǎo)航的出現(xiàn)是因?yàn)樵谝粋€(gè)頁面中無法同時(shí)展現(xiàn)那么多的內(nèi)容;也就是說導(dǎo)航是無奈之舉，并非必需品。無論橫向?qū)Ш竭€是縱向?qū)Ш剑偃缛肫聊蛔銐驅(qū)捇蜃銐蜷L，那么只需要一級(jí)導(dǎo)航就可以了。這也就是說，需要把一個(gè)多維的縱深導(dǎo)航系統(tǒng)壓扁，這樣做的代價(jià)是打破網(wǎng) 站欄目之間明確的從屬邏輯，而得到的好處是讓用戶更快的找到自己需要的內(nèi)容。扁平結(jié)構(gòu)的導(dǎo)航，正在逐漸成為網(wǎng)站導(dǎo)航的主流，這就是為什么那么多門戶網(wǎng)站將 一級(jí)的欄目在導(dǎo)航區(qū)以多行出現(xiàn)，并且你能發(fā)現(xiàn)更極端的做法——網(wǎng)站的導(dǎo)航就是網(wǎng)站地圖。

戴爾電腦的中文網(wǎng)站：網(wǎng)站導(dǎo)航就是網(wǎng)站地圖!

橫排導(dǎo)航與縱列導(dǎo)航的區(qū)別

我們知道，幾乎整個(gè)世界的閱讀習(xí)慣都是從左到右逐行進(jìn)行(中國古代是從上到下逐列進(jìn)行)，那么在橫排導(dǎo)航中，左邊的項(xiàng)目一定比右邊的項(xiàng)目重要么?這也未必，因?yàn)樵絹碓蕉嗟挠脩魧?dǎo)航與段落區(qū)別開來，進(jìn)行跳躍式閱讀，出現(xiàn)了“金箍棒”狀態(tài)，那么就意味著在橫排導(dǎo)航中，最后一個(gè)元素會(huì)有一個(gè)小的躍升;所以，有經(jīng)驗(yàn)的網(wǎng)站策劃師會(huì)把最重要的項(xiàng)目放在橫排導(dǎo)航的第一位，而次要項(xiàng)目放在橫排導(dǎo)航的最后一位，其它項(xiàng)目從第二位依次排列開。

橫排段落:權(quán)重由左至右逐漸降低

橫排導(dǎo)航:權(quán)重逐漸降低，最后出現(xiàn)躍升

由于用戶閱讀的橫掃描習(xí)慣，縱列導(dǎo)航保持了一個(gè)簡單的遞減關(guān)系，上面的權(quán)重最高，下面的權(quán)重最低。

縱列導(dǎo)航:權(quán)重由上至下逐漸降低

精簡合理的導(dǎo)航結(jié)構(gòu)是可以復(fù)用的

橫排導(dǎo)航+面包屑仿佛是網(wǎng)站導(dǎo)航的普遍格式，真的合理么?導(dǎo)航真的要占用那么多寶貴的屏幕資源么?越來越多精巧的設(shè)計(jì)將導(dǎo)航和面包屑融合在一起，完美的解決了“你在哪里”“你可以去哪里”這兩個(gè)最本質(zhì)的導(dǎo)航問題。

一種使用較少鏈接實(shí)現(xiàn)多級(jí)導(dǎo)航的網(wǎng)站導(dǎo)航形式

成功的導(dǎo)航方式是可以復(fù)用的，雖然在用戶的眼睛里沒有導(dǎo)航，然而在網(wǎng)站策劃師的視野中優(yōu)秀的導(dǎo)航隨處可見，導(dǎo)航設(shè)計(jì)并不存在什么訣竅和秘密，如果理解每種導(dǎo)航結(jié)構(gòu)的特點(diǎn)，那么就“拿來主義”吧。

最后提示每一位網(wǎng)站策劃師：因?yàn)閮?nèi)容所以導(dǎo)航，千萬不可以“先設(shè)計(jì)導(dǎo)航、然后才冥想內(nèi)容”。

相關(guān)閱讀：

        網(wǎng)站導(dǎo)航之 “面包屑”導(dǎo)航

        評(píng)測(cè)目前國內(nèi)較流行的10個(gè)網(wǎng)站導(dǎo)航

        馮志亮：解析“網(wǎng)站導(dǎo)航”和“面包屑導(dǎo)航”

        有關(guān)網(wǎng)站導(dǎo)航規(guī)劃與設(shè)計(jì)之我觀點(diǎn)