要在网上购买商品，人们需要了解电子商务网站销售什么，并找到他们感兴趣的商品。有些人可能会搜索产品如果他们确切地知道他们想要什么，但更多依赖于浏览发现哪些产品是可用的，哪些最适合他们的需求。可用的主页、类别页面和列表页面对浏览体验至关重要。

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

从外部搜索引擎到达一个网站的用户，如果他们搜索一个类型而不是特定的产品。这些中级页面可以有优秀的搜索引擎优化性能，这是他们关心用户体验的另一个原因，除了他们对网站内导航的重要性。

作为我们最近对49个电子商务网站进行研究，我们分析了主页、分类页面和列表页面的各个方面，以得出使这些页面易于使用的设计准则。在本文中，我们简要概述了我们的建议。

欢迎,信息主页

不是所有的购物者都通过主页进入网站，但是，对于那些这样做的人，主页应该是有效的介绍这个网站并解释其销售的产品以及与竞争对手的区别。你的主页必须传达你是谁，并且，对于电子商务，应该公开主要的产品选项，并使用户能够开始购物。

虽然这项建议看起来很简单，但我们的一些研究参与者在被忽略的主页上苦苦挣扎过于杂乱未能展示代表其产品的项目。主页对于一个网站就像一个实体商店的前窗展示一样：橱窗里塞进的物品越多，整体价格就越低感知价值(越杂乱往往意味着质量越低)。如果你想抓住所有的潜在顾客，橱窗里的商品最好能很好地代表店内的商品。

Nutriliving.com主页截图
一位用户认为Nutrilling的主页过于杂乱，充斥着广告，没有显示网站上出售的商品。

清晰的产品组织

导航选项和产品类别需要明确，用标签对用户有意义以及与网站上其他选项的关系。用户必须能够快速理解每个类别和它是如何不同来决定在哪里点击。在空间允许的情况下，利用主导航栏向用户显示可用的产品类别，而不是简单地将所有产品集中在一个易于忽略的单一目录下商店链接。

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

REI.com超大菜单截图
REI网站有明确的导航类别，用户可以轻松找到他们想要的内容。多层次结构允许一些用户在下面找到徒步旅行的衣服营和徒步旅行，而其他人则浏览男人或女性然后按活动进行购物。

在展示产品清单的同时推广子类别

最新一轮的研究发现，与过去相比，在展示单个产品之前，提供传统类别页面作为临时页面的网站越来越少。为了减少用户必须点击的页面数量，许多网站现在已经用产品列表和供用户使用的选项替换或增加了类别登录页面过滤器或方面来缩小范围。

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

（缩短的）目标类别页面的屏幕截图
Target.com:顶部厨房与餐饮Section看起来像一个传统的分类登录页面，带有到可用子分类的链接;底部部分显示了单个产品清单，允许立即访问项目并最小化点击次数。
Asos类别页面的截图
Asos.com:类别页配件在产品列表上方显示突出的子类别链接。由于子类别区域的占地面积相对较小，此布局比上面目标的布局更鼓励浏览单个项目。

差异化产品信息

在这项最新研究中发现的另一个趋势是，产品列表页面上的产品信息数量不断增加。只要信息经过精心策划和整理，这种趋势就允许用户在不访问每个详细页面的情况下对产品做出明智的决策。尤其是在移动浏览器上，如果互联网连接很弱，每次点击都很重要打开多个选项卡比较商品比在桌面电脑上更麻烦，用户希望产品列表提供足够的差异化信息，这样他们就能完全理解某件商品是否值得点击。

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

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

对用户有帮助的其他产品信息包括：

  • 客户信用评级
  • 图标或类似指示将项目标记为流行、新、正在销售等
  • 可用性信息(库存，或在附近的实体商店可用;如果适用，可提供的尺寸)
  • 链接到快速查看工具以查看简短的产品说明和其他详细信息，而无需加载新页面
  • 可通过鼠标悬停或单击旋转木马
西尔斯产品列表页面截图
西尔斯网站上的产品清单包括详细的名称、大型照片、备选色样、价格、客户评级和关于交付窗口的信息。
Airbnb移动网站截图
Airbnb的移动网站允许用户在每个列表的主图像区域内滑动来查看更多的照片白色的小点在每张照片的底部附近。在桌面上，将鼠标悬停在图像上方，可显示箭头控件以查看其他照片。

结论

浏览电子商务网站的人需要用最少的时间和精力清楚地了解可供他们选择的选项。在首页和分类页面上展示产品的广度，以及清晰、描述性的产品列表，对提高电子商务网站的可用性大有帮助。分类页面和产品列表中的一些新趋势是受到移动和响应式设计的启发而产生的积极发展;它们减少了点击次数，让用户在购物过程中比过去更快地做出明智的选择。

完整报告

我们的新版本222页的报告在…上主页，类别页，列表页，和产品比较与69个基于证据的用户体验设计指南现在是可用的。)这是最新一期的《中国日报》上的一篇报道电子商务用户体验系列)。