菜单 关闭

用户体验中的微交互

通过 艾莉塔乔伊斯10月21日,二千零一十八

总结:微交互传递系统状态,支持错误预防,沟通品牌。它们是由触发器启动的,是单一目的,并能使体验更具吸引力。


什么是微相互作用?

我们日常与计算机系统的许多交互都属于微观交互的大范围。微交互为用户提供反馈,经常通过输送系统状态或者帮助用户防止错误.此外,微相互作用可用作品牌化.

定义:微相互作用是触发器反馈对,其中(1)触发器可以是用户操作或系统状态的更改;(2)反馈是针对触发器的狭义目标响应,并通过小的用户界面中的高度上下文(通常是可视的)更改。

用户启动的触发器可以由GUI命令组成,也可以是手势或基于语音的,而系统启动的触发器需要满足一组预定的条件。当GUI命令触发微交互时,视觉反馈元件通常放置在接近该触发器的位置。

指示微交互是如何由用户或系统触发的流程,并通过用户界面中的一个小变化,导致反馈信息传达给用户。

微交互包括大量的数字元素,但并非每个元素都是微相互作用的一部分。总是出现在屏幕上的静态元素不是微交互,因为它们没有独特的触发器。此外,由多个动作组成的流不是微交互。下表描述了一些微相互作用的例子。

数字单元

这是一种微相互作用吗?

原因

滚动条

是的

用户触发;对用户在页面中更改位置的视觉反馈

数字报警器

是的

系统触发;满足时间条件的听觉(和视觉)反馈

纽扣

它取决于

如果用户单击按钮时没有反馈,没有微相互作用

拉动以刷新动画

是的

用户触发;用户操作的视觉反馈

吉福斯

不是由系统或用户触发的

刷卡动画

是的

用户触发;用户滑动元素的视觉反馈

电子邮件通知

是的

系统触发;向用户提供新邮件到达的反馈

视频播放器

特征,不是微相互作用;视频播放器中的音量控制是一种微交互

2014,丹·萨弗出版了这本书微相互作用,它定义了这个概念,并概述了设计微交互作用的模型。manbetx官方网站手机版

在本文中,我们关注微交互为什么对用户体验很重要,并从用户的角度提供几个例子。

为什么微相互作用很重要?

使用技术的最大乐趣之一就是用户授权和参与.一次愉快的体验不仅仅意味着可用性——它需要吸引人,这就是微相互作用可以发挥宏观作用的地方,通过积极促进产品或服务的外观和感觉。

微交互可以通过以下方式改善产品的用户体验:

  • 鼓励参与
  • 显示系统状态
  • 提供错误预防
  • 传播品牌

标准微相互作用,如滚动条与现代同类产品(如“拉动刷新”元素)相比,它们的设计不太可manbetx官方网站手机版能糟糕。正是这些新的微观互动需要更多的努力和思考来创造一个有意义的,精心设计的manbetx官方网站手机版经验。

让我们通过一个很好的微交互的快速案例研究。

为了跟踪日常任务,我使用任务管理工具asana。我特别喜欢这个工具的一些方面,比如标签和视觉设计。manbetx官方网站手机版但到目前为止,我最喜欢的Asana是偶尔会飞的独角兽,当我完成一项任务时,它会在我的浏览器中翱翔。这种相互作用是微相互作用的一个例子。

当用户将任务标记为完成时,页面左下角会出现一个小对话框。此对话框提供系统反馈,说明任务已被标记为已完成,并提供一个错误预防选项,以在任务被标记为已完成时撤消此操作。错误.该框出现后大约一秒钟,一只独角兽飞过浏览器的左下象限,庆祝一项出色的工作。在这种情况下,有两个微交互:功利主义对话框和游戏化启发的独角兽动画。

在阿萨纳遗址,当用户将任务标记为已完成时,将出现一个对话框,其中包含一个确认文本和一个按钮以撤消操作。此外,独角兽(或另一种神秘动物)偶尔会在屏幕上翱翔。

如果你曾经使用过任务管理工具,你可能知道有很多选择-阿萨纳,吉拉特雷罗或举几个例子。这些产品有很多共同点。他们共享一些功能,比如能够为团队成员分配任务,创建板,或与其他产品集成。然而,当分析贯穿整个体验的微交互作用时,这些产品之间的差异变得非常明显。在特雷洛,将任务移动到多恩这个栏目不产生额外的宣传。而且,对很多人来说,这完全符合预期。我,我渴望完成一项任务的积极加强,希望我能看到独角兽。

然而,微交互不仅仅让用户感觉良好。微交互传递系统状态,支持错误预防,沟通品牌。这些用例增加了显著的价值,因此,使微交互成为区分产品与竞争对手的关键方法。微交互提供反馈,让用户了解并参与其中,没有他们,您的客户体验将受到影响。

显示系统状态

第一可用性启发式关注的是系统状态.这种启发式方法加强了对用户透明的需求。通过透明和通信系统的当前状态,用户会感觉到被授权和参与。系统状态的任何显示都是微交互,因为交互自然包括触发器(用户操作或系统状态的更改)和反馈。

沟通进度

进度指标,微相互作用的一个子类别,让用户知道系统仍在工作以响应他们的操作。它们可以显示特定的或不确定的等待时间,可能包括线性或循环进度指示器等组件。这样的元素鼓励用户在等待某件事情发生的同时,继续致力于某个产品。

当用户拉动以刷新新闻源时,LinkedIn使用循环进度指示器。这个组件传递系统正在工作的信息,这样用户就不会再猜测系统是否识别了他们的操作。由于这种微相互作用,用户可能(短暂地)等待更多的帖子加载,从而继续与LinkedIn接触。

在LinkedIn应用程序中,当用户拉来刷新他们的新闻源时,进度指示器表示系统正在处理请求。

备用物品

有时系统需要通信,它们正在等待进一步的用户输入。初始触发后,微相互作用通知用户系统处于待机状态需要更多信息。这种类型的微交互鼓励用户继续与产品交互。

例如,在IOS中,当您按住设备主屏幕上的应用程序图标时,系统通过轻微晃动所有应用程序做出响应。此动作表示系统正在等待进一步的操作(即,要么点击应用程序左上角的“x”删除它,要么将图标拖动到屏幕上的其他位置以移动它)。

iOS使用微交互(晃动应用程序图标),当用户按住应用程序以通信系统正在等待额外输入时。

微交互并不局限于网站。在等待用户命令时,基于语音的助手(如GoogleHome)使用微交互来通信待机模式。用户说之后,“嘿,谷歌,”这个设备显示四个点的圆形动画。几乎在瞬间,这些圆点以微妙的闪烁运动形成了钻石的形状。通过这种视觉反馈,用户知道设备正在监听,并可以跟进诸如“天气怎么样?”

谷歌主页一听到触发就亮了嘿,谷歌,以便通信设备处于待机状态并等待用户的命令。

错误预防

错误预防,10个可用性启发式方法中的另一个,重点是消除容易出错的情况并提供确认操作。微交互将这些情况传达给用户,并通过支持撤销和防止返工来促进令人满意的体验。

支持撤消

每个人都会犯错而且,在数字世界里,这意味着有时我们偶然点击东西。系统应该使撤销操作变得容易,这样用户就不必为了扭转他们一开始并不想做的事情而跳过圈套。微相互作用通信UI组件的状态并建议进一步的互动是可能的。微交互是支持撤销的完美方式,因为它们通知用户状态发生了变化。

Gap.com允许您通过单击产品图片右上角的心形图标将项目添加到您的收藏夹中。这种微交互使用一个跳动的心脏动画来传达你“喜欢”这个产品的信息。您可以通过再次单击心脏图标轻松撤消此操作,然后会恢复到原来的灰色状态。

这颗跳动的心脏是适当使用动画引起注意,有多种原因:

  • 它非常微妙,不至于把用户的注意力从主要任务中猛拉出来。(相比之下,一个侵略性的动画太过侵入。)
  • 只在短时间内激活心脏,这种效应仍然是一种微相互作用,而不是不适当的永久性。
  • 泵送心脏和“常规”彩色心脏(来自以前喜欢的项目)之间的区别有助于交流系统状态的变化,并引导用户注意潜在意外激活的影响(不幸的是,触摸驱动的用户界面中太常见了)。
gap.com使用微交互来传达用户对产品的偏好。

防止返工

在账户创建过程中,除了单击最终提交按钮并接收到密码不符合先前未指定的要求。微交互与用户进行通信,以确定其密码是否满足所有字段要求,以及防止重复工作(即再次填写表格)。如果没有这些微相互作用,用户对产品感到恼火,如果任务不重要,可能完全脱离。

易趣在注册表中使用微交互来防止验证错误。例如,当密码字段处于活动状态时,出现密码要求列表。打字时,当密码满足这些要求时,列表动态更新。如果现场未满足所有要求,字段下显示红色错误消息。这一系列的微交互工作在一起,以确保用户获得一致的反馈和流畅的体验。

易趣在其注册表格中使用微交互来传达密码是否符合现场要求。

传播品牌

微互动不应该是蓬松的,应该总是有目的的——但这并不意味着它们不应该体现一个品牌。如果你的品牌是有趣和多彩的,让它在你的微互动中显示出来是可以的。或者,如果你的品牌专业可靠,用一些滑稽的东西,像面包圈一样,在你的“拉动刷新”中,微交互是不明智的。就像你的文案语气,你的微互动也有基调。(一个很好的例子品牌体验

在苹果的消息应用程序上发送生日快乐短信时,气球充满了屏幕。苹果是一个创新的、人性化的品牌;生日微互动通过创造一种情感和感官体验与这种个性相一致。

当用户向某人发送“生日快乐”文本时,消息使用微交互来宣布庆祝活动。

在Snapchat,微交互用于通信两个bitmoji用户在同一聊天窗口中。当你的聊天伙伴在打字时,他的比莫吉出现了一个思想泡沫。如果他在读留言,他的bitmoji在文本输入字段上达到顶峰。在这种情况下,提供的反馈鼓励用户继续对话并与应用程序保持联系。

Snapchat使用微交互来显示两个用户在同一聊天窗口中。当对话伙伴阅读聊天时,可以看到他在左下角(左)窥视。当对话伙伴主动输入时,他的比莫吉出现了一个思想泡沫(右)。

很多品牌都非常依赖视觉传达给我们,但声音也同样强大。如果你被要求画一家保险公司的商标而不是唱他们的商业歌曲,哪个更容易?如果你看很多电视,叮当声很可能首先出现在脑海中。微互动也可能涉及听觉反应。例如,Xbox One控制台在用户打开系统时提供听觉和视觉反馈:Xbox按钮亮起,系统发出一个短信号,独特的旋律。Xbox One的所有者很可能会将此声音与Xbox的系统关闭时的声音区分开来,以及其他游戏平台的声音。这种微交互是与系统以及Xbox品牌交互的标志性元素。

Xbox One在用户开机时使用听觉和视觉反馈。对它的用户,听觉反馈是系统的一个即时可识别的方面。(在大多数浏览器中,将鼠标悬停在视频上方以显示控件(如果控件尚不可见)。

结论

精心设计的manbetx官方网站手机版微交互可以对您的用户体验产生很大的影响。它们通过充当与用户通信的工具来提供价值。微交互提供系统状态的视觉反馈或帮助用户防止错误。此外,微互动可以通过传播品牌来丰富你的产品,从而鼓励用户选择您的产品而不是竞争对手。总而言之,这些小细节可以把好产品变成好产品,把用户变成一个积极的用户。

参考文献

萨弗d.(2014)。微相互作用.奥赖利媒体。