時(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:
MATCHES fashion:
本文地址:http://m.likemindfilms.com/tutorial/id1216.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁設(shè)計(jì)中引人入勝的引導(dǎo)頁設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開始
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏