B2C網(wǎng)站導(dǎo)航設(shè)計(jì):讓用戶快速準(zhǔn)確到想去的地方發(fā)布者：本站     時(shí)間：2020-05-23 12:05:20

本文主要想表達(dá)的內(nèi)容是：如果某個(gè)組件具有某個(gè)屬性，那就把這個(gè)屬性發(fā)揮到極致；如果某個(gè)組件不具備某個(gè)屬性，那么就不要把它偽裝成具備這個(gè)屬性，并用這個(gè)屬性來(lái)誘奸用戶。

簡(jiǎn)單說(shuō)，設(shè)計(jì)就是要解決問(wèn)題，這是設(shè)計(jì)的本質(zhì)與落腳點(diǎn)。
電子商務(wù)網(wǎng)站的主導(dǎo)航設(shè)計(jì)是整個(gè)網(wǎng)站最最最核心的模塊之一。導(dǎo)航需要解決的問(wèn)題就是，告訴用戶如何快速準(zhǔn)確的到達(dá)他想要去的任何地方。

在所有電子商務(wù)網(wǎng)站中，Amazon（注意，不是卓越亞馬遜）的導(dǎo)航設(shè)計(jì)向來(lái)是所有電子商務(wù)網(wǎng)站學(xué)習(xí)與仰慕的對(duì)象。Amazon的導(dǎo)航在經(jīng)過(guò)數(shù)次變遷之后被從頂部挪到了左側(cè)，從橫向Tab變成了縱向Tab。Amazon的這種Tab頁(yè)簽式導(dǎo)航，相對(duì)與卓越亞馬遜的標(biāo)簽列表式導(dǎo)航而言縮短了主導(dǎo)航的高度，在第一屏的時(shí)候就能把所有商品大類全部暴露出來(lái)，降低了用戶的尋找成本。因此，這種模式的導(dǎo)航被越來(lái)越多的電子商務(wù)網(wǎng)站所接受。

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

不過(guò)，我覺(jué)得這種創(chuàng)新在某些交互細(xì)節(jié)上有待改進(jìn)