如何增强用户体验中的微交互?

触发。微交互通过可视化提示用户继续前进。 规则。微交互提示用户交互将执行的操作。 响应。当用户进行点击操作时,他们收到对应的反馈。 循环和模式。考虑使用微交互的频率以及如何使新用户和旧用户都能识别它们。循环是让交互变得熟悉的方式。模式则是一个不同的反馈响应,向用户区别与第一次使用的不一样。

1.调整选项
控制音、亮度或其他偏好设置,添加微交互功能,在用户调整时,与用户互动或移动的小徽标时微交互的好方法。

2.消息或评论
反馈或评论区域本身就是微交互。用户在进行过程中应该得到对应的响应。这类行为召唤能够更好地推动用户与 APP 交互,行为召唤的原理是通过行为指引、成就感灌输和同理心,来吸引用户的注意力,促使用户执行特定的交互。

3.上传或下载状态栏
决定上传或下载过程较长,需要让用户感受到状态的变化,这时候微交互很重要。主要让用户知道上载或下载时发生了什么,他们才会坚持下去。如果他们不确定自己是否完成了任务,会非常不满。

4.通知
5.下拉菜单
页面上的下拉菜单使用户可以在页面之间快速来回移动。如果没有交互响应,用户可能会对导航感到沮丧。

6.载入页面
若加载时间长的页面,用一个小的交互通知用户页面仍在加载中,使他们保持参与,并告诉他们何时完成加载。这是最基本的交互,有助于保持较低的跳出率。如果毫无响应用户容易流失。

填写或输入用户信息,需要可视化交互显示他们已经正确输入了信息。这种微交互与娱乐性无关,而与清晰度和安全性有关。视觉输入建立了对用户的信任。

8. 响应性号召性用语
吸引用户,并引导他们根据号召性用语(CTA)采取行动。使用视觉提示或动画吸引用户的注意力并鼓励他们点击。

四、如何设计微交互?
设计微交互对于设计师而言,是一个非常令人振奋的事情,因为可以尝试新的解决方案,并且在探索中发掘出让用户感到惊艳的东西。为了做到这一点,你需要做下面的事情
站在用户的角度看待问题,用尽办法让他们明白如何使用你的产品。 创造功能性的动画,不仅要有美感,而且能够增强体验。 让你的用户开心,用户使用时候的主观感受,决定了他们是否要继续使用下去。如果用户感到愉悦,他们会回来。 不要让人觉得烦躁,过多的动效可能会让人觉得头疼,而这个会让用户离开你。 使用正常的表述,而不是技术术语来表达,因为后者更容易让人觉得沮丧。
赞 (0)