用途:这是一个面向界面加载体验设计的技能,目标是在内容需要时间到达时维持用户信心、降低感知等待时间。
主要能力:提供多种加载模式。骨架屏在内容加载前展示布局形状,适用于结构已知的内容,配以细微微光动画;不确定时长用不确定型加载指示器,进度可测量时用确定型进度条;渐进式加载先加载关键内容再逐步增强,并可采用懒加载与低清占位到高清的解码过渡;乐观 UI 立即展示预期结果,再与服务端响应对账,失败则回滚;占位内容以接近真实的比例展示文本或图片占位并平滑过渡到真实内容。
使用方式:按等待时长选择方案——100ms 以下不加指示器;100ms 至 1s 用细微提示,如透明度变化或骨架屏;1s 至 10s 用清晰的加载状态,可能时给出进度;超过 10s 给出详细进度、时间预估与后台选项。过渡上内容淡入而非突现,列表项以 30 至 50ms 间隔错开,避免内容加载时的布局偏移,并在刷新时保持滚动位置。
适用场景与限制:适合存在网络或异步数据延迟的界面。实践中应始终立即给出反馈、避免空白屏;骨架形状需匹配真实内容;避免多个相互竞争的加载指示器;长时间加载提供取消或返回;在慢速连接上测试;并尊重减少动态效果偏好,避免微光动画。资料未提供具体实现代码、框架绑定与性能指标。