加载中 设计体系

检查进度

重置

01

结构及意义

在使用环境中比较信息和演示。

说明正在处理的工作编写与任务相关的状态，而不仅仅是旋转图标。如果系统未测量实际进度，则不显示百分比。示例 “处理 4 个文件”而不是长期固定的 99% 进度。足够早地回应显示已收到操作并避免闪烁指示器以立即完成。立即响应操作,但避免在任务立即完成时出现和消失得太快的图标。保持未受影响的部分可用仅锁定必要的内容并防止发送重复的请求。如果只需要加载一部分,请保持另一部分可用并指示哪一部分正在等待。

02

交互性和可用性

尝试操作，更改状态并继续工作。

传达有意义的进展阅读支持工具的状态并尊重运动减少。支持工具需要接收有意义的更新,而不是不断地重新读取相同的下载消息。有一种方法可以摆脱等待当时间过长时，请明确说明情况，取消或重试，并保留必要的数据。尝试任务非常慢,并且失去连接来测试用户可以取消、重试或检查结果。

03

完成体验

检查设计投入使用时容易忽略的细节。

定义不同背景的加载指标选择指示器、大小和位置,以便加载在浅色、深色和图像背景上保持可见。如果指示器只是一个图标,请提供适用于不同背景的变体。运动不会取代对比度或清晰的状态文本。

进度会自动保存在此浏览器中。

指南

检查方法

01

说明正在处理的工作

如果系统未测量实际进度，则不显示百分比。

示例

应用示例

说明正在处理的工作

“处理 4 个文件”而不是长期固定的 99% 进度。