在最近的更新期间电子商务用户体验报告系列,我们受到了一些设计改进的鼓舞,同时气馁,看看留下旧问题和一些新的出现。

与我们以前的研究结果相比,我们很高兴看到更大的产品象色这有助于回答用户的问题,强大的评论,提供围绕反馈的背景,更轻松地应用折扣和优惠券代码,帮助讨价还价猎人完成购买。

我们也看到了一些新问题,包括一个隐藏或最小化产品描述和细节的趋势.留下旧问题:很难知道什么时候商品被添加到购物车的站点.新的、设计整洁的网站强调了另一个问题:凌乱的和过时的客户服务网站的部分

好的:更大的产品图像

是否由于增加屏幕尺寸和分辨率,更宽敞的视觉设计,或为了出售现场体验,网站拥抱大型产品图片

图像的大小已经成长产品页面,有更多细节可见。我们都知道,一张图片胜过千言万语,在电子商务网站上,一个(好的)图片胜过一千美元。在可用性测试中,用户收集图像的产品详细信息,包括产品描述中未涵盖的详细信息。大图像可以显示更多细节,多种视图提供更多信息。在使用中或背景下的产品的图片可以回答客户问题。我们已经看到了一个用户意识到烤面包机为百吉饼拥有足够大的老虎机,另一个人知道沿海的脚凳会保护她的木制家具,只需查看产品图片。

图像尺寸的增加不仅可以在产品页面上看到。类别页面通常在一个页面上塞满尽可能多的产品小图片,现在也在使用更大的图片。这允许用户在购物和比较过程中早期见详细信息帮助用户花时间探索正确的产品。

Coldwatercrek.com的类别页面与大产品图像
在许多网站上,产品图片都要大一些,比如在Coldwater Creek的一个品类页面上,购物者可以看到更多的产品细节。

而在图像的话题上,我们需要再次重申旧的发现看起来像横幅广告的图片将被忽略, 然后库存照片伤害超过他们的帮助.当我们推荐大,详细的照片时,我们的意思是实际产品的照片(包括在使用中或上下文中的产品照片)。

好的:更强大的评论

评论帮助用户了解产品的质量和使用。评论可以回答用户对产品的问题或地址担忧,因为它们是由需要或想要的人的角度写的,并实际使用该产品。提供评论很有帮助,但网站越来越多地享受进一步的评论提供关于审稿人的额外信息,或者更好地总结评审

许多网站正在添加详细信息:有关写作审查的人的相关详细信息,例如性别或年龄,或评估的特定产品标准,如大小写或质量。网站正在识别顶级贡献者,让读者评价审查的价值。它们总结了正面和负面评论中使用的关键字和短语,甚至突出引号来自有用或描述性评论。

此类附加信息在完成时,可以帮助制作它用户更容易获得全部好处其他人的意见。审稿人详细信息让用户找到与他们的情况或使用相关的评论,以及审查摘要帮助用户通过大量审查来查看产品的常见问题或优势。

Orientaltrading.com提供价格和质量标准的评论
Orientaltrading.com包括其评论的价格和质量标准,提供替代方法来评估产品。在评论部分的顶部总结了该产品的最常见的积极和负面品质。

(有关评论的有说服力影响,请参阅我们的全日制培训课程在网页设计中的说服.)

好的:你可以使用的优惠券

在过去,我们观看了用户斗争并努力使用优惠券代码,并有资格获得网站的折扣。我们很高兴看到一些网站正在制作它比以前更容易购物者申请折扣甚至自动收到它们.如果在网站上发布了折扣广告,则自动将折扣应用于符合条件的用户。如果有折扣或优惠券代码,要让用户在付款过程中进入支付页面之前,就很容易地输入和应用这些代码。用户希望在购物过程中尽早看到应用的折扣。

虽然网站可能会使折扣难以增加销售总额,但防止用户能够使用或利用折扣侵蚀信任并且可能会使用户挫败他们不再想要在网站上购物的程度。此外,易于享受折扣的折扣有很多优势:我们看到大量用户决定在网站上花更多的钱,以便有资格获得免费送货。

在ChildRensplace.com上的购物车预览中添加优惠券代码按钮
孩子的位置允许用户单击一个按钮添加优惠券代码在页面右上角出现的购物车预览。此按钮导致购物车,用户可以在购物时输入并应用折扣,而不是等到结帐流程的付款页面。

糟糕:较小和隐藏的产品描述

产品描述似乎正在消失在许多电子商务网站上。它们位于Web页面的远航,远离产品图像,完全隐藏在链接后面,并落入小盒子。这可能是通过为移动设计影响的桌面设计变化,因为公司试图在大型和小屏幕上创建简明的信息。

虽然产品图像的增长值得称道,但它不能牺牲产品描述。描述可以回答有关使用,益处,护理,材料和测量的问题。这并不是说,一旦页面加载,用户需要在产品上看到1000个单词论文,但用户必须能够快速轻松地查找和使用产品描述。

网站上的产品信息可以分层。如果篇幅有限,在页面的顶部包括一个摘要或简要描述,并有一个明确的链接,引导更多的细节。确保摘要信息清晰、描述性强。用户会挖掘细节,但他们不应该在一开始就搜索产品信息。

Esteelauder.com上的4行产品描述
关于ESTEE LAUDER的网站的产品描述被挤压为只有4个窄线文本的空间的盒子。
在Estee Lauder的网站上的一个小型滚动窗口中的完整产品描述
在雅诗兰黛的网站上展开产品描述只是展开包含描述的框,迫使用户滚动描述以查看产品详细信息。对于移动用户来说,可能有必要将额外的内容推迟到第二个屏幕,但不要给桌面用户比普通智能手机更少的工作空间。

糟糕:将物品添加到购物车

用户不应该猜测商品是否已添加到购物车中。许多网站未能提供足够的反馈关于这一关键行动。

这是电子商务入门课程。用户不希望搜索页面以确定是否添加了某个商品,您当然也不希望他们在离开购物过程时发现购物车中是否有商品。这项行动需要立即得到明确的确认。

反馈可以以各种方式完成,从将用户带到购物车以使用覆盖或模态。但是,什么是不是工作是向页面添加一行文本,或者更新购物车链接或图标附近列出的商品数量。用户忽略了这些细微的变化。

可能打算让购物者沉浸在购物体验中的微妙设计变更可以反而可以作为分心。如果用户不知道是否添加了项目,则可能会留下购物流程来检查推车。其他人可以再次添加该项目。如果购物者没有意识到他们已经完成了这一点,他们就可以到购物车,并责怪该网站的事实是增加了多个物品而不是他们打算的东西。

在Costco.com上添加物品的结果
Costco添加了一行文本(以绿色,在添加到购物车按钮)表示将项目添加到购物车中。这太微妙了这个页面的变化。

糟糕:凌乱客户服务

随着时间的推移,许多电子商务设计变得更加开放和通风。直到你进入网站的客户服务区域。如此多的客服部门仍然是电子商务网站中杂乱、拥挤、沉闷的地下城。

如果客户要访问站点的客户服务区域,那么他可能已经遇到了问题或者正在为一个问题而苦苦挣扎。当你向用户要钱的地方干净、新鲜、友好,而你回答客户问题的地方寒冷、黑暗、沉闷,这对你的客户来说是一种什么样的信号呢?

随着设计的变化并随时间更新,不要忽视网站的客户服务部分.如果他们与该网站的其余部分不一致,则过时的设计可能对用户进行麻烦。用户可能想知道策略是否是最新的或怀疑所提供信息的准确性。更远,微小的类型文本墙壁对于用户阅读和理解的巨大内容越来越难。

Foot Locker产品页面
脚踏储物柜网站的产品页面使用了大量的白色空间,大图像和更大的文本。
FootLocker.com上的客户服务板块充斥着文本
脚踏储物柜网站上的客户服务页面看起来狭窄和拥挤。

一致的调查结果

我们开始在2000年返回电子商务可用性,以及我们的每一版本电子商务用户体验报告系列,我们看到早期准则即使在评估最新的电子商务设计时也会保持稳定。我们在我们的问题和设计解决方案以前的版本坚持到今天,有时以新的形式。