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

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

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

优点:更大的产品形象

是否由于增加屏幕尺寸和分辨率,更宽敞的视觉设计,或有利于网站体验,网站都是拥抱大型产品形象

图片的尺寸越来越大产品页面,可以看到更多细节。我们都知道,一张图片值千言万语,而在电子商务网站上,一张(好的)图片值一千美元。在可用性测试中,用户从图片中收集产品细节,包括产品说明中未包含的详细信息。大型图像可以显示更多细节,多个视图可以提供更多信息。使用中或上下文中的产品图片对于回答客户问题有很大帮助。我们看到一个用户意识到烤面包机有足够大的槽放百吉饼,另一个用户知道杯垫有脚可以保护她的木制家具,只要看产品图片就可以了。

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

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

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

优点:更稳健的评论

评论可以帮助用户更多地了解产品的质量和用途。评论可以回答用户对产品的问题或解决他们的担忧,因为它们是从需要或想要并且实际使用产品的人的角度编写的。提供评论是有帮助的,但是网站越来越深入地进行评论提供关于审稿人的额外信息,或者更好地总结评审

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

这些额外的信息,如果做得好,有助于更容易让用户得到充分的好处别人的意见。“审阅者详细信息”使用户可以找到与他们的情况或使用相关的审阅,而审阅摘要可以帮助用户浏览大量审阅,以了解产品有哪些常见问题或优势。

东方贸易网以价格和质量为评判标准
OrientalTrading.com在评论中包括了价格和质量标准,提供了对产品进行评级的替代方法。产品最常被引用的积极和消极品质在评论部分的顶部进行了总结。

(想了解更多评论的说服力,请查看我们的全天培训课程网站设计中的说服.)

好处:你可以使用优惠券

在过去,我们看到用户为了使用优惠券代码和在网站上享受折扣而苦苦挣扎。我们很高兴看到一些网站成功了对购物者来说,申请折扣甚至自动收到折扣比以往任何时候都要容易.如果在网站上发布了折扣广告,则自动将折扣应用于符合条件的用户。如果有折扣或优惠券代码,要让用户在付款过程中进入支付页面之前,就很容易地输入和应用这些代码。用户希望在购物过程中尽早看到应用的折扣。

尽管网站可能会为了增加销售总额而使使用折扣变得困难,从而阻止用户使用或利用折扣侵蚀信任而且可能会让用户感到沮丧,以至于他们不再想在这个网站上购物。此外,更容易获得折扣还有另一个好处:我们已经看到许多用户决定在一个网站上花更多钱,以获得免费送货资格。

ChildrensPlace.com购物车预览中的“添加优惠券代码”按钮
儿童广场允许用户点击一个按钮添加优惠券代码在出现在页面右上角的购物车预览中。这个按钮指向购物车,用户可以在购物时输入并应用折扣,而不必等到结账过程的支付页面。

缺点:更小和隐藏的产品描述

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

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

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

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

坏消息:将项目添加到购物车

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

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

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

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

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

缺点:凌乱客户服务

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

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

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

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

一致的结果

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