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

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

最近一直在收集和整理歐美、日、韓一些主流的電商網(wǎng)站,包括品牌垂直化的,還有全網(wǎng)搜索比價類型的。在從這些電商網(wǎng)站中我們或多或少都會看到一些共通的地方和交互模式值得國內(nèi)電商網(wǎng)站去借鑒的,這次我們主要對其搜索結(jié)果頁進行了分析,總結(jié)出了幾點供大家參考與討論:

閱讀全文

 

 

l  頁面結(jié)構(gòu);

l  類目、屬性導(dǎo)航;

l  商品信息的陳列;

l  快速預(yù)覽;

l  翻頁導(dǎo)航;

l  側(cè)邊欄廣告等

 

一,頁面結(jié)構(gòu)

根據(jù)電子商務(wù)管理咨詢公司Groove Commerce 對全球100家電子商務(wù)網(wǎng)站的統(tǒng)計數(shù)據(jù),采用兩欄式布局的電子商務(wù)網(wǎng)站占到79%,可見兩欄式排版是現(xiàn)階段購物網(wǎng)站中最常見的布局方式之一。

 

優(yōu)點:相對一欄式布局,它可以容納更多內(nèi)容,相對三欄式布局,信息不至于過度擁擠和零亂。

缺點:不具備一欄式布局的視覺沖擊力和三欄式的超大內(nèi)容量的優(yōu)點。

此次分析的網(wǎng)站中,搜索結(jié)果頁的布局多采用左窄右寬型的兩欄式布局,這種形式的布局通常采用左邊導(dǎo)航(以樹狀導(dǎo)航或一系列文字鏈的形式),右邊是內(nèi)容的設(shè)置。此時左邊不適宜放次要信息或者廣告,否則會過度干擾用戶瀏覽主要內(nèi)容。用戶瀏覽習(xí)慣通常是從左到右,從上到下,因此這類布局的頁面更符合偏理性的操作流程,更能夠引導(dǎo)用戶通過導(dǎo)航查找內(nèi)容,使操作具有可控性,適用于內(nèi)容豐富、導(dǎo)航分類清晰的網(wǎng)站。

 

二、類目、屬性導(dǎo)航

 

歐美較大型的在線購物網(wǎng)站,通常都是將當(dāng)前用戶瀏覽或搜索相關(guān)比較高的類目和屬性篩選導(dǎo)航放置在左側(cè),右側(cè)的大面積區(qū)域留給展現(xiàn)商品結(jié)果,同時配合有瀏覽商品結(jié)果相關(guān)的按價格、銷量排序、瀏覽模式切換、設(shè)置每一頁顯示的商品個數(shù)等功能。

 

 

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