耳朵们要好好收藏
原文：Nick Babich | 译：程琳琳
当我们设计时，我们没有办法模拟不同场景的加载速度，所以我们可能忽略网络环境不佳场景的设计，让用户必须等待内容显示。但网络速度并不总是得到保证，尤其是图片或者音乐正在下载时，在这种情况下，我们必须显示点什么来满足用户预期并弥补这种体验差距。
1.循环动画是讨厌的！
单纯的循环动画不是表示加载的正确方式。默认加载图案往往具有负面的含义。它们提供各种操作系统功能，指示从设备启动到连接到网络或加载数据的问题的一切状态。用户讨厌只看到一个加载图案无限循环，没有任何进展或者时间指示，使得用户在盯着加载杆或者旋转轮图案看时，跳出率变高。
不确定的等待时间长于已知的等待时间。你应该给用户一个明确的指示，他们需要等待多久。可以尝试一些有意义的精度条来表达。创意进度条显示用户当前的进度并缓解等待的痛苦。
进度条告诉用户一个动作需要多长时间，但并不总是正确的。您可以通过立即和稳定地移动进度条来掩饰小的延迟（快速的开始，并在结束时放慢速度）。进度条不应该停止，否则用户会认为应用程序卡死。
2.使用后台预加载
在后台预加载有两个好处：一来它们对于用户来说是不可见的，并且在用户实际要求之前发生，提高了预览速度。再来让用户集中在自己的任务里，不被其他打扰。一个很好的例子就是在Instagram上上传图片。一旦用户选择要共享的图片，它就开始上传。（译者：没有Instagram的同学，可以看下腾讯QQ的发布作业功能也是如此）
Instagram邀请用户在后台上传图片时添加标题和标签。当用户准备按分享按钮时，上传将完成，可以立即分享他们的照片。
3.虚拟内容和占位符
如果您不能缩短线程，您应该始终尝试让等待更愉快。这是临时信息容器的正确时机。为了保持用户的参与，使用虚拟内容作为文本和图像占位符。 这里有几个提示： 加载屏幕不应突出显示。它不需要引人注目。Facebook的灰色占位符是一个很好的例子。在加载内容时，它使用模板元素，并使用户熟悉正在加载的内容的整体结构。
于加载图像，您可以使用填充加载图像的主要颜色的占位符。媒体有一个很好的图像加载效果。首先，加载一个小的模糊图像，然后过渡到大图像。
加载图像的中等占位符
使用占位符和虚拟内容没有加速加载过程，但在用户的心中，感觉就像是这样。
4.分散用户的注意力
为了确保人们在等待某事发生时不会觉得无聊，给他们一些分心。这可以是一些有趣的事情，一些意想不到的事情，或者任何其他的东西，吸引用户的注意力足够长，让您的应用加载。
搜索动画
动画可以分散您的访问者的注意力，并使其忽略长时间的加载。
结论
用户不想等待内容。如果你让他们觉得永远不要等待，他们总是会喜欢你的应用程序。帮助用户察觉到加载时间比实际等待更短，有助于缓解等待焦虑。
网友评论