无论您的用户界面设计得多么好,无论何时何地,使用它的人们都必须等待加载某些内容。
加载时间可能会损害整体体验。让用户等待太久才能加载您的应用程序可能会使用户不耐烦。如果用户有这种感觉,他们将放弃您的网站并转到其他地方。值得庆幸的是,您可以采取一些措施来加快用户的时间感,使他们感觉自己的内容加载速度比实际速度要快。
1.切勿让用户在没有反馈的情况下等待
如果用户的连接速度很慢,则站点可能需要一段时间才能在屏幕上填充内容。用户的等待时间从他们开始执行操作的那一刻开始,最糟糕的情况是他们没有任何迹象表明该站点已收到该操作。
当您的站点无法通知用户它需要一些时间才能完成操作时,用户通常会认为它没有收到请求,因此会重试。由于缺乏反馈,导致大量额外的水龙头。让别人快乐,我们需要给一个迹象表明,事情正在发生,提供视觉反馈。
2.避免使用静态进度指示器
静态进度指示器是图像或文本不动的指示器,例如“正在加载...”或“请稍候...”以指示已接收到请求。虽然任何反馈总比没有好,但静态指标却是糟糕的UX。用户没有任何指示正在加载内容的指示符,因此他们不确定该过程是否真的卡住了。
3.使用动画加载指示符
等待时间的心理学研究表明,用户等待一秒钟后就开始转移注意力而没有任何反馈。为了减少用户的不确定性,请使用进度指示器执行任何比此更长的时间。(注意:不建议您在少于一秒钟的时间内加载动画,因为用户可能会担心屏幕上闪烁的内容)。
无限负载旋转器,可实现相当快的操作
动画指标的最简单形式是加载微调器。这种类型的视觉反馈仅说明了用户必须等待的事实,但没有说明他们应该等待多长时间。通常,应将此类进度指示器用于快速操作(2-10秒)。

从中心点放射出的灰线旋转器是一种标准方法。
加载微调器通常与“拉动刷新”手势一起使用。它充当UI的两种状态之间的中介,并帮助用户了解屏幕更改时发生的情况。

适用于iOS的Apple Mail应用程序
完成百分比的动画可实现持久的操作
加载微调器不是指示持久加载的正确方法。如果我们知道什么时候会发生,等待它就更容易忍受。因此,要进行长时间的操作,您应该清楚地指示用户需要等待多长时间。作为一般经验法则,对于需要10秒钟或更长时间的较长过程,应使用“完成百分比”动画。

图片来源:Behance
或者,您可以提供操作的一般时间估算。不要试图准确,一个简单的“这可能需要一分钟”就足以通知用户并鼓励他们等待。

在Mac OS X中安装软件更新
4.调整用户对时间的感知
用户会想到内容加载的速度。当尝试创建更快的用户体验时,您可以缩短感知时间而不是实际时间。为此,您可以使用内容,动画或用户可以执行的操作来填充等待时间。
进度条
网站设计制作使用户可以期望处理动作的速度。进度条的移动方式会影响他们对加载时间的感知。为了使一个进度条,感觉速度更快的用户可以使用如下简单的技巧:
- 进度栏永远都不应停止,否则用户会认为站点已冻结。最糟糕的情况是进度条接近99%并突然停止。大多数用户会对这种行为感到沮丧。
- 您可以通过立即稳定地移动进度条来掩饰小延迟。
- 在开始时缓慢移动进度条,并在结束时加快进度条,以使用户快速了解完成时间。