11分钟阅读

电子商务UX用于移动体验

Stelian是一个UI设计师,拥有超过七年的设计和从地上建造不同鳞片的项目的经验。
被某某人翻译 Marisela Ordaz.。本文最初是写的 英语GB.

当他建议移动设备可以作为客户口袋中的零售点工作时,凯文·达弗,“移动商务”一词介绍了“移动商务”。考虑到时间的技术限制,谁会想到有一天我们可以在小口袋设备上轻松探索,审查和购买商品?

我无法夸大移动设备如何改变我们与消费者的互动方式;我们必须接受这些变化。

- 沃尔玛首席执行官Joel Anderson

电子商务的惊人增长也推动了增长 移动电子商务现在它的价值近7000亿。移动电子商务目前是巨大的在线市场的最大部分。超过80%的美国人在线购买了 上个月 - 三年前,这个数字只有11.6%。 Un informe de 商业内幕智慧 建议移动商务 Aumentará. 到2020年最多45%。根据A ComScore Research. 2016年,通过移动设备的支出增加44%,而2015年。

购买移动电子商务的各个方面

智能手机购物统计的各个方面 统计

尽管销售量大,但超过60%的用户仍然担心 有您的财务信息 使用移动电话时盗版。然而,客户满意度仍然与亚马逊和苹果等移动零售商相当高,都收到了一个 满意度额定值超过 80%.

移动电子商务的应用流程

移动电子商务的概念 Alex Khoroshok.

移动电子商务UX成功的最佳实践

通过“捏合”和双击手势支持图像方法

人们熟悉手势,如触摸两次并捏住以在移动设备上带来图像。在移动电子商务可用性研究期间,拜托斯研究所 Encontró 这是,自然而然,买家希望能够彻底检查产品,并担心小细节。有兴趣购买产品但无法探索它的用户,他们并没有觉得舒服地购买它,并且通常,他们没有妥协销售。

移动产品页面电子商务UX

扩展产品图像 laaplicación. Overstock.

50个移动电子商务应用程序加箱的框架非常令人惊讶, 超过40%的人与缩放手势不兼容.

即使是提供特写镜头图像版本的网站也经历了类似的反弹率,表明在移动电子商务应用程序中与产品图像的变焦手势兼容是基本的。

考虑到移动设备的小屏幕尺寸,这是平台的具体问题。这些特征中至少一个的支持将在公司中申请50%的最佳电子商务应用程序,即更大的集合列表。

有些因素需要考虑:

  • 低分辨率图像等同于缩放图像。用户有兴趣清楚地看到产品的详细信息,并需要高分辨率图像来执行此操作。扩展低质量图像的选项是非常无用的,因为它不允许用户查看细节。

  • 拜耳学院发现50%的应用程序并不表示可以两次粘合或播放产品图像的用户。表示图像缩放的可用性很重要。虽然移动设备用户通常已知这些手势,但它仍然可以使用它们可用。建议使用图标或视觉表示来执行此操作。

为购物车提供“保存”功能

如上所述,移动设备屏幕的小尺寸是移动电子商务时的主要​​障碍。拜托斯研究所指出的是 61%的移动设备用户 您经常使用您的桌面来完成购买而不是手机。

在移动电子商务UX中保存的功能购物车

购物车“软件” aplicaciones. Nordstrom y Overstock.

“节省购物车”功能减少了手推车丢失的数量,并允许买家保存项目以后购买。 持久的购物车 允许客户继续购买,而无需在返回的特征后寻找所需产品 55%的买家 usaría.

下面详细说明如何保留这些客户:

  1. 将购物车作为愿望清单运行,保留添加到购物车的文章。
  2. 创建一个选项,允许买家收到具有保存项目的电子邮件。显示提醒您可以使用桌面结束购买。

使用描述性和标记良好的表格

移动表格最佳实践的应用是另一个考虑因素。重要的是,电子商务应用程序或网站的UX设计,同时消除任何混淆,允许用户尽快完成表单。

这些是移动表格中可用性的最佳实践:

  • 将表格的标签放在表格上方,以提高可读性,易用性和清晰度。解释为什么需要某些信息时会在移动设备上完成表单时减少用户的焦虑。
  • 将文本条目与相应的键盘匹配。输入地址和文本时输入信用卡的电话号码和文本面板的电话号码和数字时,显示拨号键盘。这将减少用户错误并加速表单的完成。
  • 限制输入字段的数量以减少TIPEO的努力。较少的输入字段将生成更少的充电表单并提高UX输出流。
  • 它在完成时自动前进屏幕上的每个字段。这样做不会妨碍不完整的领域的任何视图。
  • 美国 步行者 而不是下拉菜单来减少买家的努力。这 步行者 它们用于以恒定金额增加或减少价值,并且可以更快地工作和更具吸引力的解决方案。

ux.登记形式的移动电子商务

明确标记的形式 移动页面西尔斯。

提供智能自我建议,自动检测,地址搜索和错误

自我建议的主要目标是促进和简化用户的填写。自动建议预测公共搜索查询,并帮助买家更容易找到产品。 使用信用卡类型的自检,可以进一步改善移动可用性。 autodetección. 通过为兼容的卡类型提供即时反馈来简化购买过程。尽可能多的数据输入过程的自动化优选地具有图像 - 提高用户体验,并将积极影响转换速率。

建议寻找移动电子商务UX

自卑 aplicaciones. de.埃克斯 y 玩具“r”我们

寻址的搜索和验证加速了购买 - 几个API的完成过程(如 谷歌地方 y USPS.)允许轻松实现此功能。 提供错误的验证是移动UX设计中的推荐练习。缺乏快速表现是电子商务买家的挫折感。这可以通过提供对他们的进度(例如,在付款期间)的实时反馈来改进,尤其是当它们产生不受伤的错误时。这允许用户立即纠正其错误,这会以积极的方式影响可用性。

使用麦克风改善移动购物UX

麦克风 它们是在产品的界面的界面中进行详细信息,而在产品的自然流动得到改善时进行单一任务。与产品一样,选择一个产品,选择颜色和尺寸并滑下以更新数据是麦克风的示例。

电子商务UX的微互动

Color选择移动电子商务中产品的云互提 Mykolas puodziunas。

考虑到它们的常见是多么常见,微互动可以帮助或伤害移动电子商务应用的UX。

麦克风可用于:

  • 通过更直观的方式引导用户通过应用程序;
  • 传递更好的信任感,减少买家的焦虑,并通过更自然和流体的相互作用来增加一般的心理舒适;
  • 防止未来的错误并根据他们完成的活动为用户提供直接反馈;我
  • 通过响应通知来提高用户与应用程序的交互。

提供一种简单,拇指定向的交互

了解买家拥有移动设备的最常见方式,提高了移动电子商务用户的经验和可用性。 2013年,Steven Hoober问“用户真正有移动设备如何?”并观看了人们如何互动并握住他们的智能手机,并注意到 三种主要的行为模式 这应该指导移动UX的设​​计。

ux.移动电子商务拇指定向设计

手和拇指在哪里落在设备上? ux. 面向拇指的使用

适应界面对人们使用手机的自然方式将增加用户的舒适度并减少买家的焦虑。移动设备和屏幕尺寸不同,但“拇指区域”是用户的设计和体验的关键方面。

在“拇指区”周围设计

  • 解决导航和探索可能存在的问题
  • 在容纳手势和手指到达时,改善互动
  • 它使得能力更好,并通过放置重要的“易于到达”区域来增加

对转换的移动电子商务设计的考虑因素

在移动电子商务应用程序中展示安全的安全感

LA. Seguridad. 在购买移动设备时,它是用户的最大问题之一。传达您的交易是安全的,对买家对商店的积极看法增添了大量价值。

通过可信赖的徽章在移动电子商务中提供安全感

使用信任徽章 aplicaciones. Walmart y Walgreens

以下是一些UX设计技术,将安全性传达给用户和 减少用户焦虑:

  • 让按钮的标签暗示,并清楚买家去哪里。像“继续”,“安全”和“加密”的单词将加强用户的心理舒适。
  • 使用阻止符号来保证买家的交易是安全的。
  • 使用来自安全提供商的可信凭据,例如McAfee Secure和Norton。这有助于用户积极地感知网站(拜达学院的研究)。
  • 申请原则 设计中的色彩心理学 为了更好地对买家信心感到充满信心。其中一些原则包括面向观众的颜色和特定性的颜色。

按钮设计暗示电子商务UX

暗示纽扣的设计 aplicaciones. Dell

优先考虑搜索(并将其保持弯曲)

买家使用移动电子商务网站或申请来探索产品或购买特定产品;因此,精心设计的搜索获取对移动电子商务应用的重要意义。 eBay认为您在网站上的搜索是 最重要的一个 移动买家的功能并通过将其放入中心和界面上方来强调它。

搜索移动电子商务

Búsquedaen. 移动应用程序de。 美国鹰牌服饰。 y L.L.Bean.

移动搜索的重要考虑因素:

  • 确保它是可见的!保持搜索栏易于访问,以上弯腰为买家提供寻找轻松产品的方法。
  • 通过使用公共搜索模式数据和在搜索结果页面上显示相关产品提供早期搜索。
  • 提供高级过滤选项,允许客户快速而毫不费力地查找其所需产品。

显示搜索表单时需要考虑的一个重要方面是它们只是有价值的 在早期阶段 用户对应用程序的交互。用户通常在购买路由的开头搜索应用程序,并且可能有一个实例在道路上稍后显示搜索表格可以损坏UX。

例如,在购买完成过程中,搜索不再有用,只会分散注意力,因为它可能导致用户失去焦点并放弃对购买的承诺。

提供快速,简单,宁静的付款

研究表明,付款过程是完成在线购买的最有压力部分。拜托斯研究所报告了35%的速度 放弃推车。 由于要求在购买前创建帐户。为了减少投放购物车的速度,重要的是设计一个不需要首先注册的买家的简单和快速的付款过程。

ux.移动电子商务支付流量

在购买过程中流动移动应用程序 Etsy y Ann Taylor

estudios de 美国bilidad. 他们发现超过60%的用户难以找到客户付款选项;因此,客户支付选项必须清晰可见,易于访问。

ux.移动电子商务输出流量

移动电子商务框的动画网页设计 迈克尔·帕恩斯

以下是更好的电子商务框流程的建议:

  • 要促进用户的承诺,请礼仪提供编号的购买过程的每个步骤,并显示当前活动步骤。
  • 使用视觉表示作为进度条显示和提前在付款过程中。
  • 它提供了在付款过程中注册和登录的选项,但做出选择。
  • 为了减少焦虑和反弹率,它建议用户在完成购买后启动会话或注册,如果他们已注册为客人。
  • aplicar. 渐进式启示技术 为了提高用户的方法并更快地加载30%。

总结:成功移动电子商务设计的一些关键特征是什么?

  • 提供快速和简单的日志流程和付款流程
  • 当显示适当的图标,徽章,评论和证词时,我灌输了安全和信心
  • 提供围绕友好区域设计的互动
  • 使用一致和浓缩的导航
  • 合并快速轻松搜索搜索
  • 它包括用户的压力,焦虑和移动应用的转换率之间的直接链接
  • 它提供了移动网站的快速和接受经验
  • 支持产品图像变焦的手势

移动电子商务空间只会更大

移动电子商务的趋势 他们表明,移动电子商务市场呈指数增长,业界的增长为卖家创造了众多好处。但是,如果他们想要成功,卖家必须遵循的移动电子商务设计的许多最佳实践和标准。

购买移动电子商务UX的经验

服装店的应用 Vitaly Rubtsov.

买家预计运作良好的移动应用程序,看起来很漂亮并适应他们的行为。虽然每个申请与自己的局限性和目标不同,但在本文中描述的基本原则之后,仍有帮助创建成功的移动电子商务应用程序。

下载UX移动电子商务改进叶子

•••

关于移动电子商务的文章阅读更多:

50条点评移动电子商务网站 10个最佳移动电子商务网站 移动商务 - 可怕的UX