您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 交互設計 >> 瀏覽設計教程

時尚電商網站交互分析

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

閱讀全文

 

 

l  頁面結構;

l  類目、屬性導航;

l  商品信息的陳列;

l  快速預覽;

l  翻頁導航;

l  側邊欄廣告等

 

一,頁面結構

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

 

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

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

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

 

二、類目、屬性導航

 

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

 

 

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