无论您的用户界面设计得多么好，无论何时何地，使用它的人们都必须等待加载某些内容。
加载时间可能会损害整体体验。让用户等待太久才能加载您的应用程序可能会使用户不耐烦。如果用户有这种感觉，他们将放弃您的网站并转到其他地方。值得庆幸的是，您可以采取一些措施来加快用户的时间感，使他们感觉自己的内容加载速度比实际速度要快。
1.切勿让用户在没有反馈的情况下等待
如果用户的连接速度很慢，则站点可能需要一段时间才能在屏幕上填充内容。用户的等待时间从他们开始执行操作的那一刻开始，最糟糕的情况是他们没有任何迹象表明该站点已收到该操作。
当您的站点无法通知用户它需要一些时间才能完成操作时，用户通常会认为它没有收到请求，因此会重试。由于缺乏反馈，导致大量额外的水龙头。让别人快乐，我们需要给一个迹象表明，事情正在发生，提供视觉反馈。
2.避免使用静态进度指示器
静态进度指示器是图像或文本不动的指示器，例如“正在加载...”或“请稍候...”以指示已接收到请求。虽然任何反馈总比没有好，但静态指标却是糟糕的UX。用户没有任何指示正在加载内容的指示符，因此他们不确定该过程是否真的卡住了。
3.使用动画加载指示符
等待时间的心理学研究表明，用户等待一秒钟后就开始转移注意力而没有任何反馈。为了减少用户的不确定性，请使用进度指示器执行任何比此更长的时间。（注意：不建议您在少于一秒钟的时间内加载动画，因为用户可能会担心屏幕上闪烁的内容）。
无限负载旋转器，可实现相当快的操作
动画指标的最简单形式是加载微调器。这种类型的视觉反馈仅说明了用户必须等待的事实，但没有说明他们应该等待多长时间。通常，应将此类进度指示器用于快速操作（2-10秒）。
从中心点放射出的灰线旋转器是一种标准方法。
加载微调器通常与“拉动刷新”手势一起使用。它充当UI的两种状态之间的中介，并帮助用户了解屏幕更改时发生的情况。
适用于iOS的Apple Mail应用程序
完成百分比的动画可实现持久的操作
加载微调器不是指示持久加载的正确方法。如果我们知道什么时候会发生，等待它就更容易忍受。因此，要进行长时间的操作，您应该清楚地指示用户需要等待多长时间。作为一般经验法则，对于需要10秒钟或更长时间的较长过程，应使用“完成百分比”动画。
图片来源：Behance
或者，您可以提供操作的一般时间估算。不要试图准确，一个简单的“这可能需要一分钟”就足以通知用户并鼓励他们等待。
在Mac OS X中安装软件更新
4.调整用户对时间的感知
用户会想到内容加载的速度。当尝试创建更快的用户体验时，您可以缩短感知时间而不是实际时间。为此，您可以使用内容，动画或用户可以执行的操作来填充等待时间。
进度条
进度条使用户可以期望处理动作的速度。进度条的移动方式会影响他们对加载时间的感知。为了使一个进度条，感觉速度更快的用户可以使用如下简单的技巧：
- 进度栏永远都不应停止，否则用户会认为站点已冻结。最糟糕的情况是进度条接近99％并突然停止。大多数用户会对这种行为感到沮丧。
- 您可以通过立即稳定地移动进度条来掩饰小延迟。
- 在开始时缓慢移动进度条，并在结束时加快进度条，以使用户快速了解完成时间。
图片来源：Dribbble
骨架屏幕
等待时间是骨架屏幕（又称临时信息容器）的合适时间。骨架屏幕本质上是页面的空白版本，在该页面中逐渐加载信息。它提供了传统动画指示器的替代方法。骨架屏幕不是显示抽象的小部件，而是创建对即将发生的事情的预期，并使用户专注于进度而不是等待时间。
骨架图像加载迅速，因为它通常是由简单形状组成的小图像。由于骨架模板可以与应用程序的数据一起存储在本地，因此在移动应用程序中可以进一步采用这些技术。Facebook的iOS应用程序向用户显示灰色块和线条，以表示应用程序加载时的图像和文本。完成加载后，图像和文本将显示在临时容器的位置。这并不比具有带有微调器的加载屏幕快，但是在用户的脑海中，感觉确实如此。
后台操作
您可以使用的另一个速度技巧是后台操作。打包到后台操作中的动作有两个好处-用户看不见它们，并且在用户实际要求它们之前发生。在后台进行过程时，为用户提供其他要注意的事项。一个很好的例子是在Instagram上上传图片。用户选择要分享的图片后，便会立即开始上传。该应用程序邀请用户在后台上传图片时添加标题和标签。当用户准备好按“共享”按钮时，上传将完成，并且可以立即共享其图片。
渐进式图像加载
随着现代应用程序和网站加载越来越多的图像，请考虑其加载过程，因为这会影响性能和用户体验。使用模糊效果可以创建渐进式图像加载效果。
高端网站设计例子是中，它模糊了帖子图像的封面以及帖子内容中的图像，直到图像完全加载为止。首先，它加载小的模糊图像（缩略图），然后过渡到大图像。缩略图很小（只有几千字节），加上模糊效果，可以提供比纯色更好的占位符，而不会牺牲有效负载。
