當(dāng)買家進(jìn)入你網(wǎng)店首頁(yè)的時(shí)候，看到這么多產(chǎn)品，如何快速找到自己想要的產(chǎn)品呢，這就要導(dǎo)航給予恰當(dāng)?shù)囊龑?dǎo)了。很多賣家說(shuō)了，導(dǎo)航還不簡(jiǎn)單，將自己的類目都展現(xiàn)出來(lái)，一看很明了，當(dāng)然這樣也要考慮到操作的可行性和美觀度。今天我們就一起來(lái)聊一聊淘寶首頁(yè)導(dǎo)航設(shè)計(jì)應(yīng)注意的問(wèn)題。
認(rèn)識(shí)導(dǎo)航≠分類
現(xiàn)在有些賣家都有一個(gè)誤區(qū)，以為導(dǎo)航就是分類。其實(shí)不然，導(dǎo)航指的是能讓買家快速查看店鋪某些頁(yè)面的功能型按鈕，和分類屬于包含與被包含的關(guān)系，可以理解為分類是導(dǎo)航的一種。所以在優(yōu)化導(dǎo)航的時(shí)候，絕不僅僅是把分類重新整理下就OK，而是應(yīng)從所以導(dǎo)航入口入手，來(lái)進(jìn)行優(yōu)化。
通常按位置可以將導(dǎo)航劃分為三個(gè)區(qū)域：
頂部導(dǎo)航：商品分類、搜索欄、自定義頁(yè)面（品牌故事、會(huì)員專區(qū)、購(gòu)物須知等）
左側(cè)欄：商品分類、收藏按鈕、在線客服、熱銷熱藏、商品推薦、其他超鏈（手機(jī)店鋪、加入幫派等）
自由導(dǎo)航：圖片（文字）+超鏈（可以指向某一分類或自定義頁(yè)面，多數(shù)用于活動(dòng)，可擺放在頁(yè)面的任意位置）
頂部導(dǎo)航：隱形推薦
很多賣家為了頁(yè)面美觀，特意將導(dǎo)航設(shè)計(jì)為“漂亮的圖片+超鏈”的形式，而不是常規(guī)的下拉分類形式。其實(shí)從用戶體驗(yàn)的角度來(lái)講，大多數(shù)的淘寶買家已經(jīng)習(xí)慣了簡(jiǎn)單、常規(guī)且“不漂亮”的分類導(dǎo)航。如果店鋪導(dǎo)航的設(shè)計(jì)會(huì)讓買家花費(fèi)很多時(shí)間去思考，下一步該點(diǎn)擊什么？那這個(gè)頂部導(dǎo)航的設(shè)計(jì)就是失敗的，因?yàn)樗`背了導(dǎo)航以“快為先“的原則。而且假若店鋪商品比較多，但又想將分類劃分很細(xì)致的話，那么950px其實(shí)是遠(yuǎn)遠(yuǎn)不夠的。
在分類頁(yè)面上，給商品分類的方式很多，需要記住：“舒服和準(zhǔn)確是比漂亮更高層次的藝術(shù)”。
常見(jiàn)商品分類方式：
•理性分類：按品牌劃分、按材質(zhì)劃分、按價(jià)格劃分、按季節(jié)劃分等，如果店鋪有（打算）老客戶基礎(chǔ)，通過(guò)穩(wěn)定上新提升用戶粘性還可以按上新時(shí)間劃分（不宜過(guò)多）。
•感性分類：按風(fēng)格分類（日韓風(fēng)、歐美風(fēng)）、按活動(dòng)劃分、按感官劃分（顯瘦、白嫩MM區(qū)）
賣家可以根據(jù)自身產(chǎn)品的特性，以及受眾的特性著重細(xì)化某一種分類，但其他分類形式也應(yīng)該有。比如，男裝店鋪的受眾是男性，通常男性購(gòu)物往往帶有明確的目的性，只打算買一個(gè)商品，很難對(duì)其他品類也感興趣。所以理論上來(lái)講應(yīng)該把這個(gè)店鋪的分類做成理性類型的。但是商品受眾群體為男性，并不代表所有入店的訪客中就沒(méi)有會(huì)按照“牛仔控、潮流范”標(biāo)簽去查看商品的消費(fèi)者。其實(shí)通過(guò)數(shù)據(jù)顯示，搜索男性襯衫的男女比例約為6：4。其中還囊括四成女性訪客，所以我們?cè)谠O(shè)置分類的時(shí)候應(yīng)該設(shè)置的十分全面，可以偏重某一個(gè)點(diǎn)但不能忽略其他。
左側(cè)欄：推薦利器
商品分類、收藏按鈕、在線客服、熱銷熱藏、商品推薦、其他超鏈（手機(jī)店鋪、加入幫派等）這些都可以是左側(cè)欄的內(nèi)容，其實(shí)和頂部導(dǎo)航一樣，左側(cè)欄早已被買家所熟悉，很多買家已經(jīng)習(xí)慣從左側(cè)欄尋找信息。但隨著店鋪模板升級(jí)，現(xiàn)在很多店鋪的左側(cè)欄漸漸的少了，不少賣家為了頁(yè)面的美觀而將左側(cè)欄遺棄到了角落。其實(shí)，追求美麗的事物本身并沒(méi)有什么不好，但如果沒(méi)有超強(qiáng)的頁(yè)面布局能力，建議還是保留左側(cè)欄，畢竟瀏覽器下拉的瀏覽模式?jīng)Q定期存在的必要，因?yàn)橹灰I家下拉網(wǎng)頁(yè)，左側(cè)欄就會(huì)逐漸的展現(xiàn)在買家面前。
合理布局左側(cè)欄
在結(jié)構(gòu)上建議賣家在設(shè)計(jì)的時(shí)候，將商品分類放在第一屏就可以看到的位置。而熱銷、熱藏寶貝展示建議放到左側(cè)欄的底端。配“回到頂端”按鈕能方便不同習(xí)慣的買家快速查看，從而增加店鋪訪問(wèn)深度，提升銷售概率。如下圖：
圖上文字：為了配合店鋪設(shè)計(jì)，左側(cè)欄可以適當(dāng)下移，但一定要在第一屏出現(xiàn)，目的和WP7的界面原理相同，是要告訴買家：這里有你想要看到的東西，即便你向下瀏覽也能快速查看分類等信息。
左側(cè)欄內(nèi)外應(yīng)一致
很多淘寶賣家是不知道首頁(yè)的左側(cè)欄和詳情頁(yè)的左側(cè)欄不是同一個(gè)模塊，偏偏又有很多的店鋪首頁(yè)左側(cè)欄和詳情頁(yè)左側(cè)欄布局也是完全不同。這樣的設(shè)置，其實(shí)是錯(cuò)誤的，容易造成用戶體驗(yàn)上的不快，挑戰(zhàn)買家耐心的做法是不理智的。
自由導(dǎo)航：跳轉(zhuǎn)橋梁
首先解決一個(gè)基礎(chǔ)問(wèn)題——什么是自由導(dǎo)航？顧名思義，自由導(dǎo)航是指能在店鋪任意位置擺放的具有導(dǎo)航作用的按鈕或圖片。自由導(dǎo)航其實(shí)有兩種形態(tài)，一種是指向活動(dòng)頁(yè)面或活動(dòng)分類的大小banner，一種是直接指向某一分類的button。如下圖：
除了分類button，促銷banner也可以算作是自由導(dǎo)航的一種。現(xiàn)在越來(lái)越多的店鋪選擇去掉首頁(yè)左側(cè)欄，買家在瀏覽這種店鋪的時(shí)候下拉一點(diǎn)網(wǎng)頁(yè)便看不到導(dǎo)航了。點(diǎn)擊TOP按鈕可能會(huì)面臨重新瀏覽一遍剛才瀏覽過(guò)的內(nèi)容，不點(diǎn)TOP按鈕又有無(wú)法查看分類的問(wèn)題，所以這種頁(yè)面布局的情況下自由導(dǎo)航的作用就不言而喻了。不僅圖片能起到展示、推廣、傳遞信息的作用，還能起到頁(yè)面切換的功效。
自由導(dǎo)航的禁忌
•不要過(guò)于浮夸。導(dǎo)航圖片以傳達(dá)信息為重，其實(shí)買家要的是快速理解圖片內(nèi)容，而不是看店鋪在炫耀美工技巧。
案例指導(dǎo)：如上圖，店主主要表達(dá)的是“秋冬馬甲”這一內(nèi)容，而圖中視覺(jué)權(quán)重最高的是兩個(gè)男模和一堆看起來(lái)沒(méi)有任何用處的英文字母，造成的后果是只會(huì)吸引到對(duì)圖上兩款馬甲有興趣的消費(fèi)者點(diǎn)擊，而對(duì)這兩款不感興趣的消費(fèi)者則會(huì)認(rèn)為是宣傳海報(bào)而已，起不到引導(dǎo)作用。
•不要有某張圖片過(guò)于搶眼。根據(jù)視線律動(dòng)研究表明，在一個(gè)頁(yè)面中如果有一區(qū)域視覺(jué)權(quán)重過(guò)強(qiáng)（如，通體灰色調(diào)，突然有張紅色的圖片）會(huì)導(dǎo)致瀏覽者的視線不穩(wěn)定或在權(quán)重較高的區(qū)域來(lái)回瀏覽，無(wú)論是哪一種都不是我們想要的。
•不要太多類型的促銷活動(dòng)。其實(shí)這個(gè)不僅和導(dǎo)航有關(guān)和營(yíng)銷也有關(guān)系，同時(shí)出現(xiàn)了太多形式的促銷活動(dòng)往往會(huì)造成買家的不解，引起買家的浮躁心理，從導(dǎo)航的角度會(huì)造成傳達(dá)不明確的后果。
首頁(yè)導(dǎo)航的三種形式的注意事項(xiàng)，我們就介紹到這里了.
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源： 淘寶首頁(yè)導(dǎo)航設(shè)計(jì)之要點(diǎn)總結(jié)
