時(shí)尚電商網(wǎng)站交互分析(7)
http://www.yoox.com/#/Mc=34&dept=clothingwomen&gender=D
六、側(cè)邊欄廣告
品牌廣告交互形式:
BURBERRY:將當(dāng)季商品以視頻、櫥窗式瀏覽、Twitter結(jié)合起來(lái),打破了以往只是單純地看廣告,通過(guò)遞進(jìn)式的交互體驗(yàn)將商品和品牌視頻結(jié)合,讓用戶沉浸在其中的同時(shí),在每個(gè)廣告頁(yè)都提供了跳轉(zhuǎn)至官網(wǎng)商店購(gòu)買的鏈接。同時(shí)還不忘加上社交媒體內(nèi)容的展示,讓用戶隨時(shí)了解其品牌在Twitter上的動(dòng)態(tài)。
交互示意:
SOREL:相比BURBERRY的,也是由當(dāng)季主打商品的廣告加上商品的形式結(jié)合,但從交互體驗(yàn)上要略簡(jiǎn)單一些。
通過(guò)對(duì)這些歐美、日韓服裝配飾類電商網(wǎng)站中的搜索結(jié)果頁(yè)的分析,我們可以總結(jié)出一些他們?cè)诮换ピO(shè)計(jì)上的共性
布局:結(jié)構(gòu)劃分簡(jiǎn)單清晰,兩欄式布局多于一欄式,并成為展示搜索結(jié)果頁(yè)面的主流布局樣式。
導(dǎo)航:作為幫助用戶篩選結(jié)果的輔助性導(dǎo)航(類目+屬性),只在用戶挑選商品出現(xiàn)困惑的時(shí)候,給予幫助與反饋, 不會(huì)影響到用戶的正常瀏覽。
商品展示:淺色背景或留白,突出商品本身,同時(shí)伴隨著多維度展現(xiàn)功能, 豐富了用戶了解商品的途徑。為用戶創(chuàng)造一個(gè)身臨其境的購(gòu)物體驗(yàn)。
本文地址:http://www.pkvc.cn/tutorial/id1216.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁(yè)前端界面必備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)頁(yè)設(shè)計(jì)中引人入勝的引導(dǎo)頁(yè)設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開(kāi)始
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏