您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

時(shí)尚電商網(wǎng)站交互分析(4)

 

GILT對(duì)于瀏覽型用戶,也提供了類似圖形化的快捷導(dǎo)航。

 

http://www.gilt.com/sale/women/the-sheath-dress-2805

 

 

【小結(jié)】

搜索結(jié)果頁中,類目、屬性導(dǎo)航無論是左側(cè)布局、頂部布局、還是左側(cè)與頂部結(jié)合的布局,都是為能讓用戶從海量的搜索結(jié)果中更快、更精準(zhǔn)的篩選到目標(biāo)所提供的功能。無論其篩選維度是平行的還是遞進(jìn)的、其交互形式是繁復(fù)的還是簡(jiǎn)單的,前提都是以不影響頁面盡可能多的顯示內(nèi)容(搜索結(jié)果)為根本。

通過對(duì)上述案例的分析,對(duì)于類目、屬性導(dǎo)航現(xiàn)階段的趨勢(shì)我們可以得出一些結(jié)論:

 

1、整個(gè)頁面保證內(nèi)容優(yōu)先;

2、擺脫冰冷的數(shù)據(jù)堆疊,設(shè)計(jì)走向趨于線下購(gòu)物的人性化、生活化的導(dǎo)購(gòu)方式;

3、類目、屬性導(dǎo)航的圖形化;

4、多維度遞進(jìn)式的篩選導(dǎo)航邏輯。

 

三、商品信息的陳列

 

國(guó)外的電商網(wǎng)站通常會(huì)很注重服飾商品在用戶心中的品牌形象,每個(gè)網(wǎng)站都會(huì)有自己獨(dú)特的陳列方式給到用戶,

BestSeller旗下男裝品牌

 

SELECTED

 

http://selected.com/selected/homme/jeans/sl-homme-jeans,en_GB,sc.html

 

 

VERO MODA

 

http://www.veromoda.com/vero-moda/clothing/dresses/vm-dresses,en_GB,sc.html#/vero-moda/clothing/dresses/vm-dresses,en_GB,sc.html

 

 

MATCHES fashion

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/id1216.html
交互網(wǎng)頁設(shè)計(jì)實(shí)例:你好,對(duì)話框
關(guān)于注冊(cè)登錄的設(shè)計(jì)原則之二:讓注冊(cè)過程更加輕松 (by: adaptive path \ 翻譯搬運(yùn):HuJiping)
圖趣網(wǎng)微信
建議反饋
×