在最近的一次更新中电子商务用户体验报告系列中,我们被一些设计上的改进所鼓舞,同时也不鼓励看到老问题的存在和一些新问题的出现。

与我们之前对电子商务的研究结果相比,我们很高兴看到更大的产品图片这有助于回答用户的问题,提供反馈上下文的可靠评论,以及更方便地应用折扣和优惠券代码,帮助逢低买主完成购买。

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

好处:更大的产品形象

是否由于增加屏幕尺寸和分辨率,更宽敞的视觉设计,或为了网站体验的好处,网站使用大的产品图像

图片的尺寸越来越大产品页面,可以看到更多细节。我们都知道一张图片胜过千言万语,在电子商务网站上,一张(好的)图片值一千美元。在可用性测试,用户从图片中收集产品细节,包括产品描述中没有涉及的细节。大图片可以显示更多细节,多个视图提供更多信息。产品使用中的图片或背景对回答客户的问题大有帮助。我们已经看到一个用户意识到烤面包机有足够大的槽来放百吉饼,另一个用户知道杯垫有脚,可以保护她的木制家具,仅仅通过查看产品图片。

图像大小的增加不仅仅出现在产品页面上。分类页通常在一个页面上塞满尽可能多的产品小图片,现在也在使用更大的图片。这允许用户请参阅购物和比较过程的早期细节帮助用户花时间探索正确的产品。

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

而在图像的话题上,我们需要再次重申旧的发现看起来像横幅广告的图片将被忽略,这库存照片弊大于利.当我们推荐大的、详细的照片时,我们指的是实际产品的照片(包括正在使用的产品或在上下文中的产品照片)。

好处:更有力的审查

评论帮助用户更多地了解产品的质量和使用。评论可以回答用户对产品的疑问或关注,因为它们是从需要或想要以及实际使用产品的人的角度写的。提供评论是有帮助的,但是网站越来越多地使用评论提供关于审稿人的额外信息,或者更好地总结评审

许多网站都在给评论添加细节:写评论的人的相关细节,比如性别或年龄,或者评价的特定产品标准,比如尺寸或质量。网站正在认可顶级贡献者,并让读者对评论的价值进行评价。他们总结了正面和负面评论中使用的关键字和短语,甚至突出了有用或描述性评论的引用。

这些额外的信息,如果做得好,可以帮助实现它用户更容易获得全部好处别人的意见。审查细节可以让用户找到与他们的情况或使用相关的评论,而审查摘要可以帮助用户费力地浏览大量评论,以了解产品有哪些共同问题或优点。

OrientalTrading.com审查价格和质量标准
东方贸易网在他们的评论中包括了价格和质量的标准,提供了另一种方式来评价产品。最常被引用的产品的正面和负面品质在评论部分的顶部进行了总结。

(有关评论的说服力影响的更多信息,请参阅我们的全天培训课程网页设计中的说服.)

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

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

虽然网站可能会使使用折扣困难,以增加销售总额,阻止用户能够使用或利用折扣侵蚀信任并且可能会让用户感到沮丧,以至于他们不再想在网站上购物。此外,使其更容易获得折扣还有另一个优势:我们已经看到很多用户决定花更多的钱在一个网站上,以获得免费送货的资格。

在ChildrensPlace.com的购物车预览中添加优惠券代码按钮
“儿童空间”允许用户单击按钮添加优惠券代码在页面右上角显示的购物车预览中。此按钮将引导到购物车,用户可以在购物时输入并应用折扣,而不必等到结账过程的付款页面。

坏处:较小且隐藏的产品描述

产品描述似乎正在消失在许多电子商务网站上。它们位于网页的最远端,远离产品图片,完全隐藏在链接后面,并被塞进小盒子中。这可能是一种桌面设计变化,受手机设计的影响,因为公司试图创建简洁的信息,以便在大屏幕和小屏幕上使用。

虽然产品形象的增长是值得赞扬的,但它不能以牺牲产品描述为代价。描述可以回答有关使用、益处、护理、材料和测量的问题。这并不是说一篇1000字的产品专论需要在页面加载后立即可见,但用户必须能够在需要时快速、轻松地找到并使用产品描述。

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

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

缺点:添加商品到购物车

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

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

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

细微的设计变化可能会让购物者沉浸在购物体验中,但却会分散注意力。如果用户不知道是否添加了商品,他们可能会离开购物过程去查看购物车。其他人可能会再次添加该项目。如果购物者没有意识到他们已经这样做了,他们会进入购物车,并指责网站添加了多个项目,而不是他们想要的。

将商品添加到Costco.com购物车的结果
好市多增加了一行文字(绿色,在添加到购物车按钮)以指示已将某项商品添加到购物车中。这一页上的变化太微妙了。

坏消息:杂乱无章客户服务

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

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

随着设计的变化和更新,不要忽视网站的客户服务部分.过时的设计如果与网站的其他部分不一致,就会给用户带来麻烦。用户可能想知道政策是否最新,或怀疑所提供的信息的准确性。此外,微小的类型墙上的文字大量的内容让用户更难阅读和理解。

Foot Locker产品页面
Foot Locker网站上的产品页面使用了大量的空白、大图片和更大的文本。
FootLocker.com上的客户服务板块充斥着文本
相比之下,Foot Locker网站上的客户服务页面显得拥挤不堪。

一致的发现

我们早在2000年就开始研究电子商务的可用性,每一个新版的电子商务用户体验报告系列,我们看到,即使在评估最新的电子商务设计时,早期的指导方针仍然是可靠的。问题和设计解决方案,我们在先前的版本坚持到今天,有时以新的形式。