用户体验7大微交互-棒极了

原http://blog.jobbole.com/89270/

主要是运用交互的微动画来提升用户体验，十分受教，棒极了的几个交互动画

1. 显示系统状态

让用户始终知晓当前在发生什么。用户希望立马得到回应，但总有些情况下，网站需要一点时间等待操作完成。

那么，界面就应当在背景处显示图形，反映完成百分比。或是播放声音，让用户了解当前发生的事情。这个原则也关系到文件传输：不要让用户觉得无聊，给他们看进度条。即使是不太令人愉快的通知，比如传输失败，也应该以令人喜爱的方式展现。让你的用户微笑！

这个上传失败的交互动画真的很漂亮，就算失败也会得到一个很好的用户体验，值得学习~

2. 突出显示变化

通常为了节省空间，应用会在需要时把某个按钮替换掉。有时我们需要展现通知，确保用户注意到了。动画可以吸引他们注意，不至于忽略你认为重要的信息。

3. 保持前后关联

在这个智能手机和小屏幕智能手表的时代，难以在屏幕上展现大量信息。有一种处理方式，是在不同页面之间保持清晰的导航。让用户理解什么东西来自何处，便能轻易回溯。有多种方式可以实现：

4. 非标准布局

继续之前的例子，微交互应当帮助用户理解如何操作非标准的布局，去除不必要的疑惑。照片前后滑动、滚动式图表和旋转角色都是很棒的选择：

 

5. 行动号召

除了帮助用户有效地操作应用，微交互也有鼓励用户操作的能力：持续浏览、点赞或分享内容，只因为这很有吸引力，用户不舍离去：

 

6. 输入的视觉化

所有应用中，数据录入都是最重要的元素之一。数据录入决定了用户所得结果的质量。通常，这部分很无趣，但微交互可以使它与众不同：

 

 

 

 

7. 使教程生动形象

当然，在应用发布后，动画可以教育用户。它突出一些基本功能和控件，排除用户在未来的使用中的障碍。

 

这里面很多动画有一种像PPT制作的简洁大方的动画演示效果，清楚明白，又具有趣味性，值得学习