视觉设计
当前位置:首页 > 案例展示 > 视觉设计 > 正文内容

视觉设计

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

8年前 (2017-01-08) 热度:4848 ℃

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



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


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


加载不能太无聊


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


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


状态切换不能太生硬


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

TAGS: 设计
分享给朋友:

相关文章

为用户体验做设计

为用户体验做设计

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

极简主义设计的最佳实践

极简主义设计的最佳实践

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

老师当着全班取笑一个学生,但看了他档案后震惊了

老师当着全班取笑一个学生,但看了他档案后震惊了

开学的第一天,班主任站在五年级的学生们面前,说了个谎。她看着她的学生们,说她会平等地爱班里的每一位同学。 但这是不可能的,那是因为坐在前排的一个小男孩,他叫李安。班主任发...

后AlphaGo时代的体验设计

后AlphaGo时代的体验设计

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

评论列表

发表评论

访客

看不清?换一张

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