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

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

點(diǎn)擊“Quick view”后：

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

Ruelala.com

http://www.ruelala.com

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

五、翻頁(yè)導(dǎo)航

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

http://www.pricewatch.com

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

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

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