正在扼杀您的电子商务网站的 7 个移动 UX 失败

已发表: 2022-02-20

如果您不关注电子商务网站的移动用户体验 (UX),那么您将失去客户和收入。 这是给定的。 针对移动设备进行优化不是可选的附加功能,而是必须具备的。 谷歌自己的研究表明,良好的移动用户体验可以“将用户变成客户”。 但是,如果弄错了,他们就会去别处——快!

认为这不是问题吗? 再想一想。 KISSMetrics 博客上发布的研究表明,78% 的本地商业信息移动搜索导致购买。 Coupofy 的这张信息图显示了移动商务的发展速度。

再加上大量使用移动设备的人以及谷歌最近的“mopocalypse”更新(已经伤害了一些品牌),你就有足够的理由来修复你的电子商务网站。 可悲的是,不是每个人都这样做,这就是为什么你会得到这样的 UX 失败:

1.没有移动优化

这与其说是 UX 失败不如说是彻底失败,但最大的问题是根本无法针对移动设备进行优化。 我不了解你,但我试图在我的手机或平板电脑上访问网站,只是为了适应鼠标点击和加载时间的用户界面,这会让乌龟看起来像 Speedy Gonzales。 更多关于这些 UX 失败的信息稍后会失败,但这没有任何借口。

Mobile-UX-caltrain-fail

谷歌列出了几个可接受的移动网站优化选项,因此您所要做的就是选择最适合您需求的选项。 SEMRush 说,许多人选择响应式设计,尽管这并不总是电子商务网站的最佳选择。

这是因为当客户端选择驱动网页格式和大小时,页面可能会加载缓慢并失去业务。 另一种选择是自适应设计,以确保所有网页在最快的时间内加载最适合特定设备的内容。

对于电子商务零售商来说,潜在的回报是巨大的。 UserTesting.com 上发布的案例研究表明,拥有一个专为移动设备设计的网站可以带来两位数的转化优化收益,这是您口袋里的钱。

2. 它不适合手指

有些网站有移动选项,但该选项仍然具有桌面感觉。 我说的是微小的链接文本和微小的点击目标。 当试图在移动设备的屏幕上选择某些东西时,手指不如桌面上的鼠标指针那么精确。 当您每次尝试在屏幕上选择某些内容时,您都会进入错误的位置,这会变得非常烦人。 即使在我最喜欢的提要阅读器 Feedly 中,也很容易意外保存我打算关闭的链接。

如果人们无法在您的网站上到达他们想要的位置,他们所感受到的挫败感会将他们赶走。 下面的示例具有不错的点击目标,但图形占用了太多空间。

Mobile-UX-creative-pool

在讨论的同时,让我们谈谈其他流行的设计功能,即轮播或滑块。 我讨厌他们,而且我不是唯一一个。 我几乎可以在台式机上与他们一起生活,但在移动设备上,这意味着获取我需要的信息需要很长时间。 如果您使用轮播展示您的产品,请检查您的分析并了解客户的反应。 您最好的选择:避免使用它们并改用大按钮。

3. 用户找不到他们需要的东西

多年来,我们接受了培训,可以在使用计算机浏览网络时在搜索框中输入内容。 这在移动设备上并不总是那么容易。 电子商务网站可能有数千个页面,因此导航和搜索始终是一个挑战。 人们通常希望:

  • 查找产品或产品详细信息
  • 研究运输和交付信息
  • 购买物品

您的工作是让移动设备用户尽可能轻松地做到这一点。 如果人们无法找到他们需要的信息并打断了流程,那么他们的客户体验就会很差,很可能不会购买。

解决此问题的方法包括通过将其构建到页面中来使运输和交付显而易见,并通过自动完成和移动友好的导航选项(例如按钮或可折叠、直观的菜单)帮助用户轻松找到项目。 查看有关 Bruce Clay Inc 的这篇文章以了解更多信息。

4.它的形式很糟糕

我们可以谈谈表格吗? 我知道了; 我真的。 您需要收集运输和客户信息,但适用于 PC 用户的冗长复杂表格对于移动设备用户来说是完全错误的。 在平板电脑和表格上填写表格通常感觉像是一种折磨。 如果您的客户有这种感觉,他们就不会打扰。

有什么选择? 只收集基本信息或点击通话链接的较短表格。 社交登录,如果它旨在与您的客户在其设备上已有的应用程序一起使用。 或者根本没有形式。 统计数据表明,较短的表格转换得更好。 查看这些示例以获得灵感。

当我们讨论表格时,让我们谈谈注册。 作为零售商,您希望获取客户信息,但过早尝试可能会让人望而却步。 相反,通过提供他们需要的所有信息来证明他们值得坚持。 我一直很喜欢 Asos 网站,因为当我第一次访问它时,我可以保存和收藏物品,并将它们添加到我的购物篮中,然后完成购买所需的最少信息。 以后有足够的时间收集详细信息。

如果你必须先注册才能获得信息,那就没有动力了,因为没有证据证明你有我想要的任何东西。

5.结账没有优化

Custora 表示,截至 2014 年底,移动电子商务约占所有在线假日销售额的五分之一。 除非您想失去这些客户,否则您需要照顾移动结帐。 我们已经提到了这方面的一些方面,比如页面速度、点击目标和不需要注册。 Smashing Magazine 关于这方面的文章已经有一段时间了,但仍然很有意义。 它突出了以下领域:

  • 无干扰的结帐页面
  • 进度条
  • 安全信息
  • 客人结账

还有几个其他领域值得关注。 回到表单的主题,将字段标签放在表单字段上方而不是其中意味着客户不必想知道他们应该输入什么信息。 Formismo 说,使用移动设备集成让用户可以使用数字键盘填写数字也很有用。

Mobile-UX-asos

如果您在全国或全球范围内销售商品,则必须让您的结帐检测到正确的区域,以便客户看到正确的货币和运输信息——亚马逊甚至为台式机购物者也这样做。 使用持久购物车并使结帐/购物篮易于查看和访问也是一个好主意。 在上面的例子中,Asos 做对了一些事情,但是文本太小了。

6.对移动用户行为的误解

对于移动设备,考虑用户行为很重要,因为移动用户绝对不同于 PC 用户。 研究表明,他们可以快速做出购买决定,因此忘记那些适用于 PC 购物者的冗长副本,让他们轻松地尽快获得所需的信息。 这是让移动用户体验为他们服务的最佳方式。

多屏幕世界已经有一段时间了。 这意味着客户可以在智能手机上开始交易,然后在平板电脑或台式电脑上完成交易。 这意味着您需要无缝体验和保存的信息,以使他们的过渡尽可能顺利。 通过分析数据检查这一点,您可以通过用户 ID 跟踪会话。

更好的转化和销售的关键规则是为用户提供他们想要的东西,所以要跟踪,不要猜测。 最新的移动零售数据表明,许多客户担心查找产品详细信息和安全性,您可以按照本文的建议解决这两个问题。

7. 其他 UI 问题

一个好的用户界面 (UI) 并不总能转化为一个好的用户体验,但它会有所帮助。 请注意以下错误:

  • 无效的链接
  • 将移动用户重定向到桌面界面
  • 重要的转化页面杂乱无章
  • 难以阅读的文本(在下面的示例中,一些副标题和更大的字体会有所帮助)。
Mobile-UX-tamba

专注于为您的客户改进 UI 和 UX 的基本要素。

底线?

良好的用户体验将帮助潜在客户信任您的网站并希望向您购买。 因此,不要纠结于内容的完美配色方案或像素宽度。 考虑整体体验以及用户是否会获得完成购买所需的东西。 毕竟,这是电子商务成功的标志。

如果您不确定您的网站是否适合移动设备,请在手机或平板电脑上亲自尝试,使用 Google 的移动设备友好测试工具或查找移动模拟器以查看其外观。 如果它对您不起作用,从着陆到结帐,它也可能对您的客户不起作用。 查看这份包含 105 个 UX 提示的列表,了解您可能需要先修复哪些问题。