企業(yè)網(wǎng)站導(dǎo)航欄設(shè)計(jì)規(guī)范發(fā)布者：本站     時(shí)間：2020-04-25 11:04:26

導(dǎo)航欄，也叫菜單欄，是一個(gè)網(wǎng)站的重要組成部分。它不僅聯(lián)系著網(wǎng)站外部，同時(shí)也聯(lián)系著網(wǎng)站內(nèi)部的各個(gè)頁面。導(dǎo)航欄存在的目的是為了讓用戶能夠更加便捷精準(zhǔn)的到達(dá)網(wǎng)站內(nèi)的某一頁面，所以也可以看作是整個(gè)網(wǎng)站的中心部分。所以導(dǎo)航欄的設(shè)計(jì)十分重要，如果導(dǎo)航欄的設(shè)計(jì)比較糟糕，那么用戶想必也無法獲得好的使用體驗(yàn)，這是十分容易導(dǎo)致跳出率增高的因素，同時(shí)，如果一個(gè)網(wǎng)站的導(dǎo)航欄設(shè)計(jì)的不合理，也是一個(gè)不應(yīng)該出現(xiàn)的錯(cuò)誤。

網(wǎng)站導(dǎo)航設(shè)計(jì)規(guī)范

在導(dǎo)航欄的設(shè)計(jì)上，很多網(wǎng)站都會(huì)選擇進(jìn)行一些“別出心裁”的構(gòu)造，但事實(shí)上，對(duì)于這種功能性非常強(qiáng)的部分，我們非常不建議過分的注重技巧而忽視用戶的使用體驗(yàn)，這樣不但不會(huì)得到用戶的肯定，反而會(huì)起到相反的作用。但同時(shí)，一些過于死板的導(dǎo)航欄設(shè)計(jì)，雖然能夠讓用戶在使用時(shí)非常方便，但也不可避免地會(huì)帶給用戶一種“千篇一律”的感覺，所以導(dǎo)航欄在設(shè)計(jì)時(shí)，還是需要站長(zhǎng)多下些功夫的。

除了首頁，其他頁面也可以放置導(dǎo)航欄

一個(gè)很明顯的誤區(qū)就是，很多網(wǎng)站只在首頁放置導(dǎo)航欄。用戶在瀏覽網(wǎng)站的首頁時(shí)，可以輕松的通過導(dǎo)航欄到達(dá)他們想要瀏覽的頁面——這說明導(dǎo)航欄的設(shè)計(jì)是較為成功的，但是一旦到達(dá)二級(jí)頁面，導(dǎo)航就變得模糊起來，以致用戶在瀏覽完本頁之后一定要返回主頁才能夠進(jìn)行下一步瀏覽。

事實(shí)上，很多用戶并沒有點(diǎn)擊瀏覽器“后退”按鈕的習(xí)慣，盡管這個(gè)功能十分強(qiáng)大并且方便，所以當(dāng)用戶置身于一個(gè)陌生的網(wǎng)站中時(shí)，每一次都要通過重新打開主頁的方式來搜索自己感興趣的內(nèi)容，非常容易產(chǎn)生厭倦。

而這個(gè)問題其實(shí)非常容易解決，只需要在每一級(jí)頁面都加入導(dǎo)航欄就可以，這并不是什么困難的工作，而且也會(huì)有效的提升用戶的使用體驗(yàn)，為什么不嘗試一下呢？

導(dǎo)航欄圖標(biāo)設(shè)計(jì)標(biāo)準(zhǔn)

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，很多網(wǎng)站都致力于在網(wǎng)站中增加很多“炫技”的成分，這種行為的出發(fā)點(diǎn)本身是沒錯(cuò)的，因?yàn)檫@樣可以為用戶帶來新鮮感，但是要注意，這種技術(shù)不一定適用于網(wǎng)站的每一個(gè)環(huán)節(jié)，比如導(dǎo)航欄。

有很多網(wǎng)站設(shè)計(jì)出了懸浮式導(dǎo)航、橢圓形導(dǎo)航甚至動(dòng)態(tài)導(dǎo)航，誠(chéng)然，這體現(xiàn)出了設(shè)計(jì)師的設(shè)計(jì)靈感，但它不一定討喜。因?yàn)閷?dǎo)航欄是一個(gè)十分注重功能性的存在，它的設(shè)計(jì)初衷更應(yīng)該偏向于如何讓用戶更加輕松的使用，而不是如何做的更加炫酷。甚至，這可能會(huì)讓一些思想保守的用戶產(chǎn)生厭煩的心理。

所以在大多數(shù)時(shí)候，導(dǎo)航欄的設(shè)計(jì)還是在可控制的范圍之內(nèi)盡量保守為主，至少要符合標(biāo)準(zhǔn)，字體過大過小或者奇形怪狀的設(shè)計(jì)，有時(shí)可能是為了更加貼合網(wǎng)站的主題風(fēng)格，但不可否認(rèn)的是，這也會(huì)在很大程度上給用戶的使用帶來麻煩。

導(dǎo)航欄的數(shù)量需要注意

根據(jù)業(yè)內(nèi)經(jīng)驗(yàn)的分析，一個(gè)網(wǎng)站內(nèi)的導(dǎo)航欄數(shù)量盡量不要超過7個(gè)。這也是為了突顯導(dǎo)航欄作用的一個(gè)做法，作為導(dǎo)航欄，更應(yīng)該起到的作用時(shí)將更有價(jià)值的信息傳遞給用戶，而不是把所有東西都放進(jìn)導(dǎo)航欄，這樣反而體現(xiàn)不出重點(diǎn)在哪里。

最后還要提一下導(dǎo)航欄的位置，雖然絕大部分網(wǎng)站都是將它放在頂部——這無疑是正確的做法，但仍然有少數(shù)網(wǎng)站選擇了一些奇怪的位置放置導(dǎo)航欄，這樣對(duì)于提升用戶體驗(yàn)并沒有太大的幫助，反而可能會(huì)起到反作用。在設(shè)計(jì)導(dǎo)航欄時(shí)一定要明確：創(chuàng)新精神是值得肯定的，但是創(chuàng)新不代表可以隨心所欲，作為服務(wù)于用戶的網(wǎng)站，一切的設(shè)計(jì)都要以如何讓用戶的使用更加輕松和順心為中心，導(dǎo)航欄更是如此，如果只是為了炫耀自身的技術(shù)而做出一些讓用戶的使用變得更加麻煩的創(chuàng)新，那么這種創(chuàng)新就是為了創(chuàng)新而創(chuàng)新，我們并不提倡這種做法。

許多東西在建立初期并不是最好的，因?yàn)檫@個(gè)時(shí)候并不知道用戶體驗(yàn)如何，網(wǎng)站也一樣，等到網(wǎng)站擁有了一批穩(wěn)定的受眾，就可以根據(jù)用戶體驗(yàn)來更新網(wǎng)站的一些功能，確保老用戶留住的前提下再吸引新用戶，尤其是一些用戶體驗(yàn)很不好的功能一定要及時(shí)調(diào)整，其次，網(wǎng)站也要多創(chuàng)新，就像我們?nèi)顺詵|西，如果一成不變，就算再喜歡吃，吃個(gè)一個(gè)月也要吃吐了，所以為了保持用戶的新鮮感，網(wǎng)站要多改變，多創(chuàng)新。