微交互是给用户快乐反馈的细节。


作者 ：Nick Babich 原文链接：https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf 最好的产品会做两件事:功能和细节。


功能可以吸引人们使用你的产品。


细节可以留给他们。


细节可以让我们的应用在竞争中脱颖而出。


微交互是给用户快乐反馈的细节。


所有的交互设计方法都指向「以人为本」设计原则——用户是焦点。


微交互通常被认为是辅助或次要的，但一旦用户感知到，微交互可以创造一个良好的体验。


作为设计师或产品经理，意识到微交互和设计一样重要。


什么是微交互？ 微交互是完成小任务的产品瞬间。


正如Dan Saffer这些小细节通常具有以下基本功能： 沟通反馈或采取行动的结果。


完成个人任务。


增强直接操作感。


帮助用户可视化其操作，防止用户犯错。


一些特定的微交互示例： 当您将iPhone当切换为静音时，手机会振动，屏幕上有静音模式图标晃动的动画效果。


界面动画可以显示点击后的效果(按钮的颜色也会在鼠标悬停时发生变化)。


资料来源：Dribbble 微交互为何有效？ 微交互之所以起作用，是因为它们符合用户对用户的要求「确认」自然欲望。


用户希望立即知道系统已经接受了他们的动作，并希望系统能给出视觉反馈。


微交互还可以指导用户如何操作。


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


它们通常出现在以下几个方面： 1.显示系统状态 akob Nielsen的「第一个可用性启发原则」指出：让您的用户了解正在发生的事情。


用户希望立即得到回应。


但在某些情况下，应用程序需要一些时间来完成操作。


因此，界面应该让用户了解正在发生的事情。


上传上传和下载的进度条：Dribbble 要点：不要让用户感到无聊——让用户了解情况并向他们展示进度（例如，加载进度吸引了用户的注意，但也让用户不会感到困惑）。


2.突出显示变化 有时我们必须显示通知，以确保用户看到它。


动画可以提供帮助。


它会吸引用户的注意，防止他们忽视重要内容。


新消息。


资料来源：Dribbble 要点：在许多情况下，动画效果吸引用户关注重要细节。


您应该使用它KISS原理-微交互应该很小很简单。


3、保持过渡 使用动画在上下页面之间顺利过渡，显示屏幕上元素排列的变化。


尤其是移动设备和智能手表，因为不可能在屏幕上容纳很多信息。


资料来源：Dribbble 结论：在不同页面之间保持清晰的导航，让用户知道内容出现在哪里。


两种视觉状态之间的过渡应清晰、流畅、毫不费力。


主题统一——创建一个统一的主题，将所有的互动联系在一起。


4.可视化输入 数据输入是任何应用程序中最重要的元素之一。


微交互使这个过程特别。


您可以使用微交互提供反馈。


资料来源：Dribbble 结论：微交互有助于显示信息，帮助用户完成操作。


5、呼吁行动 微交互可以鼓励用户操作。


这是用户体验中的同理心。


然而，请确保视觉提示和动画适合您的用户。


记住，使用100次微交互会变得烦人或不清楚。


重点:关注用户情绪——它们在用户互动中起着重要作用。


从场景和用户研究中学习经验，重复使用。


记住 微交互有助于提供反馈、通知和解释。


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


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


虽然微交互可以长期使用。


但第100次使用后，第一次看起来很有趣的事情可能会变得烦人。


微交互要人性化，注重视觉和谐。


微交互要流畅自然。


结论 1.微交互应仔细设计。


在设计这些小片段时，请思考人们如何使用和使用他们的场景，并遵循常见的思维模式。


2.注意每一个细节都是你成功实现人机交互的关键。


3.从功能部件到微交互，优秀的设计必须全栈进行。


熊不知道；微信官方账号:产品经理熊不知道（ID：xiongbuzhia）。


5年产品经理经验，专注海外社交APP编辑工具APP产品设计。


特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。


本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。


如有侵权行为，请联系网站管理员删除，。