iOS12界面设计指南之视图(Controls)–进度指示器(Progress Indicators)

引自《iOS12界面交互设计规范(iOS 12 Human Interface Guidelines)》

 

不要让用户紧盯着静态屏幕来等待应用程序加载内容或执行冗长的数据处理操作。使用加载器和进度条,让人们知道你的应用程序没有停止,并且要让用户知道他们需要要等多久。

加载器

旋转的加载器是无法量化任务的,一般被用在加载或与复杂的数据进行同步。任务完成时它就会消失。加载器是不可交互的。

进度条要优于加载器(Favor progress bars over activity indicators.)如果活动是可量化的,那么尽可能的使用进度条来代替加载器,这样用户就可以更好地判断发生了什么和需要多长时间。

保持加载器的运动(Keep activity indicators moving.)用户会很自然的把静止的加载器和应用的停顿联系起来。保持加载器的旋转,让用户知道发生了什么事情。

如果有帮助,在用户等待任务完成时为其提供有用的信息(If it’s helpful, provide useful information while waiting for a task to complete.)在加载器上方加上一个标签以提供额外的上下文信息。避免使用像加载或验证之类的比较模糊的术语,因为它们通常不会有任何效果。

进度条

进度条包括了一个从左到右顺序填充的轨迹,用以显示当前时间的任务进度。进度条是非交互式的,但其往往配合有一个按钮,用以进行取消等操作。

始终保持进度条的准确性(Always report progress accurately.)不要显示不正确的进度信息,来只是为了让你的应用看起来很忙。要么使用可量化的进度条。否则就直接使用加载器。

对于可量化完成时间的任务使用进度条(Use progress bars for tasks with a well-defined duration. )进度条对于显示任务的状态是非常有用的,特别是当它有助于说明任务需要完成多长时间时。

在导航栏和工具栏中隐藏未填充的进度条轨道部分(Hide the unfilled portion of track in navigation bars and toolbars.)默认情况下,进度条的轨道包括填充部分和未填充部分。当在导航栏或工具栏中使用时,例如表示一个页面加载时,应该配置一个进度条来隐藏轨道的未填充部分。

考虑定制一个进度条的外观来匹配你的应用程序(Consider customizing a progress bar’s appearance to match your app. )进度条的外观是可以调整的,可以调整来配合您的应用程序的设计风格。例如,您可以定制或填充指定自定义颜色或图像。

网络加载器

当网络进行加载时,网络加载器会出现在屏幕顶部的状态栏中并进行旋转。当网络加载完成时它就消失了。这个标志看起来就像是一个加载器且是非交互式的。

仅当网络加载需要持续超过几秒钟时显示此网络加载器(Show this indicator only for network operations lasting more than a few seconds. )不要对于加载比较快的网络任务显示加载器,因为它可能会在任何人注意到它的存在之前就消失了。