访客点击按钮后看不到变化,于是再次点击。结果可能产生两条请求,也可能一条都没有。微小的界面反馈在这种时刻尤其重要。先说明系统正在做什么,再判断动画是否有助于理解。
让重要操作得到明确反馈
以假想的工作室咨询表单为例,提交时按钮显示“正在发送”,服务器确认收到后再展示编号和后续联系安排。处理中与已成功是不同状态,需要不同的信息。
请求成功之前不要展示成功勾号。如果连接失败,保留答案并提供重试。界面必须与后端结果一致,视觉精致无法弥补不可靠的提交过程。
hello@yourbusiness.com
没有反馈时,人们会重复点击、刷新或离开。可见的反馈几乎零成本。
让内容变化容易被理解
客户改变产品尺寸时,在选项附近更新价格;筛选后没有结果时,说明原因并提供清除筛选入口。反馈应靠近触发它的操作,减少寻找成本。
对于不移动焦点的动态信息,为辅助技术提供适当通知,但不要逐项播报所有细微变化。屏幕阅读器用户需要有用的反馈,同时保留对操作位置的控制。
让动画有目的,也可以减少
短暂过渡可以说明面板已打开或项目已移动。阅读内容旁边持续运动的装饰则可能干扰注意力。开启减少动态效果后再测试,确保文字、形状或位置仍能传达重要信息。
用触摸和键盘重复操作。只在悬停时出现的说明可能无法在手机上使用。不要在用户准备点击时移动控件,也不要强迫他们等动画播完才能继续。
认真处理不顺利的状态
列出默认、聚焦、处理中、完成、不可用和失败等状态。并非每个控件都需要全部状态,但重要流程必须能解释它可能到达的情况。提前决定超时之后如何恢复,以及重试是否安全。
为咨询表单模拟慢速网络和重复点击,检查用户能否看到一个清楚的结果。准确、克制的反馈,比建立在错误结果上的华丽动画更有价值。
开始之前
- 反馈应对应真实系统结果。
- 把变化放在相关操作附近。
- 支持减少动态效果、触摸和键盘。
- 测试慢速、失败、空结果和重复操作。