视觉设计

视觉设计

首页>案例展示>视觉设计 >利用动画效果来提升用户体验

利用动画效果来提升用户体验

2017-01-08热度:1244 ℃

动画效果会讲故事。但不是冗长和完整的故事,而是简单的故事,比如“嗨,你现在该看这里了”或者“哇,你的操作完全正确。”然而,动效的目的不是为了愉悦用户,而是为了帮助理解操作会有什么进展亦或是提高用户使用APP的效率。这一点我们可以在 Zurb 的陈述里证实。



我们不仅仅只是设计图形界面。我们设计的是用户与他们的屏幕如何互动。


或许动画效果应用在广范围的背景来构建美学与功能的统一:动效能够影响用户行为,沟通状态,引导用户的注意力以及帮助用户看到自己动作的反馈。这里有一些例子说明你可以在界面的什么地方增加动画效果来提升用户体验。


加载不能太无聊


你应该尝试让等待变得愉悦,如果你不能缩减等待时间的话。动效可以代替烦人的转啊转啊转(这基本上只是提醒用户他们正在等待)。几乎任何网页或者应用都可以利用屏幕框架和巧妙的动画来维持用户的兴趣。


在页面完全加载完之前用屏幕框架递增的方式完成


状态切换不能太生硬


动画效果可以让过渡更加显著,所以当用户开始和结束,动画效果要能展示到底发生了什么。好的过渡设计会让用户清楚的明白自己的注意力应该往什么地方放。

TAGS:设计
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关文章

极简主义设计的最佳实践

极简主义设计的最佳实践

随着移动设备的普及,极简主义也得到了越来越广泛的运用。极简主义为各大应用和网站带来了额外的好处,去除了多余的修饰元素后,使得加载速度更快,各屏幕尺寸之间的兼容性更好了。一个好的应用,需要把...

了解最新的趋势,创造更好的将来

了解最新的趋势,创造更好的将来

有三个人要被关进监狱三年,监狱长给他们三个一人一个要求。美国人爱抽雪茄,要了三箱雪茄。法国人最浪漫,要一个美丽的女子相伴。而犹太人说,他要一部与外界...

制作ttf字体文件的过程

制作ttf字体文件的过程

下面大致讲解一下TTF字体设计的过程,感兴趣的朋友也可以尝试一下. 一.草稿。这一步是在纸上完成的,用的是黑色的马克笔。这一步必须有清晰的思路,设计字...

后AlphaGo时代的体验设计

后AlphaGo时代的体验设计

阿里巴巴UCAN2016 “设计赋能商业,共创极致体验”大会非常荣幸地请到了同济大学设计创意学院娄永琪院长,于3月28日上午给我们带来精彩的演讲,娄院长的思考可谓跨界,他从更宏观的视野去定...

为用户体验做设计

为用户体验做设计

用户体验(UX)是一个产品在市场上的成败关键,但是UX是什么意思?很多时候UX被混淆为可用性 ,它描述在一定程度上的产品是多么容易使用,这是事实,UX作为一门学科,开始为可用性,然而UX已...