微交互

by.mio酱 2015-9-10

微交互是什么?

所谓的微交互顾名思义就是更关注交互细节,他决定了用户体验是友好的还是令人勉强能用的?交互设计师不仅要把握产品的大方向,而且更要关注产品的细节体验。因为细节交互是每时每刻的体验,如果大方向把握的很好,但是细节做不到位那这个产品不能算一个合格的、体验优良的产品。

生活中的微交互

做互联网产品,我们不仅要仅仅关注互联网,更需要关注生活。生活中的交互常常会让我们学到更多的东西,并应用到互联网产品设计中。微交互不仅仅指互联网的产品,在我们生活当中也时时刻刻都存在着微交互。

例1:私家车

图1

私家车的宏交互是出行的工具,可以带我去很多地方就可以了。

微交互:如果有良好的视觉感受,很好的体验,比如握住把手,把手的灯和车内的灯就会亮起、门开了后,人坐进去,座椅就可以调节到合适的位置,后视镜调到合适的角度。甚至根据开车人的喜好调到喜欢的音乐。还要自动泊车系统等等。

这些微交互我们明明可以自己手动完成,这些也都是小事,但是当汽车帮我们完成了这些『小事』之后,我们坐到车里面就有一种情不自禁的喜悦。难道这不是每一个汽车制造商都希望自己的客户能体验到的感受吗?我们平时做设计也是这样。

例2:冰箱

图2

正常的冰箱,没有什么特别的。就是保存食物的功能,可以使我们的食物延长保质时间。但是直到有一天我家冰箱的灯坏了,这时候我找任何东西都不是那么方便。我才发现这样的细节体验是那么的重要。

例3:牙膏

图3

这两个牙膏是我们平时经常使用的两款牙膏,大家觉得这两款牙膏哪个更方便快捷好用?大家可能会选中右边这个。之前也看过一个研究,左面旋钮式拧开瓶盖时间大概是3s,右面按扣式的1s。尤其再早晨这样宝贵的时间,拧开拧上6s钟时间,没准我们就可以赶上地铁了,是吧?当然早晨刷牙的时候可能还睡眼悻悻,可能我们不能很准确的找到按扣式的开口方向,那我们怎么解决呢?

图4

后来我遇到了这款牙膏,他是卡口式,时间成本上其实和按扣式差不多,但是却能给我带来惊喜,这就是创新的效果。这样的微创新适合再互联网产品上,因为用户每时每刻都希望能有新奇的事物发生。

微交互不容小视—微交互可以是产品的组成部分,也可以是整个产品。

可能你还会觉得微交互也就是整个产品的细枝末节,没什么重要的。那我就给你举几个微交互是整个产品的例子。

例1:煮蛋器

图5

为什么说微交互不容小视,因为有时候一个微交互也可以是一个产品。像煮蛋器就只做一件事,我们把鸡蛋洗好,放到鸡蛋槽里面,盖上盖子,按下开关就可以了。

例2:计算器

图6

微交互的小应用也不胜枚举,例如这个客户端上的计算器、图片查看器等等。

微交互要考虑使用场景

例1:手机闹钟

手机关机的时候,闹钟是否要按时响?飞行模式的时候呢?手机静音的时候?

图7

这是我一个同学,她之前用三星,新买的苹果手机,她的使用习惯是,每天睡觉之前关闭手机,由于不了解苹果手机的习性,第二天闹钟没有响,导致她第二天上班迟到…大家可以讨论一下,在手机关机的时候或者飞行模式的时候是否要把所有声音全部关闭?————(现在苹果手机是关机的时候任何声音都会关闭,飞行模式仅仅是阻断信号,闹钟可以正常使用。)

例2:电脑静音

电脑静音的情况下,我在设置中点击试听,是应该播放声音还是不播放声音?

图8

这儿ios系统的不一致性:大家都知道,苹果手机静音时候是可以听到闹铃的,而电脑静音,我打开设置,点击播放声音却不行?像这两张图,我都从很深的入口把设置调出来,然后打开的这个设置,再点击声音却没有任何反应,而且也没有任何的提示。

从使用场景考虑:静音应该仅仅是禁止非用户明确要求或者非专门让发出的声音(如短信提示音、来电铃声)。而不应该禁止用户特别要求发出的声音。

微交互设计构成

图9

触发器:触发器启动微交互

规则:规则规定微交互的工作流程

反馈:反馈向用户说明规则

模式和循环:循环与模式是影响微交互的元规则

触发器

任何可以能够启动微交互的东西。

手动触发器——由用户发起的。可以是控件、图标、表单、触摸或手势

系统触发器——会在某个或某些条件具备时被触发

不可见触发器——手势、头像、指纹识别等(移动设备上);命令键或移动到屏幕一角。

图10

图11

手动触发的非常多,例如图10:表情、发送图片、截图、传文件。设置、历史都是一个微交互的手动触发器。系统触发器最常见的如图11:收到消息收到邮件等。不可见的触发器如手机上从底部向上滑动可以调出各种快捷操作和设置。屏幕上方向下滑动会拉出消息通知。Windows系统鼠标滑倒右下角会最小化桌面打开的所有程序。

规则

微交互的规则:决定了微交互怎么用。

创建规则的核心:围绕微交互如何运作的简单的非技术性心智模型

即:动机+操作+目的

图12

确定规则之前要明确这个微交互的目的是什么?了解用户的使用动机和目标,微交互越接近目标,成功的概率就越高。举一个例子,如图12:登录界面。登录的微交互目标不是让用户输入帐号和密码,而是让用户完成登录并进入应用程序。那么我们在设计这个界面时候就需要考虑尽量减少用户的操作成本,让用户快速的完成登录。在用户输入帐号的时候回关联记忆上次输入的内容,如果已经存储了密码,会自动关联出密码等等这样的微交互设计。

反馈

反馈:帮助用户了解微交互的规则

微交互反馈的最重要的原则:别让反馈给用户造成压力

1.如何判断?——怎么用最少的反馈传达同样的信息?

图13

反馈应该由需求驱动:用户需要知道什么?什么时候知道?(多久一次?)就如前面我们说的那个例子,图13:邮件提醒。邮件客户端检查新邮件的时候,不是每次检查都会告知用户,而是当检查有新邮件的时候才会通知用户。

2.如何让反馈有趣

图14

一个简单的例子,如图14:各种空页面、加载页面、加载失败页面、添加成功界面等,都是用一种很可爱的或静态或动态的图给用户一种友好的反馈。

3.反馈机制

  • A环境变化
  • B持续时间
  • C强烈程度

图15

环境变化的反馈:如阅读类的应用会根据光线的不同而调节界面的亮度。

持续时间:类似这样的toast提示是轻量的,会出现在界面的中间位置,所以文字字数要有一定的限制,时间也要有一定的限制,一般1-3s。时间过长会影响用户正常使用产品,影响产品的体验。

强烈程度:像用户主动触发的并且会有一定的后果的会用比较强烈的提示方式,如果不会造成很严重的后果,可以通知到用户即可。

重复次数:以上的反馈均是每次都会出现的.

模式和循环

模式:是规则的一个分支,常见的模式如编辑模式和设置模式。

A.如果用户需要在不同模式之间切换,那就最好可以切换不同的屏幕,否则可能用户很容易迷茫。

B.设置模式本身目的就是执行一种不常用的交互,可能会妨碍达到主要的目的。

图16

循环:确定微交互的速度和持续时间

图17

如果需要在不同的屏幕之间切换,那最好使用不同的屏幕。如编辑资料的时候,点击编辑会让原有的界面直接变成一个新界面。第一张图就是关于提示新消息的设置。是最常见的妨碍微交互到达的主要目的。

在工作中我们要养成总结归纳规范的习惯。

赞一个(29)