<label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>

    將想法與焦點和您一起共享

    B2C網站導航設計:讓用戶快速準確到想去的地方發(fā)布者:本站     時間:2020-05-23 12:05:20

    本文主要想表達的內容是:如果某個組件具有某個屬性,那就把這個屬性發(fā)揮到極致;如果某個組件不具備某個屬性,那么就不要把它偽裝成具備這個屬性,并用這個屬性來誘奸用戶。

    簡單說,設計就是要解決問題,這是設計的本質與落腳點。
    電子商務網站的主導航設計是整個網站最最最核心的模塊之一。導航需要解決的問題就是,告訴用戶如何快速準確的到達他想要去的任何地方。

    在所有電子商務網站中,Amazon(注意,不是卓越亞馬遜)的導航設計向來是所有電子商務網站學習與仰慕的對象。Amazon的導航在經過數次變遷之后被從頂部挪到了左側,從橫向Tab變成了縱向Tab。Amazon的這種Tab頁簽式導航,相對與卓越亞馬遜的標簽列表式導航而言縮短了主導航的高度,在第一屏的時候就能把所有商品大類全部暴露出來,降低了用戶的尋找成本。因此,這種模式的導航被越來越多的電子商務網站所接受。

    大約在1年前,QQ商城改版,借鑒了Amazon的這種導航模式,同時做了創(chuàng)新式的擴展。QQ商城在每個Tab頁簽里不僅展示了二級類目,同時還展示了品牌,這使得整個主導航從縱向上進一步縮短同時往橫向上擴張。
    隨后而來的京東商城和淘寶商城(擴展有分類推薦與品牌推薦)以及淘寶電器城紛紛相仿并采用了這種擴展式的Tab導航模式。

    不過,我覺得這種創(chuàng)新在某些交互細節(jié)上有待改進



    選擇我們,優(yōu)質服務,不容錯過
    1. 優(yōu)秀的網絡資源,強大的網站優(yōu)化技術,穩(wěn)定的網站和速度保證
    2. 15年上海網站建設經驗,優(yōu)秀的技術和設計水平,更放心
    3. 全程省心服務,不必擔心自己不懂網絡,更省心。
    ------------------------------------------------------------
    24小時聯系電話:021-58370032
    關鍵詞標簽:上海網站建設 上海網站制作 網站優(yōu)化 小程序開發(fā)
    99人妻中文字幕视频在,亚洲无码视频在线免费看,久久国产乱子伦免费精品,日本中文字幕色视频网站
    <label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>