6种方法可以防止您的设计中的摩擦

尼克布哈奇 经过 尼克布哈奇  |  2017年8月09日

在用户体验中,摩擦是阻止用户完成目标的任何东西。摩擦是一个主要问题,因为它导致弹跳,减少转化,并将用户挫败于放弃任务的程度。在本文中,您将找到如何通过减少摩擦来改进用户的UX。

 

无摩擦经验的概念

无摩擦的用户体验现已成为新标准。无摩擦体验的目标是简化我们的生活。最成功的数字经验旨在关注减少用户旅程中的摩擦。

image3

优步知道,任务所涉及的步数较少,摩擦越少。

在GUI之外,一个很好的例子是Amazon Dash按钮,它允许您用单个推动点订购特定产品的补充。

image1
亚马逊dash按钮

 

摩擦良好

重要的是说有两种类型的摩擦 - “好”和“坏”摩擦:

“好”摩擦

有时有时候是有点UI / UX摩擦是理想的。正如Sangeet Choudary所说:“如果促进互动而不是[获得]的方式,那么设计中的摩擦就是有用的。”有时您可能希望慢向下减慢以确保捕获的数据是正确的或阻止用户拍摄不正确的路径。例如,对于具有严重后果的行动,一些摩擦不是一个坏主意。

image7

摩擦可以通过要求确认来防止错误。用户必须通过实际键入删除来确认删除操作。

“坏”摩擦

这是由视觉杂乱创建的不需要的摩擦(混淆或分散用户的繁忙布局),不一致(“为什么”提交“按钮在此页面上看起来不同?”),不熟悉的功能或功能。摩擦不良是交互设计的敌人,因为它在用户界面中创造了额外的认知负载。减少糟糕的摩擦对你的UI有利。

 

如何防止摩擦差

ux. 设计人员通过设计技术的组合来掌握减少摩擦摩擦的艺术。应用以下6个关键原则将有助于将任何产品或服务推动给您的用户更摩托的经验。

1.考虑一个完整的用户旅程

设计具有完整用户旅程的产品是非常重要的,以便找到摩擦有用的地方,并且对用户和业务目标有害的地方。旅程中的每一步都可以创造或消除摩擦并影响整体产品的成功。当设计人员了解用户旅程中涉及的步骤时,他们可以删除(或至少调整)对响应率产生负面影响的任何步骤。

image4

拥有用户旅程地图将使体验更容易发现摩擦。图像信用: 有效的UI

2.限制完成任务所需的步骤总数

任务所涉及的步骤越小,摩擦越少。这是John Gruber比较日历进入开销的一个名示例:

“我的典型用法[在ICAR]:

  1. 在月视图中双击事件日期。
  2. 输入事件名称。
  3. 过去位置的标签。
  4. 标签过去'全天'复选框。
  5. 过去一个月的标签。
  6. 过去一天标签。
  7. 过去一年的标签。
  8. 进入小时。
  9. 输入分钟。
  10. 交换上午/下午。

与背包中的日历功能的Event Rest UI进行比较和对比:

  1. 在月视图中双击事件日期。
  2. 输入事件的时间和名称。“

很明显应用程序对此任务的摩擦力较少。

界面摩擦的麻烦是在某些情况下,它是不可避免的。因此,如果您的应用是绝对必要的大量步骤,尽最大努力确保每一步都感觉尽可能轻松。

3.设计清晰的导航

导航很多可能出错,使其成为潜在摩擦的源泉。虽然绝对不可能提供单尺寸适合所有解决方案,但仍有可能通过从用户学习来改善导航体验。正确的用户测试技术(如卡排序)可以帮助您了解用户如何在应用程序中或您的网站中进行分类和访问内容。此信息将帮助您为用户的需求设计或调整导航。

4.遵循“较少”的方法

界面的最终目的是使事情更简单。这就是为什么简单的是毛无摩擦设计旨在实现的重要组成部分。设计师通过删除不必要的方式来试图传达必不可少的。由于Antoine de Saint-Exupery曾经说过:“达到完美,而不是什么,而不是什么添加,但是当没有什么可以带走时。”对于用户界面来说是绝对的。作为设计人员,您只能在匹配用户期望和修剪任何无助用户的内容的元素优先考虑。遵循这一原则的产品的一个很好的例子是谷歌主页:尽可能简单;只有一件事和围绕它的很多白色空间。

image6

将其与雅虎主页进行比较,看起来像瑞士军刀。太多的特征和选项可能是令人生畏的,偶尔有害。

image8

5.使用可识别的UI模式

当我们与熟悉的UI元素互动时,我们可以使用以前的经验中的知识。然而,每次我们必须学习新作品的方式,它会产生摩擦(太少知识可能会恶化使用的易用性)。 UI模式可帮助用户了解非常复杂的系统并成功处理困难的任务。 UX / UI设计人员应尽可能多地使用适当的UI模式。可识别的惯例,例如用于搜索的放大镜图标,不需要对用户进行额外的思考。

6.使用Chuncing.

认知心理学家乔治A.米勒认为,平均人类可以在工作存储器中持有的物体数量为7±2.为了防止用户立即使用太多信息,设计人员经常使用块的技术。围绕人脑和记忆保留的自然局限性。将复杂的内容分成较小的部分提高了经验的步伐。它允许用户通过建议如何解释每个部件来处理这些信息。结果,用户实际上保持更好的内容。

有时最好将复杂的任务分解为较小的子任务。相同的原则适用于将一个长形式打破到多个较小步骤的输入形式。

image2
分裂阻止大量的大脑同时有太多信息。 Facebook使用块的过程来通过逻辑和编号步骤序列来显示进度。