要在线购买产品,人们需要了解电子商务网站销售的商品,并找到他们感兴趣的商品。有些人可能搜索产品如果他们清楚地知道自己想要什么,但还不止这些依靠浏览了解哪些产品可用,哪些最适合他们的需求。可用的主页、分类页和列表页对于浏览体验至关重要。

主页是对一个网站的第一次介绍以及所销售的产品或服务的范围。类别页面和产品清单页面是电子商务站点中的中级页面;它们分别介绍产品分组和这些分组中的项目。产品路径必须经过深思熟虑的设计,以传达不同产品类别和单个产品之间的差异,从而帮助用户找到最适合其需求的产品。

从外部搜索引擎到达站点的用户,如果他们搜索的是某个站点,通常会登录到类别页面或列表页面类型指产品,而不是特定的产品。这些中间级别的页面可以具有出色的性能搜索引擎优化性能,这是关注用户体验的另一个原因,除了它们对站点内导航的重要性之外。

作为我们最近工作的一部分对49个电子商务网站的调查,我们分析了主页、分类页面和列表页面的各个方面,以得出使这些页面易于使用的设计指南。在本文中,我们简要概述了我们的建议。

欢迎浏览,内容丰富

并非所有购物者都是通过主页进入网站的,但对于那些这样做的人来说,主页应该是有效的介绍网站解释一下它卖什么,和它的竞争对手有什么不同。你的主页必须传达你是谁,对于电子商务来说,应该公开主要的产品,使用户能够开始购物。

虽然这个建议看起来很简单,但我们的一些研究参与者在主页上遇到了困难凌乱也没有展示能代表他们产品的物品。首页之于网站,就像橱窗之于实体店:橱窗里塞满的商品越多,整体排名就越低感知价值(更多的杂乱通常意味着更低的质量)。如果你想抓住所有的潜在客户,橱窗里的物品最好能很好地展示商店里的商品。

Nutriliving.com主页截图
一名用户认为NutriLiving的主页太杂乱,满是广告,没有显示网站上出售的商品。

明确产品的组织

导航选项和产品类别必须清晰,标签必须对用户有意义用户必须能够快速地了解每个类别,有什么不同当空间允许时,利用主导航栏向用户显示可用的产品类别,而不仅仅是将所有内容集中在一个容易忽略的单一目录下商店链接

为了支持人们浏览产品的多种方式,一个polyhierarchy通过允许某些项目或子类别存在于多个父类别中,可以提高可查找性。当用户在他们期望的地方找不到他们想要的东西时,他们会认为网站没有提供他们需要的东西。

REI.com超级菜单截图
REI网站有清晰的导航类别,用户可以很容易地找到他们要找的东西。这种多层结构允许一些用户在下面找到登山服露营和徒步旅行,而其他人则浏览男人女人分类,然后按活动购物。

在公开产品列表时提升子类别

最新一轮的研究发现,与过去相比,越来越少的网站在展示单个产品之前提供传统的分类页面作为中间页面。为了减少用户必须点击的页面数量,许多网站现在已经用产品列表和可供用户使用的选项取代或扩充了分类登录页面过滤器或面缩小范围。

最成功的类别和列表页面合并是那些突出显示了与其他过滤器不同的可用子类别的页面,通常位于产品列表上方。这种做法增加了子类别的可发现性,并鼓励用户导航到更具体的产品组,以减少列出的项目数量,避免选择过载。网站目录的广度通常决定了这些类别页面和列表页面的精确合并,一些网站(如Target)倾向于更传统的类别登录页面,底部附加产品列表,而其他网站(如ASO)倾向于在页面顶部突出显示子类别导航的产品列表页面。

目标类别页面的截屏(缩短)
Target.com:网站的顶部厨房和餐厅该部分看起来像一个传统的类别登录页,带有指向可用子类别的链接;底部显示单个产品列表,以允许立即访问项目,并最大限度地减少单击次数。
Asos分类页面截图
Asos.com:的分类页面配件在产品列表上面突出显示子类别链接。由于子类别区域的占地面积相对较小,这种布局比上面Target的布局更鼓励浏览单个项目。

区分产品信息

在这项最新研究中看到的另一个趋势是产品列表页面上产品信息的增加。只要信息经过精心的管理和整理,这种趋势允许用户在不访问每个细节页面的情况下对产品做出明智的决定。特别是在移动浏览器上,如果网络连接很弱,每一次点击都很重要打开多个选项卡要比较项目比在桌面上更麻烦,用户希望产品列表提供足够的差异化信息,以便他们能够完全了解项目是否值得点击。

每个产品清单的有用区别信息至少应包括:

一些网站甚至提供了更多的信息,超出了这些基本要求。用户很欣赏这些额外的信息,因为它允许他们在提交新页面之前获得关于某个项目的更多信息。

对用户有用的附加产品信息包括:

  • 客户评级
  • 图标或类似指示将商品标记为流行的、新的、打折的等等
  • 可用性信息(库存中,或在附近的实体商店中提供;如果适用,可提供尺寸)
  • 链接到快速查看工具,以查看简要的产品描述和其他细节,而无需加载新页面
  • 可通过鼠标悬停或通过单击产品图像旋转木马
西尔斯产品列表页面截图
西尔斯的产品清单包括详细的名称、大图片、备用色板、价格、客户评级和有关送货窗口的信息。
Airbnb手机网站截图
Airbnb的移动站点允许用户通过在每个列表的主图像区域内滑动来查看其他照片,如小白点在每张照片的底部附近。在桌面上,鼠标悬停在曝光的图像上,箭头控制查看其他照片。

结论

浏览电子商务网站的人需要对他们可用的选项有一个清晰的了解,并且花费最少的时间或精力。在主页和分类页面上展示产品的广度,以及清晰、描述性的产品列表,可以大大提高电子商务网站的可用性。类别页面和产品列表中的一些新趋势是受到移动和响应性设计启发的积极发展;它们将点击次数降至最低,并允许用户在购物过程中比过去更快地做出明智的选择。

完整的报告

新版的《我们的全集》222页报告主页、分类页、列表页和产品比较具有69基于证据的用户体验设计指南(这是新版电子商务用户体验系列。)