國內(nèi)主流電商平臺導航設計的共性分析
2023-03-05 分類： 網(wǎng)站建設
從網(wǎng)站設計的角度看，導航對一個網(wǎng)站有三大作用。
其一，理順網(wǎng)站的構架。導航設計清楚，基本就能夠大致勾畫出網(wǎng)站個輪廓，例如多少個著陸頁、什么風格等等。
其二，成為網(wǎng)站點睛之筆。導航欄目可以吸引用戶的第一注意力，好的導航設計，會讓用戶更容易進入。
其三，奠定網(wǎng)站風格。導航的顏色、動效，基本上可以為網(wǎng)站其它頁面的設計提供一個參考。
所以，導航設計，非常重要。
對企業(yè)網(wǎng)站來說，因為欄目的數(shù)量有限，導航設計相對來說，簡單一些。但是企業(yè)商城的著陸頁遠比企業(yè)網(wǎng)站要多得多，欄目也多，導航設計相對復雜；再者，企業(yè)商城不同欄目之間的主題交叉，進一步增加了導航的設計難度。
為了幫助設計師更好設計出企業(yè)商城的導航，我們需要對主流電商的導航設計進行了分析。
我們分析了淘寶、天貓、京東、唯品會、亞馬遜等主流電商的導航設計，發(fā)現(xiàn)電商平臺在導航設計上是存在一些共性的。熱力圖+導航欄。
我們知道，從網(wǎng)站熱力圖上看，高熱地區(qū)往往是在左上方，因為這符合人體的瀏覽習慣。所以，電商商城的導航幾乎都是安排在左上位置。搜索框+銷售模式。
大型電商平臺，往往孵化出了很多“細分電商品牌”。這些細分電商品牌有特定的商品、特定的銷售模式、特定的人群、特定的內(nèi)容，甚至與電商平臺存在很大不同。例如天貓、聚劃算、紅孩兒都屬于“分電商平臺”。
既有大量的商品導航需要安排，也有一種分電商品牌需要放置，電商平臺是怎么做的呢？
普遍做法是設立“雙導航”。左側設計“產(chǎn)品導航”，上方設計“分電商品牌導航”（例如淘寶和蘇寧）?；蛘呤遣扇‰[藏式導航設計，需要導航的時候會出現(xiàn)，不需要的時候隱藏。（例如唯品會）導航+banner。
電商平臺均將導航與banner進行捆綁，banner往往與導航距離很近。還有一個需要指出的是——如亞馬遜網(wǎng)站已經(jīng)可以根據(jù)用戶的瀏覽記錄，主動推薦相應的banner。但是國內(nèi)電商平臺，貌似只有淘寶在進行這樣的嘗試，其它電商平臺并未跟進。
其一，理順網(wǎng)站的構架。導航設計清楚，基本就能夠大致勾畫出網(wǎng)站個輪廓，例如多少個著陸頁、什么風格等等。
其二，成為網(wǎng)站點睛之筆。導航欄目可以吸引用戶的第一注意力，好的導航設計，會讓用戶更容易進入。
其三，奠定網(wǎng)站風格。導航的顏色、動效，基本上可以為網(wǎng)站其它頁面的設計提供一個參考。
所以，導航設計，非常重要。
對企業(yè)網(wǎng)站來說，因為欄目的數(shù)量有限，導航設計相對來說，簡單一些。但是企業(yè)商城的著陸頁遠比企業(yè)網(wǎng)站要多得多，欄目也多，導航設計相對復雜；再者，企業(yè)商城不同欄目之間的主題交叉，進一步增加了導航的設計難度。
為了幫助設計師更好設計出企業(yè)商城的導航，我們需要對主流電商的導航設計進行了分析。
我們分析了淘寶、天貓、京東、唯品會、亞馬遜等主流電商的導航設計，發(fā)現(xiàn)電商平臺在導航設計上是存在一些共性的。熱力圖+導航欄。
我們知道，從網(wǎng)站熱力圖上看，高熱地區(qū)往往是在左上方，因為這符合人體的瀏覽習慣。所以，電商商城的導航幾乎都是安排在左上位置。搜索框+銷售模式。
大型電商平臺，往往孵化出了很多“細分電商品牌”。這些細分電商品牌有特定的商品、特定的銷售模式、特定的人群、特定的內(nèi)容，甚至與電商平臺存在很大不同。例如天貓、聚劃算、紅孩兒都屬于“分電商平臺”。
既有大量的商品導航需要安排，也有一種分電商品牌需要放置，電商平臺是怎么做的呢？
普遍做法是設立“雙導航”。左側設計“產(chǎn)品導航”，上方設計“分電商品牌導航”（例如淘寶和蘇寧）?；蛘呤遣扇‰[藏式導航設計，需要導航的時候會出現(xiàn)，不需要的時候隱藏。（例如唯品會）導航+banner。
電商平臺均將導航與banner進行捆綁，banner往往與導航距離很近。還有一個需要指出的是——如亞馬遜網(wǎng)站已經(jīng)可以根據(jù)用戶的瀏覽記錄，主動推薦相應的banner。但是國內(nèi)電商平臺，貌似只有淘寶在進行這樣的嘗試，其它電商平臺并未跟進。
還有一點需要指出，雖然電商平臺的欄目多、內(nèi)容雜、落地頁更是不可計數(shù)，但是導航也僅限于兩級導航。也就是說，用戶最多只需兩部就可抵達落地頁?？梢?，過多層級的導航不僅會讓用戶失去耐心。
分享名稱：國內(nèi)主流電商平臺導航設計的共性分析
鏈接地址：http://aaarwkj.com/news27/241727.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、定制開發(fā)、標簽優(yōu)化、關鍵詞優(yōu)化、虛擬主機、動態(tài)網(wǎng)站
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 設計網(wǎng)頁應該從哪些方面去改善 2023-03-05
- 建設展示型網(wǎng)站應該注意什么 2023-03-05
- 津南網(wǎng)站優(yōu)化排名收錄的幾條秘密 2023-03-05
- 成都網(wǎng)站建設客戶常見問題集錦 2023-03-05
- 滄州網(wǎng)站設計怎么創(chuàng)意，要注意哪些問題 2023-03-05
- 網(wǎng)站設計如何進行色彩的搭配 2023-03-05
- 前端頁面設計中顏色的意義 2023-03-05
- 紅橋網(wǎng)站推廣:外部鏈接注意事項 2023-03-05
- 網(wǎng)頁設計與網(wǎng)頁開發(fā)有何區(qū)別？ 2023-03-05
- 廣西網(wǎng)站設計的三個注意事項 2023-03-05
- 成都幾百元的成都網(wǎng)站建設和幾千元的網(wǎng)站都有哪些區(qū)別 2023-03-05
- 網(wǎng)站建設公司設計的基本要素 2023-03-05
- 創(chuàng)新互聯(lián)談成都網(wǎng)站建設的基本流程是什么？ 2023-03-05
- 關于集團網(wǎng)站建設知識要素 2023-03-05
- 成都分析網(wǎng)站關鍵字獲得百度認可度是多少 2023-03-05
- 成都企業(yè)想要靠建網(wǎng)站帶動業(yè)績要了解這些 2023-03-05
- 建設一個成功的網(wǎng)站必不可少的步驟 2023-03-05
- 網(wǎng)站應該如何制作才能達到好的效果？ 2023-03-05
- 建設網(wǎng)站使用單頁設計和多頁設計哪個好？ 2023-03-05