當(dāng)用戶進(jìn)入獨(dú)立站時，首先就會看到導(dǎo)航欄，查找自己需要的東西。導(dǎo)航欄就相當(dāng)于網(wǎng)站的路標(biāo)，用來指引客戶，是店鋪裝修里的第一個重要板塊。優(yōu)秀的導(dǎo)航欄就像是一只無形的手，引導(dǎo)消費(fèi)者沿著規(guī)劃的旅程前進(jìn)，最終完成轉(zhuǎn)化目標(biāo)。

那么什么才算是好的導(dǎo)航欄，賣家又應(yīng)該怎么優(yōu)化導(dǎo)航欄呢？相信你看完下面的內(nèi)容一定會有所啟發(fā)。

01

導(dǎo)航欄目結(jié)構(gòu)的重要性

1、決定網(wǎng)站的整個結(jié)構(gòu)

如果將整個網(wǎng)站比作一個身體的話，導(dǎo)航就是這個身體的心臟，它決定了網(wǎng)站的整體框架，決定了網(wǎng)站的中后期的發(fā)展，是網(wǎng)站流量引導(dǎo)與分流最重要的因素。

2、網(wǎng)站權(quán)重的傳遞

導(dǎo)航欄結(jié)構(gòu)如果層次太深，會影響網(wǎng)站整體權(quán)重的分配，影響網(wǎng)站權(quán)重的分配不均勻，就間接影響了網(wǎng)站排名的展現(xiàn)。

3、方便用戶查找

網(wǎng)站的結(jié)構(gòu)會影響用戶的瀏覽體驗(yàn)，也會決定用戶的瀏覽選擇，他直接決定了網(wǎng)站布局的好與壞，做導(dǎo)航欄優(yōu)化的目的也在于讓客戶能夠良好體驗(yàn)，減少用戶跳出率，增加用戶點(diǎn)擊、瀏覽、增加網(wǎng)站回頭率。

02

導(dǎo)航欄設(shè)計(jì)技巧

一、結(jié)構(gòu)設(shè)計(jì)

1、雙層次菜單的建設(shè)

導(dǎo)航欄如果內(nèi)容過多很可能會引起品牌的繁重，可以采取雙層次菜單的建設(shè)。這種形式目前受到很多設(shè)計(jì)師的青睞，可以解決頂部導(dǎo)航欄要展示的內(nèi)容太多，而且某些功能不屬于同一層級的問題。

2、符合獨(dú)立站內(nèi)容結(jié)構(gòu)

將獨(dú)立站內(nèi)容整理歸類并體現(xiàn)于導(dǎo)航欄目錄中，目錄劃分要注意邏輯層次，層層細(xì)分。一級目錄將直接呈現(xiàn)給消費(fèi)者，一般包含 Shop、About US、Support、 Blog 等項(xiàng)目;二級目錄則是對一級目錄的細(xì)分，更詳細(xì)地介紹項(xiàng)目分類;三級目錄在對商品劃分時被更多使用，消費(fèi)者會根據(jù)指示選擇自己要瀏覽的類別。

3、簡潔的目錄標(biāo)簽

消費(fèi)者在導(dǎo)航欄停留的時間可能只有短短幾秒鐘，快速讀取目錄標(biāo)簽內(nèi)容對她們來說尤為重要，標(biāo)簽文字應(yīng)該盡可能避免出現(xiàn)一些難以理解的文字，比如專業(yè)化術(shù)語和個性化語言等，應(yīng)該通俗易懂，確保消費(fèi)者能立即理解每個標(biāo)簽的含義。

4、限制目錄數(shù)量

美國心理學(xué)家 George Armitage Miller 經(jīng)過多次實(shí)驗(yàn)發(fā)現(xiàn)，人類短期記憶的平均極限值為7。所以，導(dǎo)航中的選項(xiàng)越多，消費(fèi)者記住和處理信息的難度就越大，導(dǎo)航應(yīng)該盡量限制目錄的數(shù)量，最多不要超過七個。

5、目錄優(yōu)先級排序

德國心理學(xué)家 Hermann Ebbinghaus 提出：人們傾向于對首先見到的事物和最后見到的事物有更好的印象，這也是我們常說的首因效應(yīng)和近因效應(yīng)。因此，根據(jù)這個這個效應(yīng)，我們可以理解為導(dǎo)航欄的開頭和結(jié)尾更容易讓消費(fèi)者記住，所以我們可以在導(dǎo)航開頭或結(jié)尾的地方放置更需要消費(fèi)者注意的內(nèi)容。

6、使導(dǎo)航欄具有描述性

導(dǎo)航中的描述性標(biāo)簽對訪問者是十分有利的，導(dǎo)航欄在視覺上突出顯示，因此它可以與訪問者進(jìn)行即時互動。當(dāng)導(dǎo)航欄列出你的產(chǎn)品時，訪問一眼就可以知道公司的業(yè)務(wù)是什么，并確定他們在正確的網(wǎng)站中。

二、交互設(shè)計(jì)

1、鼠標(biāo)懸停變化

當(dāng)用戶將鼠標(biāo)懸停在鏈接上時，圖標(biāo)需相應(yīng)地給出一些反饋。常見的有：更改背景顏色、文本顏色、下劃線，或?qū)⑹髽?biāo)箭頭變成手形。

2、固定主導(dǎo)航欄

固定導(dǎo)航欄的意思就是指將導(dǎo)航欄鎖定在固定的位置，不會在頁面向下滾動時消失，使用戶隨時可以快速訪問導(dǎo)航欄。Smashing Magazine 的一項(xiàng)研究發(fā)現(xiàn)，固定導(dǎo)航欄使電商網(wǎng)站的瀏覽速度提高了22％，消費(fèi)者將有更多時間來關(guān)注商品內(nèi)容，尤其當(dāng)獨(dú)立站頁面包含大量信息時。

3、添加搜索設(shè)置

搜索框是篩選信息、獲取信息的重要渠道，因此用戶使用搜索的頻率一般會很高。搜索功能為消費(fèi)者提供尋找所需內(nèi)容的快捷方式，節(jié)省了訪問的時間成本，強(qiáng)大的搜索引擎是讓用戶留存的主要因素，因此和導(dǎo)航一起存在，最好能夠同時出現(xiàn)在每個頁面當(dāng)中。

三、視覺設(shè)計(jì)

1、字體顏色新穎

導(dǎo)航欄的文字配色必須是新穎的，這樣才會在第一時間抓住消費(fèi)者的眼球。首先選背景顏色一定不能太過簡單或者太過靚麗，要與品牌形成一個完美的搭配，盡量選擇干凈一點(diǎn)的顏色。其次就是字體和字體顏色的設(shè)計(jì)，形狀和大小都十分重要，形狀可以新穎化，字體也不要太大，要把重要的關(guān)鍵字可以加粗或者整上下劃線，重點(diǎn)標(biāo)注出來，這樣會更讓客戶注意到。

2、通用功能圖標(biāo)化

圖形比文字更具視覺上的沖擊力，通過圖片傳達(dá)信息能讓消費(fèi)者快速理解其含義。對于消費(fèi)者來說，長期的獨(dú)立站購物習(xí)慣培養(yǎng)使他們建立了固定的具象圖形—抽象文字認(rèn)知，如放大鏡代表查找、人形圖標(biāo)代表賬戶，手提袋或推車代表選購商品。這些內(nèi)容多都可以直接通過圖標(biāo)來表示，使用文字反而會變得繁瑣。

03

導(dǎo)航欄避免踩雷點(diǎn)

1、避免以格式為標(biāo)簽的導(dǎo)航欄

以“視頻”“照片”作為標(biāo)簽的導(dǎo)航欄告訴客戶內(nèi)容的格式，卻沒有告訴訪問者主題，對訪問者沒有任何幫助。人們訪問網(wǎng)站的真正目的是為了了解和購買商品，而不是單純的為了尋找視頻或者照片。

2、避免使用“服務(wù)”類的標(biāo)簽

獨(dú)立站賣家要注意，設(shè)置導(dǎo)航欄時應(yīng)該避免使用諸如“服務(wù)”之類的標(biāo)簽。因?yàn)闆]有人會搜索“產(chǎn)品”或“服務(wù)”這樣的詞語，因此這些標(biāo)簽對你的排名沒有幫助。