菜单 关闭

万博官网manbetx下载电子商务主页的用户体验指南,类别页,和产品列表页

通过 奥罗拉哈雷8月12日,二千零一十八

总结:通过提供清晰的区分所有级别的产品信息—从主页到产品列表页面。


要在线购买产品,人们需要了解电子商务网站的销售情况,并找到他们感兴趣的商品。一些可能搜索产品如果他们知道自己想要什么,但更多依靠浏览了解哪些产品可用,哪些最适合他们的需求。可用主页,类别页,列表页面对浏览体验至关重要。

主页是第一次介绍一个网站和一系列的产品或服务出售。类别页面和产品上市页面是电子商务网站中的中级页面;他们介绍产品分组和这些分组中的项目,分别。产品之路必须经过深思熟虑的设计,以传达不同产品类别之间以及不同产品之间的差异,manbetx官方网站手机版从而帮助用户找到最适合自己需求的商品。

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

作为我们最近的一部分49个电子商务网站的研究,我们分析了主页的各个方面,类别页,并列出页面,以获得使这些页面易于使用的设计准则。manbetx官方网站手机版在本文中,我们简要概述了我们的建议。

欢迎,信息型主页

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

虽然这一建议似乎很直截了当,我们的一些研究参与者在主页上挣扎过于杂乱未能展示代表其产品的物品。主页是一个网站,就像一个实体商店的前窗显示:窗口中塞满的物品越多,整体越低感知价值(更多的杂乱往往意味着更低的质量)。橱窗里的那些东西最好能很好地反映出商店里有什么东西,如果你想抓住所有潜在客户。

nutriliving.com主页截图
一位用户认为Nutriliving主页太乱,广告太多,不显示网站上销售的商品。

明确产品组织

导航选项和产品类别需要清楚,带有标签对用户有意义独自一人,以及与网站上其他选项相关的。用户必须能够快速了解每个类别,和它是如何不同的为了决定点击的位置。如果空间允许,利用主导航栏向用户显示可用的产品类别,不是把所有的东西都集中在一起,容易被忽视商店链接。

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

rei.com超级菜单截图
REI网站有明确的导航类别,用户可以很容易地找到他们想要的东西。多层次结构允许一些用户在营地和徒步旅行 ,当其他人浏览到男人 女人 分类,然后按活动购物。

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

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

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

目标分类页面截图
target.com:厨房和餐厅 该部分看起来像传统的类别登录页,链接到可用的子类别;底部部分显示单个产品列表,允许立即访问项目并最小化单击次数。
ASOS分类页面截图
asos.com:的类别页配件 在产品列表上方显示突出的子类别链接。由于子类别区域的占地面积相对较小,此布局鼓励浏览单个项目,而不是以上目标的布局。

区分产品信息

这项最新研究发现的另一个趋势是产品列表页面上的产品信息量增加。只要信息整理得很好,很整洁,这种趋势允许用户在不访问每个细节页面的情况下就产品做出明智的决定。尤其是在移动浏览器上,如果互联网连接很弱,那么每次点击都是重要的。打开多个选项卡比较项目比在桌面上更麻烦,用户希望产品列表能够提供足够的差异化信息,这样他们就可以完全理解一个项目是否值得点击。

有助于区分每个产品列表的信息应包括:至少:

一些网站提供了更多信息,超越这些基本要求。用户对这些额外信息表示赞赏,因为它允许他们在提交新的页面加载之前获得关于项目的进一步知识。

对用户有用的其他产品信息包括:

  • 客户评级
  • 图标或类似指示要将项目标记为热门,新的,出售,等等
  • 可用性信息(库存,或在附近的实体店中提供;尺寸(如适用)
  • 链接到快速查看工具以查看简短的产品说明和其他详细信息,而不加载新页面
  • 通过鼠标悬停或单击旋转木马
Sears产品列表页面截图
Sears上的产品列表包括详细的名称,大照片,交替色样,价格,客户评级和有关交货窗口的信息。
Airbnb移动网站截图
Airbnb的移动网站允许用户在每张列表的主图像区域内滑动以查看更多照片,如所示小白点靠近每张照片的底部。桌面上,将鼠标悬停在显示图像的箭头控件上,以查看其他照片。

结论

浏览电子商务网站的人需要清楚地了解可供他们使用的选项,花费最少的时间或精力。在主页和分类页面上都能很好地展示产品的广度,而且很清楚,描述性的产品列表可以在很大程度上提高电子商务网站的可用性。类别页面和产品列表中的一些新趋势是由移动和响应式设计激发的积极发展;manbetx官方网站手机版他们减少了点击次数,允许用户在购物过程中比过去更快地做出明智的选择。

完整报告

新版我们的全套222页报告主页,类别页,列出页面,和产品比较具有69循证UX设计指南万博官网manbetx下载manbetx官方网站手机版现在可用。(这是电子商务用户体验系列)