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

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

點擊“Quick view”后：

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

Ruelala.com

http://www.ruelala.com

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

五、翻頁導(dǎo)航

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

http://www.pricewatch.com

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

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

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