微交互 - 下

问题

1：为什么微交互有效果？

2：为什么微交互应用这么广？

想法

微交互之所以起作用，是因为它们顺应了用户对「确认」的自然渴望。用户想要立即知道系统已

经立即接受他们的动作，希望系统会给予一种视觉反馈。微交互还可以指导用户如何操作

微交互的优点之一是可以将它们插入任何潜在动作周围的不同位置。

使用微交互要记住的事情

• 微交互可以帮助提供反馈，通知和说明。

• 微交互应该通过不打扰或分散用户注意力的方式，即时交流信息节省时间。

• 了解您的用户和使用场景将使微交互更加精确和有效。

• 微交互虽然能长期使用。但第100次使用后，第一次看起来很有趣的事情可能会变得令人讨厌。

• 微交互应该人性化，并专注于视觉和谐。微交互应该流畅自然。

微交互出现的使用场景

• 显示操作进程的时候

• 更新提醒

• 对用户的信息输入进行视觉化呈现，并提供反馈

• 诱导用户进行操作

结论

• 微交互应该精心设计。在设计这些小片段时，请思考人们如何使用和使用他们的场景是什么，并遵循常见的思维模式。

• 注意每一个细节都是您成功实现人机交互易于使用的关键。

• 从功能部件到微交互，出色的设计必须“全栈式”进行。

微交互应用案例

从以下6个点分别介绍案例

1：为懒而做的设计

2：为等待而做的设计

3：懂礼貌的设计

4：为舒适而做的设计

5：为感知而做的设计

6：因懂你而做的设计

一：为懒而做的设计：其实就是减少用户负担

懒是人的天性，所以交互设计的目标正是帮助用户从复杂的工作中解脱出来，减少额外工作，最好一步完成任务。

例如：淘宝、微信手机充值，一键购买 （支付宝转账智能填充）

二：为等待而做的设计：等待不可避免，但可以优化

虽然交互设计并不能改变网速和设备性能，但可以通过优化等待策略，减少等待次数，设计等待效果，甚至使用虚假的反馈为用户疏导焦虑，最终获得用户的认同。

例如：DOTA2的匹配等待，等待的时候其实可以找点事做

三：懂礼貌的设计：具有一名好服务员的礼仪

闲鱼：记住客户喜好，每次有喜欢的类型的东西推荐，主动通知用户；

通过记录搜索和浏览行为，闲鱼的iOS通知、首页置顶和前几页的商品都是用户所关心喜好的，这是一位能记住顾客喜欢的服务员，丝毫不让人感觉是打扰，而是感到十分贴心。

四：为舒适而做的设计：舒适是好用的前提

微信、轻芒和好奇心人报：舒适的阅读应只有内容，广告、推送、导航条都不要；

好奇心日报则让我们看到了真正优秀的交互设计，在用户滑动浏览的时候，屏幕干净的没有任何多余的东西，这不正是我们所期待的阅读吗？舒适的阅读就应该像书籍和杂志一样只有内容。

五：为感知而做的设计：交互设计的基石

《日常设计》中提到以直觉化、可视化反馈，保持一致，方位感，符合心智模型五个方面讨论为感知而设计。

直觉化：IOS的输入键盘和macbook的键盘

可视化反馈：，iOS在长按文本复制也有用到，用户的手指长按时会覆盖焦点位置，此时提供放大镜的可视化反馈，有助于让用户充分感知是否准确框取

保持一致性：同一类事物或操作应该保持同样的动作同样的反馈；视觉和交互上；

方位感：都能够使用空间布局和人内心产生共鸣，只要是用一次，下一次闭上眼睛都可以操作

符合心智模型：支付宝与微信将优惠券、银行卡的列表使用卡包的概念。日常生活中，掏出钱包，拿出信用卡，使用完后，再放回钱包

六：因懂你而做的设计：

例如：Bilibili、Acfun和野兽派：懂得如何迎合你

Bilibili和Acfun都是以90后二次元为主要用户群的视频APP，在页面元素、卡通图标和下拉刷新的加载动画上，都尽力在迎合90后二次元的群体特征，展示了十分有趣的情景。

同样的电商APP野兽派，用户群是不满足于传统电商的年轻白领，在首页使用精致的地图展示店铺，虽然这种交互模式增加了用户识别的困惑，但是却十分迎合这类用户追求新鲜、不同、精致的体验目标。

因懂你而做的设计：

例如：知乎和RNIfilm：懂得你如何使用产品

达成用户使用目标的另一种方式是关注用户的使用行为和任务。

当我们在使用知乎的时候，跳出APP，过一会再进入，顶部就会非模态显示刷新；当我们下拉列表的时候，会在信息中显示之前浏览到哪里，知乎所做的这些，是因为理解用户具体使用的行为和任务，都是为了用户能更好的“刷”知乎。

因懂你而做的设计：

例如：微信和支付宝:不是为沟通和支付而做的产品，而是达成你的人生目标

我们使用微信和他人沟通，同时每天刷微信朋友圈，晒各种生活，其驱动力难道不是为了成为一个有魅力、受欢迎被尊重的人吗？

我们种银行卡关联账户，使用支付宝快捷支付，短期支撑房屋水电支付，打理我们的日常收支、储蓄，长期则通过余额宝等理财，难道不是为了过更美好的生活吗？

使用微交互的要素

1、培养用户习惯

2、结合主题

3、用动效给予反馈

4、保持幽默

5、规避不必要的交互

B端产品有哪些地方可以用到微交互

1、可视化输入（登陆类型）

2、上传、下载状态

3、通知

4、载入页面

5、响应性号召性用语（通过视觉或动画等方式吸引）

6、反馈（操作或系统出错时）