微交互可用于哪些地方,有何作用?


??最好的产品会把两件事做好:功能和细节 。 功能可以吸引人们使用你的产品 。 细节可以让他们留下来 , 细节可以使我们的应用在竞争中脱颖而出 , 而微交互就是让产品设计脱颖而出的亮点 。
微交互可用于哪些地方,有何作用?
本文插图

微交互是一种能给用户愉快反馈的细节 。
所有交互设计方法都指向「以人为本」的设计原则——用户是焦点 。 微交互通常被认为是辅助的或次要的 , 但是一旦用户感知到 , 微交互能创造一种很好的体验 。 作为设计师或者产品经理 , 认识到微交互的隐形作用与设计它们一样重要 。
微交互是什么?
微交互是完成一项小任务的产品瞬间 。
正如Dan Saffer的书《微交互》中首次描述的那样 , 这些微小的细节通常具有以下基本功能:

  • 沟通反馈或呈现采取行动的结果 。
  • 完成一项个人任务 。
  • 增强直接操纵感 。
  • 帮助用户可视化其操作 , 并防止用户犯错 。
特定的微交互的一些示例:
【微交互可用于哪些地方,有何作用?】当您将iPhone切换为静音时 , 手机会有震动 , 且屏幕上有静音模式图标晃动的动画效果 。
微交互可用于哪些地方,有何作用?
本文插图

界面动画可以显示点击后的效果(将鼠标悬停时按钮的颜色也会变化) 。
微交互可用于哪些地方,有何作用?
本文插图

资料来源:Dribbble
为什么微交互有效
微交互之所以起作用 , 是因为它们顺应了用户对「确认」的自然渴望 。 用户想要立即知道系统已经立即接受他们的动作 , 希望系统会给予一种视觉反馈 。 微交互还可以指导用户如何操作 。
微交互的作用
微交互的优点之一是可以将它们插入任何潜在动作周围的不同位置 。 通常 , 它们通常在以下几个方面出现:
1. 显示系统状态
akob Nielsen的「第一个可用性启发式原则」指出:让您的用户了解正在发生的事情 。 用户希望立即得到响应 。 但是在某些情况下 , 应用程序需要一些时间才能完成操作 。
因此 , 界面应使用户对正在发生的事情有所了解 。
微交互可用于哪些地方,有何作用?
本文插图

进度条 , 用于上传和下载 。 资料来源:Dribbble
要点:不要让您的用户感到无聊——让用户了解情况并向他们显示进度(例如加载进度吸引了用户的注意力 , 同时也让用户不至于迷惑) 。
2. 突出显示变化
有时我们必须显示通知以确保用户看到它 。 动画可以提供帮助 。 它会引起用户的注意 , 不让他们忽略重要的内容 。
微交互可用于哪些地方,有何作用?
本文插图

新的消息 。 资料来源:Dribbble
要点:在许多情况下 , 动画效果吸引用户关注重要细节 。 您应该使用KISS原理——微交互应该很小且很简单 。
3. 保持过渡
使用动画在上下页面之间平稳地过渡 , 呈现屏幕上元素排列的变化 。 移动设备和智能手表尤其如此 , 因为根本不可能在一个屏幕上容纳很多信息 。
微交互可用于哪些地方,有何作用?
本文插图

资料来源:Dribbble
总结:在不同页面之间保持清晰的导航 , 让用户了解内容从哪里出现 。 两种视觉状态之间的过渡应该清晰 , 流畅且毫不费力 。 主题统一——创建统一主题以将所有交互联系在一起 。
4. 可视化输入


推荐阅读