10个创意加载动画页面设计

时间:2019/01/11 作者:Nick Babich 内容来源: uxplanet

当加载时间过长时,每个人都想这样做。图片:Gal Shir

系统状态的可见性是用户界面设计中最重要的原则之一。

良好的交互设计提供反馈

虽然应用程序或网站的即时响应是最好的,但有时您的产品将无法遵守速度指南。互联网连接不良可能导致响应缓慢,或者操作本身可能需要很长时间。对于这种情况,设计人员必须向用户保证应用程序正在处理他们的请求并取得实际的进展。

等待动画进度指示器是在发生或加载某些事物时为用户提供系统状态的最常见形式。但是大多数等待指标看起来很无聊,因为产品创建者只是使用默认加载指标。

无限加载微调器通知用户正在加载内容。市场上出现的每一个应用程序都使用它来通知用户加载时间。

 

创意进度指标可以减少用户对时间的感知。如果一个应用程序在等待时为用户提供了一些有趣的东西,这会让用户更少关注等待本身。因此,为了确保人们在等待事情发生时不会觉得无聊,设计师可以让他们分心。

 

在本文中,我将给大家介绍加载指标的十种方式。

 

1.面试加载中......

ueno.使用等待时间向访客介绍他们的团队。

 

2.加载圣诞礼物

它看起来像一个应用程序正在加载礼物。图片:  Chuan²

 

3.可爱的猫

设计师可以使用能够产生强烈积极(希望)情绪的东西,而不是使用系统加载微调器。Thomas Bogner

 

4.双螺旋

此加载动画会创建3D变换效果。图片:Drew Endly

 

5.寻找最佳航班

用户选择航班的起点和终点并单击“搜索”按钮后,动画将显示从起点到目的地的航班。图片:  马克

 

6.将数据保存到云端

此加载指示符基于将文件上载到云的隐喻。垂直进度条几乎完全按字面意思。图片:Ben Mettler

 

这个动画使得加载的过程看起来令人兴奋,因为看着有人走钢丝。图片:  xjw

 

 

8.飞溅屏幕的精美动画

设计精美的启动画面与精美的动画相结合,可以为应用程序开发人员提供额外的时间来下载所有必需的数据。图片:  Behance

 

10.文件上传动画

此动画是平滑状态转换的一个很好的例子。最终复选标记通知用户操作成功。图片:艾迪江恩

 

结论

 

虽然上面提到的所有效果都可以改善用户体验,但最好不要过度使用它们。第一次看起来有趣和可爱的东西,在100次之后可能看起来很乏味和可预测。创意加载效果也无法解决加载时间慢的问题。当用户一遍又一遍地看到相同的加载效果时,他们很快就会开始指责应用程序的加载时间很慢。

 

聚划算海报图设计


上一个
更多观点
下一个