SuperAPI AI 工具集

ux-loaders-and-progress

通用与其它

查看项目

更新于 10-16 01:49

技能介绍

用途:为界面设计或评审加载状态与进度指示,核心判断依据是等待时长与任务结构,目标是塑造用户对时间的感知,而非装饰。

主要能力:先用四个问题确定等待类型——等待多久、进度是否可测量、由什么触发、是否属于多步用户旅程。据此选择指示器:小于1秒通常无需指示;1至5秒用不确定型(旋转或文本加载,如“Saving…”配脉冲点动画);约10秒以上用确定性进度条或填充圆环并加百分比;内容加载用骨架屏,按自上而下顺序填充。

使用方式:反馈位置对应含义——靠近触发动作(提交按钮内联)、覆盖在加载内容上、或仅在整页真正加载时居中。按钮内进度同时实现反馈与防重复提交。多步旅程(表单、结账、引导)用进度追踪器而非加载器,需始终可见完成、当前、剩余三种状态,标注步骤标题,最多5至7步。

适用场景:内容区域用骨架屏,动作反馈用内联旋转;三步以上逻辑阶段用带标签的步骤追踪器;短旅程用进度条;引导页用圆点;状态时间线用垂直追踪器;超过几分钟的流程加自动保存与返回上一步。

限制与注意:避免全页旋转、可测量任务上的无限循环、两步表单上的追踪器、跳动的百分比、无保存的长表单。品牌化加载器须先确定确定性或不确定性,功能优先。生成或修改后建议交由启发式、无障碍、美学、微文案等审计视角验证;若相关技能未安装,本技能核心规则已覆盖,可直接进行。资料未提供具体安装命令、收费与平台信息。