时尚电商网站交互分析(6)

Nastygal.com 女装-连衣裙类目下

点击“Quick view”后：

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

Ruelala.com

http://www.ruelala.com

在商品的快速预览浮层中，可以让用户在不用进行页面跳转或打开新窗口/标签的情况下，对商品的详情有一定的了解。该浮层中通常会包括商品的多维度图片展示、商品属性，如尺码、颜色、数量，以及一些关于商品材质和特性的描述。用户如果想更进一步了解商品详情的话，还可通过点击“view full details”链接跳走。要是暂时还拿不定主意购买的话，还可以添加到心愿单或购物车中。

五、翻页导航

对于海量的搜索结果，如何让用户在经历“点击页码 - 等待刷新 - 页面加载 – 浏览 – 与心理预期不符 – 点击页码”等这一连串的循环过程中解放出来？为翻页导航适时提供“快速预览”功能是个好方法，如下图：

http://www.pricewatch.com

为用户提供了“针对搜索结果预览”的功能，通过鼠标在页码上的悬停就可打开预览界面，用户可快速的查看某页内的全部搜索结果，从而节省逐一翻页所耗费的时间。

Yoox.com 中的翻页导航，当用户滑动鼠标向下浏览商品时，会在浏览器底部以半透明的状态浮现出来

当鼠标Hover到该区域后，导航条透明消失。并且，翻页导航和返回顶部按钮进行了结合。还显示了搜索的结果总数。