如何通过微交互改善用户体验

从事设计行业教会了我,宏观上,从大的方面,要关注组织、制度、国家。同时微观上,从小的方面,关注个性,个人。工作上的成败,要求我们必须协调宏观上需求和微观上的欲望。我相信,汇集个人个性的东西有助于促进和创造宏观上的需求。这就是微交互的全部意义所在。

2018年8月29日

从事设计行业教会了我,宏观上,从大的方面,要关注组织、制度、国家。同时微观上,从小的方面,关注个性,个人。工作上的成败,要求我们必须协调宏观上需求和微观上的欲望。我相信,汇集个人个性的东西有助于促进和创造宏观上的需求。这就是微交互的全部意义所在。设计可以解决小的,普遍的和被忽视的问题,而这些真正的小事情会产生巨大的影响。微交互是用户体验中一个微不足道的地方,可能很无聊,容易忘记,或令人兴奋和引人入胜。它们无处不在:我们携带的小工具,家中的电器,手机和台式机上的应用程序。

什么是微交互?

Facebook的“like”按钮是微交互一个成功的例子。如果Facebook推出了一款没有“like”按钮的产品,你会想,“为什么他们会除去’like’按钮?”。当人们使用存在于更大功能的小部分的功能时所发生的事情便是微交互。

微交互可以是产品的一部分 – 甚至是产品本身。例如,烤面包机只做一件事:烤面包片。它只有一个功能:你将切好的面包放入烤面包机,然后按下按钮。这很容易。烤面包机是一种产生单一微交互的装置。以此类推,微交互可以仅由一个小应用的程序组成。

微交互都是关于产品的交互和细节。细节不仅仅是细节; 他们是设计。具有友好用户体验的产品与奇怪产品之间的区别通常在于微交互。

微交互是一种基于以用户为中心的设计方法,用户是这种方法所关注的焦点。任何一点细节的缺失都会造成多米诺效应,使客户中的任何不满情绪迅速被放大。

А. 定义和类型

微交互应该简洁的,简短的,容易的。例如,音乐播放器是一种功能; 调整音量是该功能内部的微交互。界面中的每个微交互都执行其自身的功能。

B.有效的微交互:做与不做

一位传奇设计师和教育家Victor Papanek曾经说过,“没什么大不了的。”我也相信在设计过程中你需要注意细节。

例如,过多的动画会模糊你的等级,你的信息将会丢失。Sophie Paxton在她的文章“Your UI isn’t a Disney Movie”中解释了这一点:

“你不会把一个文档中的每一个句子都变成一个标题,同样的原则也适用于制作动画。假设一下UI的每个动画元素都相当于一个书面文档中的标题。它应该用来表示一个元素的重要性。”

当您创建一个包含微交互的可视化设计时,请遵循以下原则:

  • 使用户体验的微交互变得不可见且功能齐全 要确保UI的微动画不会恼人,也不会使人感到尴尬。普通与次要的行动需要适度的回应。偶然与重大的行动则需要有清楚,确定的对策。
  • 保持长期的使用 在重复使用后,第一次看起来很有趣的事情可能会变得很有压力。\
  • 遵循KISS原则(保持简单,易懂!) 过度设计微交互可能产生一个问题,导致了一个长时间的加载过程。
  • 不要从零开始 你总是要去了解一些关于目标客户的需求和环境。然后利用这些知识,去使你的微交互更有效,更强大。
  • 与其他UI元素创建视觉和谐 专注于细节,来创造一个令人愉悦的微互动。
  • 吸收复杂性 找出核心重点在哪,然后判定用户在什么时候想要哪些部分。
  • 协调 不要忘记物理原理。人眼有特殊的线条观察机制。根据菲茨的定律,比起斜线或圆形,我们可能更倾向于看到水平和垂直的线。
  • 演化 你的微动画不应该在每次使用时表现出同样的效果。如果你想让你的设计大放异彩,你需要让你的设计变得有趣。

C.微交互的结构

微互动(图标)的尺寸和结构决定了他们的有效性。Dan Saffer在他的“Microinteractions: Designing with Details”一书中形容了微交互的4个部分。即触发,规则,反馈,循环和模式。

触发

触发的那一刻代表着微交互开始。当用户点击按钮或图标或填写表单时,它可以由用户发起。它被称为手动触发。

另一种触发是系统触发。一旦满足特定条件或一组条件,系统就会启动触发设置。最有效的系统触发是根据用户的活动数据预测用户想要的内容。

每当您收到电子邮件,并且谷歌认为该邮件可能是网上诱骗邮件时,它会显示的是钓鱼钩而不是个人资料图片。

规则

微交互的第二部分是规则。微交互的“游戏”规则出自设计师。

打开灯是最简单的微交互。使用触发器(灯开关)后,指示灯会亮起。有一条规则:灯保持开启直到开关关闭。

规则决定了哪一个动作发生,比如用户按下那个按钮或消息到达的顺序。这些规则,规律是不可见的。他们通过微互动中的互动部分引导直接用户。用户们希望这种规则,规律触发的回馈,是自然而然的。

反馈

反馈是为了知道如何理解规则。有三种主要的反馈类型:视觉,音频和触觉。而视觉是最主要的,因为我们倾向于观察我们正在与之互动的东西。

当您使用错误的用户名输入正确的密码时,Facebook将使用正确的用户名提示您并要求您重新键入密码。

 

在微互动里加一点幽默,激进的设计,都能带来更为个性化的回馈。简单就是美,在你的微互动里提供更少的回馈来得到更好的效果。反馈的另一个技巧是使用被忽略的元素。设计师已经有很多用户界面浏览器,所以为什么还要在屏幕上添加一个元素呢?注意忽略, 使用光标,滚动条,按钮状态可以来传达更多正在发生的事情。

循环和模式

循环和模式是微交互的最后一个元素。循环确定微交互持续多长时间。考虑用户一次又一次返回时会发生什么。长循环有助于扩展您的微交互,使其随时间变化和适应。

因此,触发启动微交互,规则确定其运行方式,并生成反馈,循环和模式指定微交互随时间发生的情况。

通过AZIS Pradana。动画输入字段有助于用户理解输入循环并可视地显示信息。使用此微动画,您可以简单准确地输入数据。

为什么要做微交互?

微交互通常很少受到关注。它们被设计成隐形的。微交互相当于是“产品卫生”:用户只希望它们存在。毕竟,没有人希望你的应用程序享受密码更改的功能。

Jakob Nielsen为交互设计提出了十个一般概念,称为“启发式”。系统状态的可见性是第一个用户界面原则。该设备应始终让用户了解正在发生的事情。

微交互用于在合理的时间内提供正确的反馈。它们通常采用较大界面层次结构中的微动画形式。真正有用的是慢速移动界面中的微动画。

在微动画的帮助下,用户将看到界面的元素。它们创造了一个关注焦点并节省了时间,而不会分散用户的注意力。

UX微交互是因为用户对确认的自然渴望。用户立即知道他们的行为被接受并获得可见的奖励。同样,微交互将指导用户设备的工作方式。

如果你关心UX,你应该关心微交互。把那些无聊的东西重新加工成用户会喜欢的东西。使用微交互有三种方法:

  • 寻找它们并专注于每一个方面;
  • 将复杂特征简化为基本的微交互;
  • 将每个特征视为一组链接的微交互。

将微交互融入您的用户体验

总结一下,如果你把触发,规则,反馈,可能是一个循环或模式放在一起,你就可以创建一个微交互。它将把一些无聊的东西变成一个优秀的用户体验,帮助用户享受您的产品。

在AI和自动驾驶汽车的边缘,我们需要可以使大型系统更加人性化的微交互。


作者:Sergey Gladkiy         翻译:夏敏          责编:于瑾瑶

发表评论

电子邮件地址不会被公开。 必填项已用*标注