“2015”

{/dede:field.body}

【编辑】文案来自百度mux翻译团队。 根据作者要求，复印件被允许转载到雷锋网的，也请保存原标题。

译者注:本文为uxpin生产的电子书mobile design book of trends &； 中第五章delightful micro互动。 该电子书结合丰富的实例，阐述了一年来重要的移动设计趋势，共有六章。 灵巧的手势操作、分层的移动界面、无处不在的字体排列打印、扁平化设计、愉悦的微交互、小卡片。

要了解和创造有吸引力的APP，需要酷炫的故事和令人印象深刻的视觉设计。 但实际上还不够，还有越来越多的需求。 这意味着我们可以与客户建立联系，让客户觉得这个APP有生命。

/ S2// S2 /

正因为，微型交互才会存在。

微交互是创造惊人应用的神秘配方。 当客户接触到这些微交互时，会出现意想不到的喜悦，但不仅是设计师，招聘者也几乎感受不到这些瞬间的存在。

你每天都会体验数百次微交互——

例如每次关闹钟都会看到新闻在画面上闪烁； 暗示在玩游戏； 也可以跳过歌曲的播放，早上上班的时候根据交通警报改变路线。

每个小瞬间都形成了不同的微小相互作用。 虽然我们不会考虑这些细节，但所有的微交互都会影响我们今后是否继续采用这些APP。

微交互可以是客户基于任务和设备发生的接触。 客户很少意识到正常业务的大部分微交互是在什么时候、如何发生的，或者是如何发展的。

正如dansa ffer’s写的书(高推荐)中所述，微交互实现三个特定的功能。

快速的信息表达或反馈

操作结果的可视化

帮助客户操作屏幕上的元素

(例)松弛) )。

slack是将这三个功能结合在一起的优秀APP。 通过slack，客户可以在关闭的对话流程中表达信息，还可以添加附件和单独的标签。 slack实时更新客户的状态，包括标记新闻的已读状态。 它还可以帮助客户浏览周围区域，以推送消息警报和其他形式与用户同步创建协作副本。

微交互在许多方面影响着客户和APP的功能。

关闭或打开元素

任何数字媒体都进行评论

更改设置和流程

查看通知或消息

下拉列表更新副本

与数据要素的对话，如天气确认

完成的单一任务

连接设备，如使用多人游戏或笔记本电脑连接打印机

在网站上分享图片和视频，点赞

简单来说，就是客户的一个动作引起了设备的另一个动作。 每个交互设计行为都是树立以客户为中心的设计理念，数字工具的工作和功能反映了客户的实际操作。 这也是交互设计符合人类操作习性的秘诀。

从上面的列表可以看出，实际上没有能够总结所有微相互作用的好结论。 虽然微交互服务基于多个规则，但具体来说，需要创建更多的交互。

在考虑如何设计微交互时，不仅要明确这个具体的动作和任务，还必须明确作为顾客操作过程一部分的微交互的作用是什么。

(例如:演进)

本质上，微交互应该让客户的身体感受到，或者做点小事。

触摸屏幕

高兴地笑

学习和理解事物

与其他客户的连接

elevate APP应用采用这些操作事项构建游戏形式的学习界面，客户必须触摸画面才能回问题重写答案，页面上的漂亮视频可以让客户高兴。 此APP的目的是帮助客户进行大脑培训。 (这个照片游戏是为了帮助你理解和采用语法而设计的)客户可以把他们的分数和结果分享给朋友和其他客户。 这听起来像个简单的游戏，不是吗？ 但是，这些实际上是几乎所有APP都想看到的。

所有这些行为都是为什么需要微交互的核心。 这些小小的“数字瞬间”被视为情感联系。 通过微交互，客户可以感受和接触到不同的客户和对方。

最先研究微交互作用的是dan saffer。

只要在谷歌上进行“微交互”，各个结果相关的情况几乎都会出现dan saffer这个名字。 他写了一本关于微观交互的书。 saffer着重于微交互的四种结构。 这是了解和创造它们的最好方法。

触发:启动微交互。 例如，我点击心形图标称赞页面。

规则:在互动中发生了什么？ 客户不能“看到”这些规则，但可以通过反馈(下一页)了解。 在本示例中，单击心形图标后，此页面上的文章内容将添加到客户的新闻流中。

反馈:让他们了解在微交互中发生了什么。 心形图标被颜色填满、跳动、随效果渐变而消失的“安全加入新闻流”消息将告知客户发生了什么。

循环与模式:决策微相互作用的时间长度，以及如何随时间重复和快速发展。 例如，我们现在描述的微交互也可以让我们想起六个月前第一次被称赞的页面。

所有互动的细节都需要告知客户角色。 正如saffer所说，很多人甚至不知道微交互有什么用，除非招聘有问题。

反馈是微交互循环中最重要的部分。 这是将客户和接口进行微交互连接的阶段。 反馈了微交互是如何起作用的。

请考虑一下。 因为我需要七点起床，所以有必要给手机设闹钟。 闹钟响了你会做什么？ 起床关这个闹钟，还是再睡一会儿？

这个小动作表明了APP需要什么样的小交互作用。 重新设定闹钟的下一个铃是响还是自动延迟9分钟响铃。 这个顾客和系统之间的反馈周期很完善。 没有客户的操作，没有重新设定，闹钟的声音不会停止。

例如: wunderlist ( ) ) ) ) )。

这也适用于检查和代理一些事项的情况，如上面的wunder list APP。

如果在某个时间勾选，这个APP意味着需要对刚勾选的行为进行微交互反馈。 你瞬间明白了那些几个事项已经完成了，它们还没有做。

虽然这是一个简单的例子，但是我们可以学到很多东西。

至少，客户表示，他们希望通过APP中的微交互明确制定下一步，同时希望能够随着时间和操作而直观地进化。

如何解决设计的微相互作用和细节会完成或破坏你的项目。 交互作用是不可忽视的重要设计元素。

但是应该怎么采用那个呢？ 需要考虑什么？

• 为了验证其价值，微交互必须可以重复采用。 虽然初次采用微信互动可能会感到新颖的兴趣，但是今后的100次采用可能会成为麻烦的微信互动。 必须小心搞笑和奇怪的设计。

• 简单的规则。 格式简单、语言简单、颜色简单、设计简单。 不要设计比功能更多更复杂的微型交互。

(例如:黑暗天空)

(/S2 ) )赋予微观交互的人类声音。 读文字应该像人说的那样，不应该像机器一样。

对于/ S2/]复制，请注意。 你采用的复印件和语言必须与此时的情景一致。 只采用文案时，需要保持文案很简单，聊天很有用。

• 提高兴趣，但不能太疯狂。 弹出到macbook的dock上的图标被认为是加载了程序。 这样，程序可以响应，但不会妨碍当前的任务。

•你现在设计的东西必须和其他要素在视觉上协调。 如果你的APP以蓝色为主色调，那么为了在视觉上与主设计一致，你设计的微交互应该是相同的色调。 对象是好的设计方法，但必须慎重采用。

•请不要过多地考虑微交互。 过度的设计是致命的。 例如，简单的拷贝消息通知只需要在屏幕上简单地显示足够的新闻，如消息的发送者、拷贝和回复方式。

•仔细考虑细节。 微交互如此微小，因此每个设计的要素都非常重要。 检查所有细节，确保在发布APP之前最后一个像素也是完美的。

• 请考虑微交互的可扩展性。 它是否在所有时间点都与所有客户完全相同或可以更改？ )考虑到上述闹钟的例子，每当点击“多睡一会儿”按钮，闹钟的声音就会变大。 更精细的智能细节会产生最好的微相互作用。

在这里，有很多方法可以考虑如何在设计中嵌入微交互。 你可能实际上已经设计了一段时间，但没有花时间进行微交互设计。

所有微小相互作用的支柱都由精心设计的动态效果构成。 (可以从免费的电子书“交互设计和效果”中学习到越来越多的关于有效设计的知识)

例如:苹果( ) ) ) )。

让我举几年来最好的微交互方式之一。

例如:苹果( ) ) ) )。

ios9的照片拍摄APP中，增加了“生动”( live photo )的功能。 当照片“生动”时，它实际上被记录为gif。 感兴趣的微观交互的诀窍是如何在APP上留下一瞬的痕迹。

你给小狗拍照的时候，它在照片里伸出舌头。 相册里的照片是完全静态的。 但是，轻轻按下照片，画面模糊的刹那，它就会变成“活着”的照片，展现出你几秒钟的狗的萌(甚至声音)。 虽然gif和视频都不是新技术，但是这里的混合让照片变得非常独特。 事实上，切换照片时，有些照片在过渡时也会有动画。

创建微交互比拍摄视频更容易，只需要多次重复播放按钮。 另外，比gif更有沉浸感。 实时照片( live photo )让客户能够回到过去，再次体验当时完美的瞬间。 专辑不仅仅是木马，也是可以移动装载人们记忆和感觉的地方。 为了重构标准专辑APP的微观互动，苹果实际上改变了很多体验。 苹果实际上引起了相当大的变革。

当然，这里有很多事件。 你可以在你的应用中体现你的微交流。 有两种最常见的表达方式。 采用通知以及点击按钮和链接的效果。 这两种方法都可以促进招聘率和可用性。

在决定如何设计微交互时，需要考虑顾客第一。 背后的重要概念是微交互的可用性。

触摸=动作(例如，共享或上一示例中的触发照片的效果) )。

预测客户的下一步。 在生动的照片示例中，动态照片迁移持续了客户滑动照片所产生的细微交互。 苹果知道人们触发第一张照片时会继续看后面的照片，所以体验一致。

如果有了这个发现，就必须几乎看不见这个小互动。 不可重复强调微交互必须是感知弱的。 就像一个好的魔术一样，观众不需要看到整个触发、规则、反馈和缓和的过程，观众只需要知道APP完成自己想做的事。 如果能够达到想要变魔术的感觉，就有更多的机会让客户采用这种微型互动。

我们刚开始接触微交互设计，在重要性和范围内不断成长。 关于手机的应用有很多很好的例子，微交互也成为可穿戴设备和家庭使用的智能设备等小型APP应用中最突出的设计要素。

在小屏幕上也同样重要，可以说在可穿戴设备上微交互更重要。 因为画面太小，所以所有的交互必须是一步到位的过程。

示例:耐克运行)

想想耐克跑的应用。 因为它不仅与手机上的其他APP (如health和spotify )进行了跨境集成，还在apple watch上提供了高级的微交互体验。 从在现场记录你的行驶距离到受到朋友的称赞，微互动可以让你更好地利用可穿戴平台的应用。

机器人整合微交互规则。 从家庭安全设备到舒适控制清洁设备，交互式机器人和相连的APP交流产生了与以往看到的完全不同的体验，基于微交互进行“工作”。

(例) Cox家庭生活) )。

家庭安全设备和电视有线提供商cox是目前许多尝试家庭安全系统的公司之一。 如果你家集成了智能家居安全设备，看视频时灯光会自动熄灭。 这个系统也可以让你知道你的宠物在你家引起骚动)

恒温器装置nest也采用微交互作为学习设定你习性的温度的工具，让你的家更舒适。 所有的智能工具都会连接到您的手机APP并提供反馈，在采用时提供更好的交互。

(例如，谷歌材质设计)

微交互继续进化，相互影响。 谷歌的“材料设计”文档提供了关于微交互的优秀实用建议。 微交互的概念超越了功能，解释了触摸、手势、美学等所有要素。

“响应性对话可以为客户的交互带来及时、逻辑和愉快的画面反应，有助于客户深入探索APP。 所有的互动都需要深思熟虑。 那可能出乎意料，但绝对不能分心。 如果我触摸屏幕会发生什么？ 我碰了这个图标吗？ ”

微交互可以更好地促进应用，更好地连接物理世界。 通过beacons与顾客连接，微信更为普遍。

示例:目标汽车旅馆)

请回想一下2002年的《少数族裔请求》这部电影。 汤姆克鲁斯扮演的角色走在购物中心，招牌如他所愿直接推送广告。 这也可以通过APP实现。 在像target这样的小地方，到达特定的地方后，target会尝试使用定位工具将小交易、优惠券和降价新闻推送到手机上。

微交互是APP设计的核心要素，它影响着客户是否愿意采用这种APP、提高招聘度、取悦客户。 有必要把这些放在一起，设计一瞬间。 虽然客户不知道那个，但是需要。 或者客户希望你的APP是日常生活的重要组成部分。

此外，还有设计有趣的童鞋，部分资源和工具可以进入原文观看。

via:mobiledesignbookoftrends & amp

译文只用于学习用途，有其他用途时请与原作者联系。 原文来自mux原创翻译。 雷锋网发表了。 译文作者: mux翻译小组

keep calm和be总结。

推荐阅读:

1，-年中最受欢迎的APP设计是什么？ 例如脸书之类的

2、-年内最具影响力的移动界面设计是什么？ 看看谷歌就知道了

来源：UI科技日报