加载状态的存在是为了回答用户的一个问题:有什么事情发生吗?如果没有答案,人们会再次点击、重新加载页面或离开。正确答案取决于他们等待的时间。
对于非常短的等待(大约十分之一秒),大多数人不会注意到延迟,因此指示器只会增加闪烁。一种常见的技术是在显示旋转器之前短暂等待,因此快速响应根本不会显示旋转器。
等待一秒或几秒钟,在结果出现的地方显示反馈。骨架屏幕,即即将出现的布局的灰色轮廓,非常适合列表、卡片和配置文件,因为它显示即将出现的内容并减少布局变化。旋转器适用于小区域或当结果具有不可预测的形状时。
对于诸如上传、导出或人工智能生成之类的长期任务,如果可以衡量的话,请展示真正的进展,解释正在发生的事情,并让人们取消或继续其他工作。旋转一分钟而没有其他信息的旋转器感觉像是一个失败。
启动动作的控件也需要一个状态。提交按钮切换到加载状态,并且不能按两次,可以防止重复的订单和消息。当加载结束时,明确地转向成功或错误,而不是默默地返回到默认值。
动画在这里很有帮助,但要保持平静和简短的循环,并尊重简化的动作设置。我们制作的 ExodeUI 可让您设计一个加载程序或按钮,并在一个文件中包含加载、成功和错误状态,您的代码可以在该文件之间进行切换。