墨刀_MockingBot
每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
产品设计中的微交互是什么？为什么要使...
- 经验类型教程原作者：Nick Babich
- 经验属性自译外文
- 经验版权署名-非商业性使用
1621
0
7
2019-10-21
最好的产品有两个优点：功能和细节。功能是吸引人们使用产品的原因。细节是留住他们的原因，而这正是让我们app在竞争中脱颖而出的原因。
微交互是起到好效果的最佳技术之一。
所有的方法都是以人为中心的设计理念，用户作为主要的焦点。微交互通常被认为是附属的或次要的，但它一旦被用户发现，实际上会创造一种幸福感。作为一个设计师，认识到微交互的不可见性与设计它们一样重要。你必须去创造一些很人性的东西来完成一项任务。
什么是微交互作用？
微交互是能完成一项小任务的产品元素。
正如丹·萨弗在《微交互》一书中首先描述的，这些微小的细节通常具有以下基本功能：
- 传达反馈或行动的结果。
- 完成一项单独的任务。
- 增强直接操纵感。
- 帮助用户可视化其操作的结果并防止错误。
一些特定微相互作用的例子包括：
- 当将iPhone切换至静音时，手机会显示振动通知和静音模式图标。
为什么微交互有用？
微交互之所以起作用，是因为它们迎合了用户对“确认“的自然需求。用户能立即知道他们的行为被接受了，他们希望能获得令人愉悦的视觉回应效果。此外，微交互还可以指导用户如何操作系统。
微交互的一部分好处是，它们可以被插入到各种各样的地方，围绕着任何潜在的动作。不过，一般而言，它们往往出现在以下领域：
微交互的一部分好处是，它们可以被插入到各种各样的地方，围绕着任何潜在的动作。不过，一般而言，它们往往出现在以下领域：
显示系统状态
Jakob Nielsen （杰布-尼尔森）提出的第一个可用性启发原则是：让你的用户了解正在发生的事情。用户希望立即得到响应。但有些情况下，app需要一些时间才能完成操作。
因此，微交互界面应该让用户了解正在发生的事情。
或用户所在的界面：
关键点：不要让你的用户感到无聊——保持用户的信息和显示他们的进展（例如加载栏吸引用户并防止混淆）。
突出显示更改
有时我们必须显示通知以确保用户看到它。动画可以帮助你——它将吸引用户的注意力，而不是让他们忽视你认为重要的东西。
保留上下文
用户在上下文之间平顺地滑动，解决屏幕上元素排列的更改。对于移动设备和智能手表来说尤其如此，因为在一个屏幕上放置大量信息是不可能的。
关键点：在不同的页面之间保持清晰的导航；这样用户就可以理解从何处出现什么内容。两种视觉状态之间的转换应该是清晰、平滑和轻松的。统一于一个主题——创建一个统一的主题，将所有交互联系在一起。
关键点：在不同的页面之间保持清晰的导航；这样用户就可以理解从何处出现什么内容。两种视觉状态之间的转换应该是清晰、平滑和轻松的。统一于一个主题——创建一个统一的主题，将所有交互联系在一起。
可视化输入
关键点：微交互有助于揭示信息，帮助用户达到目标。
号召行动
微交互具有鼓励用户实际交互的能力。它们可以在用户体验中带来同理心。但要确保视觉提示和动画适合你的用户。另外要考虑“长久性”——微交互在第100次使用时会不会变得烦人，还是它是普遍清晰而又不夺人眼目？
关键点：关注用户情绪，因为它们在用户交互中起着巨大的作用。基于场景和用户研究，设计可重复使用的微交互元素。
简而言之，
- 微交互通过反馈、通知和指示来促进交互。
- 微交互应该通过即时交流信息来节省时间，而不会让用户感到厌烦或分心。它们应该像狡猾的眨眼一样吸引用户的注意力。
- 了解用户和微交互背后的背景将使他们更加精确和有效。
- 微交互作用必须经得起长期使用。第100次使用后，第一次看起来有趣的东西可能会变得烦人。
- 在微交互中加入人性，注重视觉和谐。这种运动应该感觉到流动性，从而使微交互变得生动自然。
如何制作微交互
微交互作为原型中的一个特色种类，使用原型设计工具基本上都可以实现。以墨刀为例，用户可以使用墨刀制作出像“进度条”，“切换效果”，“选中效果”，“悬浮按钮”，“弹出”等多种微交互。
结论
要用心设计。想想人们是如何使用和使用他们的设备的，并在设计这些小部件时反映出常见的思维模式。关注每一个细节是你成功的关键，使人机交互更容易使用。伟大的设计都是“全栈”性的，从功能到微交互都伟大。
——————————
本文由墨刀编译自Nick Babich的 Microinteractions: The Secret of Great App Design
——————————
本文由墨刀编译自Nick Babich的 Microinteractions: The Secret of Great App Design
墨刀作为一款在线原型设计与协同工具，已经帮助众多产品经理和设计师们轻松做出交互原型，展现和验证设计想法，还支持多人协作编辑，分享和评论。
新注册用户即可获得墨刀高级企业版的15天免费试用！开始体验一下吧！
Powered by Froala Editor
全部评论：0条
更多作品
发表评论