在2019中重新设计电子商务网站需要了解的内容

这是你要重新设计电子商务网站的那一年吗? 如果你已经有几年了,那么你需要知道已经发生了很多变化。

毫无疑问,现代电子商务网站必须首先针对移动设备进行设计,因为我现在使用的大多数网站都会从移动设备获得70%或更多的流量。 然而,这只是一个起点 - 如果您希望您的网站将用户转换为客户,需要考虑很多细微之处。

我咨询过 可用性 在过去的五年中,我为各种各样的电子商务网站制定了最好的原则。 我将带您了解八种方法,以确保您的网站能够满足当今用户的需求,并受到本书指南的启发 设计电子商务网站.

避免在主页上播放长视频

主页是一个令人印象深刻的地方。 许多网站都将资金投入到高端摄影中,但你可以考虑在这里使用视频炫耀产品或讲述品牌故事。 毕竟,视频现在无处不在,特别是在社交媒体上。

如果使用得当,视频可以很好地通知用户并激发他们的兴趣。 然而,无论您的视频多么华丽,如果用户需要点击播放,请做好准备 大多数人都会忽视它。 在我看过的许多用户测试中,这是着陆页视频最常见的行为。

为什么? 在用户旅程的这个阶段,他们的注意力很短。 用户更有可能完全离开网站并反弹,而不是花时间观看未知的事情。

在开始时,您应该帮助用户快速浏览,以便坚持使用简短,静音,自动播放,循环播放的视频。 通过这种方式,您可以获得信息,而无需深入参与。 在用户更感兴趣的时候,更长的视频可以在旅程的后期变得非常有用,以解释诸如产品功能之类的东西。

Prynt网站使用简短的自动播放视频来显示产品的运行情况。 还有一个选项可以观看完整的声音。

不要在主页上填写多余内容

如果您已经完成了将用户带到您的主页上的艰苦营销工作,并且您已经为您的商店创建了一个引人注目的推销,那么下一步是什么? 有很多你可以告诉他们你的公司,现在有机会吗?

小心。 您登陆页面的时间越长,用户关闭或混淆的风险就越大。 虽然用户可以轻松滚动,但如果内容与他们的任务没有直接关系,他们很快就会停止。

每当你设计时,坚持'一页,一个目的”。 此页面的目的是介绍您销售的产品,并让用户查找这些产品。

他们真的需要看到你最近的五篇博文,你的最新推文和一堆Instagram图片吗? 社交帖子特别无益,因为您只是让用户访问您的网站并点击这些内容会再次将其带走。

你在页面上放的东西越多,越多 分散给你的用户 从你的主要行动和你希望他们做的关键事情。 移动用户倾向于缩短会话并专注于实现任务 - 额外的内容无助于此。

使您的过滤器易于访问

当您拥有大量产品时,过滤器对于帮助用户找到所需产品至关重要。 绝大多数电子商务网站(约 90%我研究过的人)在移动设备上叠加过滤器。 当没有足够的可用空间时,这是有道理的,但它确实意味着用户不太可能真正看到它们。

作为一项规则 95%的用户不会更改默认值 这适用于打开过滤器菜单以选择特定选项。 这也是我看过的电子商务用户测试中已经证实的东西。 在列表页面上查找产品是电子商务浏览体验在桌面上优越的一个领域。

如果您的用户进行过滤,那么他们就更有可能找到他们真正想要的产品。 您在移动设备上遇到的挑战是找到节省空间的方法。 一种方法是在页面中显示最相关的过滤器类别,其中包含选项按钮(请参阅下面的Macy)。 点击一个将加载应用了该过滤器的列表,此时下一个最相关的过滤器将显示。

电子商务重新设计 -  macy的过滤选项
Macy的网站将一些过滤器选项作为按钮添加到页面中。 Burberry使过滤器类别在页面上可见。

至少要确保您的按钮到达完整的过滤器菜单是显而易见的。 它还应清楚地指示何时应用过滤器,以便用户知道何时看到有限的结果集。

重新设计您的商家信息,以获得更大

大多数电子商务列表页面都会尝试在屏幕上同时显示许多产品。 结果产品 图像往往很小 (这就是为什么他们传统上称为缩略图)。

然而,图像是帮助用户决定选择哪种产品的关键部分。 在许多情况下,它比任何文本都能告诉你更多。 服装和家具等产品依赖于用户对所提供的不同事物进行主观区分。

你甚至可以在手机上拥有大图像。 像Instagram这样的应用程序让用户无论身在何处都能获得高品质,我经常看到用户对此表示赞赏。 它们在网站上的位置并不重要,总是喜欢好的摄影。

Airbnb有大图像可以滚动(左)。 Zara(右)在他们的列表上有全屏宽度图像。

当然,如果你认为可以在一些图像中更好地销售某些东西,那么就这样做。 旅行网站通常在列表缩略图中有多张照片,并带有一个微妙的箭头来滚动它们。 许多服装网站提供单独展示产品并由模特佩戴的选项。

将产品选项显示为按钮

您会发现许多产品都有各种变化,如颜色,尺寸,材料或其他。 产品详细信息页面是用户最终做出选择的地方。 为了使选择更容易,您应该避免在下拉菜单中转储这些选项。

他们应该是 视觉按钮 为了帮助用户查看所有选项,他们应该在变化意味着价格变化时明确。 如果变体改变了产品的外观(例如颜色),那么选择它应该更新主产品图像。 这使用户毫不怀疑将要订购什么。

电子商务重新设计 - 耐克大小选项
John Lewis(左)的产品颜色为带有视觉指示的按钮。 耐克(右)公开所有尺寸选项并禁用不可用的尺寸。

另一个好处是,通过禁用某些按钮,用户可以一目了然地看到哪些变体缺货。 同样,这会保存滚动选项下拉列表。

在尺寸选择方面,最好没有默认尺寸。 如果有用户可能最终添加默认值而不是他们想要的默认值。 这可能会导致您获得大量回报和沮丧的客户。

省略共享按钮

Facebook,Twitter,Pinterest,Instagram,LinkedIn,Snapchat。 您的用户可能会在其中一个或多个中闲逛 社会网络。 那么你应该在产品详情页面上给他们分享按钮吗?

许多电子商务网站仍然提供这些小图标,希望它能鼓励人们在网络上推广他们的商品。 不幸的是,他们几乎肯定是浪费时间。

没有人点击它们。 实际上0.2%的人这样做, 根据一项研究。 它也可能看起来像一段代码,但它带来了许多额外的东西,会降低你的页面速度。

付费“有影响力人士”的崛起意味着现代用户不再希望为没有任何东西的品牌进行广播。 更多人愿意与朋友或家人私下分享。 允许通过电子邮件或WhatsApp等即时消息服务共享的链接可能会更好。

整合付款钱包

支付钱包服务,如 PayPal,Apple Pay和Android Pay正在上升。 将它们视为电子商务结账流程的选项越来越常见。 事实上,他们可能会杀死标准结账 使用信用卡和现金 共。

电子商务重新设计 - 亚马逊付费整合
Tamara Mellon(左)可以在购物篮和结账时选择Apple Pay,PayPal和Amazon Pay。 Gucci提供从“添加到包”通知跳转到PayPal的功能。

输入密码,指纹或面部扫描然后能够立即完成结账比填写表格更方便。 随着电子商务由移动设备主导,提供简单的支付,不涉及繁琐的填表是必不可少的。

纯粹的易用性应该鼓励更多用户与您完成结账。 如果他们之前没有听说过您的品牌,那么如果钱包作为中间人,用户可能会觉得更安全,这也有一个安全上的好处。

在用户测试中我运行结账流程,我经常听到诸如“我更喜欢使用PayPal的选项”和“我非常注重安全性并且只使用PayPal支付”这样的评论。 PayPal目前是众所周知的,但在决定使用哪个时,请使用您网站上最受欢迎的国家和设备。

允许用户收集

越来越多的电子商务网站为用户提供了收集订单而不是交付订单的能力。 对于不经常在家但也无法送到工作地点的用户来说,这是一件好事。 提供此选项只会增加可以向您购买的用户数量。

最简单(通常也是最好的)方法是在结帐时添加集合作为交付的替代方法。 要求用户输入他们的位置并向他们显示他们可以获取订单的选项。 显示提货地点的营业时间也很重要 - 这些数据通常来自与运输公司的整合。

来自ASOS结账的点击和收集窗口,允许用户选择将其发送到哪个便利店。

更复杂的方法是将集成选项集成到站点上的每个产品详细信息页面。 如果你有,这是有道理的 实体店 因为它允许在特定商店进行库存检查。

但是,当用户在其订单中有多个产品时,可能会出现问题。 如果他们不小心,他们最终会得到一些产品用于交付,一些用于收集(一个'混合'的篮子)。 为了避免这种情况,我建议最早让用户指定收集或交付是在篮子阶段,因此它适用于整个订单。

更多电子商务建议

这有八种方法可以确保您的电子商务网站经过重新设计,以适应2019及更高版本。 当然,重新设计完整的电子商务网站时需要考虑的不仅仅是这个问题。 事实上,我已经编写了一本包含66指南的书籍,用于设计基于10多年的UX设计经验进行转换的在线商店。

这本书叫做Designing Ecommerce Websites,它就是 在亚马逊上可用 有各种格式,包括平装本和Kindle。 或者你可以抓住 我网站上的数字PDF版本,其中包括印刷书籍中的所有插图。 你也可以得到 15%折扣 使用促销代码PLATFORMS在限定时间内使用数字版本。