微交互：90%的受欢迎的App都爱这样做

微交互是给用户快乐反馈的细节。 作者 ：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产品设计。 特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。如有侵权行为，请联系网站管理员删除，。