微交互:优秀UI设计的秘密



最好的产品做好两件事:功能和细节。功能是吸引人们使用您的产品的原因。详是什么让他们留在那里。细节才是真正使我们的应用程序在竞争中脱颖而出的原因。

微交互是提供令人愉悦的反馈的最佳技术之一。

微交互通常被认为是次要的,一旦被用户发现,实际上就会产生一种精心设计的体验的感觉。作为设计师,认识到微交互的重要性与设计它们一样重要。

什么是微交互?

微交互是完成一项小任务的包含的产品时刻。

正如Dan Saffer的《微交互》一书中所描述的那样,这些微小的细节通常具有以下基本功能:

传达反馈或操作结果。

完成单个任务。

增强直接操纵感。

帮助用户可视化其操作的结果并防止错误。

特定微交互的一些示例包括:

当您将iPhone切换为静音时,将显示振动通知和静音模式图标。

用户输入时的界面动画(点击时会改变颜色的按钮)。

为什么微交互有效

微交互之所以有效,是因为它们吸引了用户对确认的自然渴望。当用户与 UI 交互时,他们想知道他们的系统是否收到他们的操作。此外,微交互可以指导用户如何与系统交互。

识别机会

微交互的部分美妙之处在于,它们可以插入到任何潜在动作周围的各种地方。不过,总的来说,它们往往出现在以下领域:

显示系统状态

Jakob Nielsen的第一个可用性启发式原则指出:让你的用户了解正在发生的事情。当用户触发操作时,他们希望立即得到响应。但在某些情况下,应用需要一些时间才能完成操作。因此,界面应该让用户了解正在发生的事情。

用于上传和下载的进度条。

或者用户所在的位置:

滚动条进度

 不要让你想知道会发生什么 - 让用户了解情况并向他们展示进度。

突出显示更改

当发生任何重要事件时,我们需要显示通知以通知用户。动画可以帮助实现这一目标。它将吸引用户的注意力,并且不会让用户忽略您认为重要的事情。

新传入消息。

 在许多情况下,动画效果用于吸引用户对重要细节的注意。

保持上下文

使用动作在导航上下文之间平滑地传输用户,解释屏幕上元素排列的变化。对于移动设备和智能手表尤其如此,因为根本不可能在一块屏幕上容纳大量信息,并且任何屏幕状态更改都应该对您的用户非常清晰。

材料设计

 两种视觉状态之间的过渡应该是清晰和平滑的。

可视化输入

数据输入是任何应用程序中最重要的元素之一。微互动将这个过程变成了特别的东西。您可以使用现有的视觉元素来提供反馈,只需添加漂亮的视觉细节即可。

微交互有助于揭示信息并帮助用户实现目标。

号召性用语

微交互有能力鼓励用户实际交互。通过在用户体验中引入同理心,用户更有可能采取行动。但请确保视觉提示和动画适合您的用户。请记住长寿 - 微交互在第100次使用时会变得烦人,还是普遍清晰且不引人注目?

 关注用户情绪,因为它们在用户交互中发挥着巨大作用。从上下文和用户研究和设计中汲取灵感,以便重复使用。

要记住的事情

微交互充当用户和系统之间交互的促进者。

微交互应该通过即时传达正在发生的事情来节省时间,而不会使用户感到厌烦或分散注意力。

了解您的用户和交互背后的背景将使微交互更有效。

微相互作用必须经得起长期使用。第一次看起来很有趣的东西可能会在第 100 次使用后变得烦人。

人工智能体验设计咨询公司,UI设计公司,北京UI设计公司,UI界面设计公司


首页 > 新闻资讯

Tag: 人工智能体验设计咨询公司 UI设计公司 北京UI设计公司 UI界面设计公司
留言