時尚電商網站交互分析(6)

Nastygal.com 女裝-連衣裙類目下

點擊“Quick view”后：

http://www.nastygal.com/clothes-dresses/

Ruelala.com

http://www.ruelala.com

在商品的快速預覽浮層中，可以讓用戶在不用進行頁面跳轉或打開新窗口/標簽的情況下，對商品的詳情有一定的了解。該浮層中通常會包括商品的多維度圖片展示、商品屬性，如尺碼、顏色、數(shù)量，以及一些關于商品材質和特性的描述。用戶如果想更進一步了解商品詳情的話，還可通過點擊“view full details”鏈接跳走。要是暫時還拿不定主意購買的話，還可以添加到心愿單或購物車中。

五、翻頁導航

對于海量的搜索結果，如何讓用戶在經歷“點擊頁碼 - 等待刷新 - 頁面加載 – 瀏覽 – 與心理預期不符 – 點擊頁碼”等這一連串的循環(huán)過程中解放出來？為翻頁導航適時提供“快速預覽”功能是個好方法，如下圖：

http://www.pricewatch.com

為用戶提供了“針對搜索結果預覽”的功能，通過鼠標在頁碼上的懸停就可打開預覽界面，用戶可快速的查看某頁內的全部搜索結果，從而節(jié)省逐一翻頁所耗費的時間。

Yoox.com 中的翻頁導航，當用戶滑動鼠標向下瀏覽商品時，會在瀏覽器底部以半透明的狀態(tài)浮現(xiàn)出來

當鼠標Hover到該區(qū)域后，導航條透明消失。并且，翻頁導航和返回頂部按鈕進行了結合。還顯示了搜索的結果總數(shù)。