
最近一直在收集和整理歐美、日、韓一些主流的電商網站,包括品牌垂直化的,還有全網搜索比價類型的。在從這些電商網站中我們或多或少都會看到一些共通的地方和交互模式值得國內電商網站去借鑒的,這次我們主要對其搜索結果頁進行了分析,總結出了幾點供大家參考與討論:
1. 頁面結構;
2.類目、屬性導航;
3. 商品信息的陳列;
4.快速預覽;
5.翻頁導航;
6. 側邊欄廣告等
一、頁面結構

根據電子商務管理咨詢公司Groove Commerce 對全球100家電子商務網站的統計數據,采用兩欄式布局的電子商務網站占到79%,可見兩欄式排版是現階段購物網站中最常見的布局方式之一。
優點:相對一欄式布局,它可以容納更多內容,相對三欄式布局,信息不至于過度擁擠和零亂。
缺點:不具備一欄式布局的視覺沖擊力和三欄式的超大內容量的優點。
此次分析的網站中,搜索結果頁的布局多采用左窄右寬型的兩欄式布局,這種形式的布局通常采用左邊導航(以樹狀導航或一系列文字鏈的形式),右邊是內容的設置。此時左邊不適宜放次要信息或者廣告,否則會過度干擾用戶瀏覽主要內容。用戶瀏覽習慣通常是從左到右,從上到下,因此這類布局的頁面更符合偏理性的操作流程,更能夠引導用戶通過導航查找內容,使操作具有可控性,適用于內容豐富、導航分類清晰的網站。
二、類目、屬性導航

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




韓國、日本的知名購物搜索比較網站也同樣采用了“左側類目+屬性導航”的布局方式:




為了能讓用戶更快捷的到達他要找的類目或商品,這些網站還會在靠近搜索結果的區域上方,放置一些導購性質的導航入口。
例如:Ebay針對包、鞋等類目的導航做了可視化的設計處理,通過圖形加類目名的方式,便于用戶進行判斷和快速篩選。
默認狀態:

選中后:

在ebay搜索“iphone4s”后,會出現和這款機型關聯最高的運營商、容量、顏色這三個常用屬性給到用戶,進行快速篩選定位。
