從
網(wǎng)站設(shè)計的角度看,導(dǎo)航對一個網(wǎng)站有三大作用。
其一,理順網(wǎng)站的構(gòu)架。導(dǎo)航設(shè)計清楚,基本就能夠大致勾畫出網(wǎng)站個輪廓,例如多少個著陸頁、什么風(fēng)格等等。
其二,成為網(wǎng)站點睛之筆。導(dǎo)航欄目可以吸引用戶的第一注意力,好的導(dǎo)航設(shè)計,會讓用戶更容易進入。
其三,奠定網(wǎng)站風(fēng)格。導(dǎo)航的顏色、動效,基本上可以為網(wǎng)站其它頁面的設(shè)計提供一個參考。
所以,導(dǎo)航設(shè)計,非常重要。
對企業(yè)網(wǎng)站來說,因為欄目的數(shù)量有限,導(dǎo)航設(shè)計相對來說,簡單一些。但是企業(yè)商城的著陸頁遠比企業(yè)網(wǎng)站要多得多,欄目也多,導(dǎo)航設(shè)計相對復(fù)雜;再者,企業(yè)商城不同欄目之間的主題交叉,進一步增加了導(dǎo)航的設(shè)計難度。
為了幫助設(shè)計師更好設(shè)計出企業(yè)商城的導(dǎo)航,我們需要對主流電商的導(dǎo)航設(shè)計進行了分析。
我們分析了淘寶、天貓、京東、唯品會、亞馬遜等主流電商的導(dǎo)航設(shè)計,發(fā)現(xiàn)電商平臺在導(dǎo)航設(shè)計上是存在一些共性的。熱力圖+導(dǎo)航欄。
我們知道,從網(wǎng)站熱力圖上看,高熱地區(qū)往往是在左上方,因為這符合人體的瀏覽習(xí)慣。所以,電商商城的導(dǎo)航幾乎都是安排在左上位置。搜索框+銷售模式。
先說搜索框,電商網(wǎng)站基本都將搜索框放在顯著的位置,并且予以放大處理。這是為了讓網(wǎng)購用戶能夠快速通過搜索框找到相關(guān)的商品。再說銷售模式,一些銷售模式會吸引到大量的用戶,例如閃購、一元購等等,多家電商平臺將搜索框與新銳銷售模式捆綁,或是在搜索框下方、或是在搜索框中“灰置”銷售模式文字。如下圖所示:產(chǎn)品導(dǎo)航+分電商品牌導(dǎo)航。
大型電商平臺,往往孵化出了很多“細分電商品牌”。這些細分電商品牌有特定的商品、特定的銷售模式、特定的人群、特定的內(nèi)容,甚至與電商平臺存在很大不同。例如天貓、聚劃算、紅孩兒都屬于“分電商平臺”。
既有大量的商品導(dǎo)航需要安排,也有一種分電商品牌需要放置,電商平臺是怎么做的呢?
普遍做法是設(shè)立“雙導(dǎo)航”。左側(cè)設(shè)計“產(chǎn)品導(dǎo)航”,上方設(shè)計“分電商品牌導(dǎo)航”(例如淘寶和蘇寧)?;蛘呤遣扇‰[藏式導(dǎo)航設(shè)計,需要導(dǎo)航的時候會出現(xiàn),不需要的時候隱藏。(例如唯品會)
導(dǎo)航+banner。
電商平臺均將導(dǎo)航與banner進行捆綁,banner往往與導(dǎo)航距離很近。還有一個需要指出的是——如亞馬遜網(wǎng)站已經(jīng)可以根據(jù)用戶的瀏覽記錄,主動推薦相應(yīng)的banner。但是國內(nèi)電商平臺,貌似只有淘寶在進行這樣的嘗試,其它電商平臺并未跟進。
還有一點需要指出,雖然電商平臺的欄目多、內(nèi)容雜、落地頁更是不可計數(shù),但是導(dǎo)航也僅限于兩級導(dǎo)航。也就是說,用戶最多只需兩部就可抵達落地頁??梢姡^多層級的導(dǎo)航不僅會讓用戶失去耐心。
網(wǎng)頁題目:國內(nèi)主流電商平臺導(dǎo)航設(shè)計的共性分析
本文URL:http://jinyejixie.com/news/241727.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、虛擬主機、服務(wù)器托管、外貿(mào)網(wǎng)站建設(shè)、軟件開發(fā)、電子商務(wù)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)