来源：Medium网站

作者：Lisa Berteau Smith

翻译：奥创

阅读时长：4min

用户反馈最常见和最重要的形式之一是进度指示器。进度条可确保应用程序正常运行并取得进展。良好的设计将减少用户的不确定性，提供等待的理由，并减少用户对时间的感知。等待是一件有趣的事情。研究表明，人们高估了他们等待的时间约为36％。一个持续不断变化的进度条会让人觉得事情正在放缓。那么我们如何管理用户的期望呢？

来源：invisionapp

占用时间比未占用时间短。记者Daniel Engber在他的TED演讲中描述了这一点，进度条如何让你保持理智。“这会让你在等待这个激动人心的叙事中体验到你在你面前展现出来的经历。”

因此，进度条有助于设计。你什么时候包括一个？

如果等待时间超过一秒，请使用指示灯。每个人都熟悉的默认加载图标，如iOS的微调器或死亡旋转轮，都有不利的关联。通过指示时间进度的方式创建新内容，用户将保持参与。此外，允许用户离开较长的加载时间，或让他们暂停或停止以给予用户控制。

在他的博客中，Rusty Mitchell详细介绍了一项Facebook测试，该测试表明他们试图用独特的动画向用户表示加载; 用户指责该应用程序。但当他们看到iOS应用程序动画时，他们更经常会责怪系统本身。因此，当加载时间很长时，或者在应用程序控制范围之外时，熟悉的微调器可能是最佳选择。

资料来源：Rusty Mitchell

以上示例都是不确定的进度旋转器和条形图。当没有必要传达一个过程需要多长时间时，这些应该有效。对于其他一切，有一种确定的风格。

一个确定的指标应始终从0％到100％，永远不会后退。即使发生了多个事件，也只需使用一个符号来表示整个进度水平。实现这一目标的一种方法是通过简单的线性动画。如果该过程花费的时间超过10秒，则使用基于百分比的动画。如果可以确定时间或是否是一个非常漫长的等待，也提供一般的时间估计。

如果您使用动画，请在开始时慢慢开始移动并随着时间的推移加速。就像我们在之前的研究中看到的那样，用户观察到速度一直在减慢。通过在接近结束时让费率移动得更快，用户将感受到更短的整体等待。

显示所讨论的所有技术的示例。来源tympanus.net

进步不仅仅是加载或等待时间。如果百分比指标不适用或者您可以将等待时间分解为具体措施，请指明帮助用户形成估计时间的步骤数。选择步进器的好时机是有多种形式，用户调查或结账过程。

一个步进器，用于标记我使用Angular Material制作的应用程序的进度

最后，如果现在还不清楚，请不要使用静态符号。“加载...”或“处理结果...”之类的消息没有附带的动画指示符是静态的，并且不提供动态用户反馈。它通常会让人觉得某些事情是错误的或被打破的。更有意义，更具互动性和娱乐性的东西将向用户发出一切按预期工作的信号。

正如我们所讨论的，进度条有助于减少等待疲劳并保持用户参与。好的设计提供反馈。进度条可以按照定义或不确定来说明，并使用循环，线性或渐进式动画。您可以选择将其设置为独特或面向系统的位置。完成百分比，一般时间估计和步进器也向用户传达进度。按照以下步骤操作，您将很好地了解何时以及如何使用进度指示器。