提升用户体验的7大微交互.pdfVIP

提升用户体验的7大微交互

动画的使用在交互设计中发挥着越来越重要的作用，尤其是在移动应用

中，本文详细分析了动画在微交互中发挥的各种作用

众所周知，我们总是依据封面来判断书的好坏，聪明的设计师会创造实

用有吸引力的界面。潜在用户可能会被吸引，但如何一直黏住他们呢？

要试着回答这个问题，所有一切都指向人本设计，其中用户是最主要的

考量。以人为本：你的应用应该使用日常用语，包括情绪、口语，外观还要

有一丝“诱惑力”。界面应当成为你的好朋友，时刻准备给出建议提升你的

体验，让你会心一笑。

现在揭幕：是微交互在起作用。精确的说，这主要是界面附带的交互动

画，使它更具表现力。优秀的动画能够：

o表达状态并提供反馈

o提升直接的操纵感

o将操作结果可视化

在用户体验中，关键是你如何对待用户，还有他们使用产品时的感受。

极小的细节都值得加倍留心。微交互提供了用户所需的反馈，表达了当前运

行状况。无论背后逻辑有多么复杂，都能使界面更亲切。

1.显示系统状态

JakobNielsen在可用性原则启示第一条中描述：让用户始终知晓当前

在发生什么。用户希望立马得到回应，但总有些情况下，网站需要一点时间

等待操作完成。

那么，界面就应当在背景处显示图形，反映完成百分比。或是播放声音，

让用户了解当前发生的事情。这个原则也关系到文件传输：不要让用户觉得

无聊，给他们看进度条。即使是不太令人愉快的通知，比如传输失败，也应

该以令人喜爱的方式展现。让你的用户微笑！

2.突出显示变化

通常为了节省空间，应用会在需要时把某个按钮替换掉。有时我们需要

展现通知，确保用户注意到。动画可以吸引他们注意，不至于忽略你认为

重要的信息。

3.保持前后关

在这个智能手机和小屏幕智能手表的时代，难以在屏幕上展现大量信

息。有一种处理方式，是在不同页面之间保持清晰的导航。让用户理解什么

东西来自何处，便能轻易回溯。有多种方式可以实现：

4.非标准布局

继续之前的例子，微交互应当帮助用户理解如何操作非标准的布局，去

除不必要的疑惑。照片前后滑动、滚动式图表和旋转角色都是很棒的选择：

5.行动号召

除了帮助用户有效地操作应用，微交互也有鼓励用户操作的能力：持续

浏览、点赞或分享内容，只因为这很有吸引力，用户不舍离去：

6.输入的视觉化

所有应用中，数据录入都是最重要的元素之一。数据录入决定了用户所

得结果的质量。通常，这部分很无趣，但微交互可以使它与众不同：

7.使教程生动形象

当然，在应用发布后，动画可以教育用户。它突出一些基本功能和控件，

排除用户在未来的使用中的障碍。

结论

所以，如果你重视用户体验，就应该从头到尾精细打磨界面，通过微交

互与动画为它增色添彩。它会为你的项目赋予生命。

注意每个细节，是使人机交互易用的成功要诀。