UI设计进度指示器设计规范

进度指示器设计规范

进度指示器设计规范：进度指示器通知用户正在进行的状态，例如加载应用程序、提交表单或保存更新，今天小编主要给大家分享进度指示器设计规范，希望对你们有帮助!

一、组件定义

进度指示器指示未指定的等待时间或显示过程的持续时间，使用活动指示器和进度条让用户知道你的应用程序没有停止，让他们知道需要等待多长时间。

在那些需要很长时间才能完成的操作中，向用户显示操作进度的一种模式。

(1)作用

如果用户在操作后，没有给出反馈，用户将很容易失去耐心。如果一个操作超过两秒钟的等待时间，可以应用这种模式来显示当前的进度，这样用户就可以知道等待时间，减少焦虑并确保内心的确认感。

相反，它会引起用户的负面情绪，降低用户体验价值，导致用户直接退出程序。

(2)使用规范

进度指示器通知用户正在进行的状态，例如加载应用程序、提交表单或保存更新。它们传达应用程序的状态并指示可用的操作，例如用户是否可以离开当前屏幕。动态指示器可以是文本指示器或图形指示器。它需要告诉用户以下基本信息:

1)当前操作内容

2)完成的比例

3)完成需要多长时间

4)这项任务可以停止吗

二、使用原则

这种类型的模式需要遵循以下原则:

1)功能是优先，进度指示器可以设计外观来反映过程状态，并且视野不应大于功能。

2)动画效果，指示器始终是动态的，用动画来吸引注意力并通知用户活动的进展。

3)一致性，程序中一致的流程应该以一致的格式显示。

三、 组建分类

(1)载体展示方式层面

进度指标有两种，一种是线性进度指标，另一种是圆形进度指标。选择一个指示器在应用程序中显示相同的场景。例如，如果主页的下拉刷新使用圆形进度指示器，那么该应用程序的其他下拉刷使用一致的圆形进度指示器来显示。

(2)交互层面

指示器的加载状态可分为两种类型，一种是确定指示，另一种是不确定指示。

确定指示:加载时间可以量化，可以检测过程完成率的情况下，可以使用此方法。

不确定性指示:当记载时间不可量化且进度无法检测时，可以使用此方法。