恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
微交互如何推动用户参与
0.0°
2017-01-11 自译外文 经验/观点 原作者: Stephen Moyers 举报 1793 15 12 1

本文讲述了微交互在设计中的影响,以及如何在设计中使用微交互,希望大家能够从此文中学到一些新的知识。

现代企业如果想要生存,就需要与他们的消费者基础保持持续的关联性,这样做的最好的方法之一是推动客户参与并创造宝贵的、难忘的体验。

响应式网页设计是这一点的关键部分,它可以直观反应在各种屏幕和设备上。 然而,一种具有巨大潜力来推动用户参与且往往被忽略的技术就是微交互。

微交互是用户在执行某些操作时看到的小动画或视觉响应。 例如,当你点击关注一个Twitter帐户时,会出现一个填充的“关注”图标,或者在你“喜欢”一个Tweet后,会出现一个小的,彩色的闪光。 这些可能起初看起来很轻率,但微交互对用户有重大的心理影响,微交互有意义的原因植根于人类心理学。

Image title

Micro Animation of Like by Roman Wagner.


微交互对人性的影响

我们中的许多人每天都在进行无数的微交互,却没有意识到这点。 每当你使用界面进行简单、快速的操作时(例如,早上将手机屏幕滑动到“暂停”闹钟),你就是在进行微交互。

任何互动都有一个动作和反应。 用户执行动作时,被执行动作的界面做出响应,以使用户知道他们成功地执行了预期动作。

Image title

Volume Control Micro Animation by Nick Buturishvili.


微交互向用户传达已经执行的动作。 一旦动作被执行,用户就会接收到某种类型的指示,以使他或她知道他们成功达到了他们的意图。

微交互引导用户去他们可以操作或与界面元素交互的地方。 微交互的四个基本要素是:

触发器:这是启动动作的原因。在大多数界面中,这包括单击或触摸界面的特定元素。

响应规则:微交互基于对用户如何交互的响应。

反馈:这是让用户知道操作成功执行的回馈。

循环:循环的结束是下一步的产生。 点击社交媒体帖子上的“分享”按钮会向用户发出通知,表示该帖子已被“共享”,其结果是用户个人资料上的新帖子。

这看起来很基础,但是有一个心理因素解释了为什么这些微交互是有意义的:人们通常很享受于知道他们已经执行了一个正确的操作。 良好的微交互快速有效地实现了这一点。

设计良好的微交互需要了解这些实例很大程度上不被用户注意到,但这并不意味着它们是无意义的。 这些小的指示告诉用户他们成功完成了一项任务——尽管很小 ——并且通常通过限制不确定性使生活更舒适。


微交互成就或毁掉应用程序

微交互在网页和桌面应用程序中绝对占有一席之地,但它们真正闪耀的地方是在移动应用程序领域。 触摸屏在没有微交互的情况下会笨拙、难以进行导航,而糟糕的微交互也会赶走用户。

目前有无数的应用程序存在,并且许多应用程序镜像或供应与其他人相同的功能。

Image title

Notification Micro Animation by Gal Shir.


你很可能有一个喜欢的天气app、首选的社交媒体平台,或你的智能手机上基于个人喜好的其他apps。 花点时间分析你对这些apps的喜好点,以及为什么选择它们而不是其他应用程序的原因, 你会发现这是由于各种形式的微交互在起作用。

你可以根据自己与它们的互动方式以及它们如何回应你的输入来选择您喜爱的app。 尽管它们很简单,但正是这些是细节,引发了用户兴趣并且让用户参与其中。

当为你的网站制作微交互时,要考虑几个至关重要的因素:

重复

微交互不能令人生厌。 一些apps可能有光鲜的或幽默的微交互用于愉悦用户,但更多的时候它们恰恰相反。 新颖和古怪的微交互能给用户提供几次乐趣,但是在足够的重复之后,它们可能变得讨厌和令人恼火,驱使用户走向另一种选择。

确保你的微交互反馈足够让用户处理它,但不是那么明显,以避免重复使用后令人心烦意乱。

用户偏好

允许用户对微交互少量的控制是确保他们长期持续的一个很好的方式。 例如,许多人喜欢他们的智能手机上的触觉反馈 ——当你点击触摸屏键盘上的字母时,会产生微妙、快速的振动。 它使用户知道了他们成功地敲击了一个字母。

然而,有些人可能会变得厌烦并开始不喜欢他们。 允许用户切换微交互的开启和关闭元素是留住他们的好方法。

简单

微交互很小,所以想得太多或过度复杂化是一个死胡同。过于复杂或华丽的反馈会使用户快速疲劳。

当制作文本、颜色和微交互的其他设计元素时,不要使设计比动作本身更复杂。 你仅需要提供足够有效的反馈。

Image title

Action Icon Animations by Mamun Srizon.


和谐

确保你的界面中创建微交互的部分与界面的其他可视元素一致。 你肯定想引起用户对可以操作的界面区域的注意,但是它们不必特别粗重或花哨,来使用户知道他们可以操作。

细节

既然你的微交互十分小,就没有理由不使他们完美到最微小的细节。 确保你的微交互在启动前的每个元素都按预期方式工作,并且赏心悦目。

你还需要考虑不同的用户如何看待这些微交互:每个用户都会有相同的互动吗?


微交互取悦用户

最成功的微交互是 ——反直觉的,尽管它可能是——当它们被使用时被忽视,但是当它们被改变时却又非常明显的。 良好的微交互可以支持重复使用,并适合于界面的整体设计。

简单的响应通常在生活中和人类交互的许多方面被接受,并且对于用户界面上的微交互也是如此。 最简单的设计将更有可能产生最好的反应。

移动app设计取决于微交互的部分多于你最初可能要实现的。 当你花时间评估个人偏好和行为时,你可以更轻松地了解如何改善app的微交互,以便更有意义且更能吸引使用者互动。 更多的人不仅比以往更喜欢使用移动设备 – 而且通过他们的日常活动更依赖它们。

当你考虑新的方式来吸引和取悦你的app用户时,请记住这些指标。 创建有价值的微交互是一种让用户与你的app保持互动的绝佳方法,同时也提供了可靠性。 用户下载并使用特定功能的app, 微交互是指导他们浏览和使用app并让他们知道他们正在正确执行预期操作的详细说明。

虽然它们起先可能看起来小,都是些琐碎的细节,事实上却完全相反,微交互只是让你的用户从最基本的层面着手。



更新:2017-01-11

收藏

15人已收藏

zyl0127

https://www.zcool.com.cn/u/13561

  • 16

    作品

  • 92

    粉丝

  • 1

    关注

  • 给设计师的12个最佳UX/UI工具
  • 找到合适的UX/UI工具&四个可选项使资源更易获得
  • 网页设计中负空间的有效使用
  • 你现在就该使用的三个最好的原型工具
相关标签
用户体验

    猜你喜欢

      2017-01-11 自译外文 经验/观点 原作者: Stephen Moyers 举报 1793 15 12 1

      微交互如何推动用户参与

      0.0°

      你确定要举报微交互如何推动用户参与

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年01月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      12
      15
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录