Error Message 错误提示
错误提示不是吓用户,也不是只说“发生错误”。它要把系统失败翻译成用户能继续行动的说明。用户看到它以后,应该知道问题在哪里、自己能不能修、下一步该点哪里或改哪里。
关键结构图
输入框旁出现错误提示,箭头指向“修正输入”,再回到提交按钮。
What
Error Message 是用户卡住时那句有用的话:哪里错了、为什么错、怎么改。
Error Message 错误提示是当用户输入、操作或系统处理出现问题时,告诉用户发生了什么、哪里需要修正、下一步怎么做的界面文案和状态。它的边界是面向用户可理解和可行动的错误;内部异常、堆栈、日志和含糊错误码不能直接替代错误提示。
StructureError Message = 问题位置 + 错误原因 + 修正方向
When
当输入格式错误、必填项缺失、权限不足、上传失败、支付失败、网络失败或系统无法完成操作时,需要错误提示。
How
把错误放在离问题最近的位置,写清楚字段或动作,给出可执行修正方式。长表单可以加错误汇总,帮助用户快速回到错误位置。
Examples
坏提示:格式错误。好提示:请输入包含 @ 的邮箱地址。后者说明了问题和修正方式。
上传失败时,提示不应只写 失败。更好的是说明文件太大、网络中断或格式不支持,并告诉用户下一步。
来源
类型:可访问性规范 / 设计系统实践
事实线:GOV.UK Design System 将 error message 作为表单组件的一部分,强调错误提示要靠近相关输入项并清楚描述错误;WCAG 要求输入错误能被识别并向用户描述。
依据:GOV.UK Error Message、WCAG Error Identification、常见表单和产品错误处理实践。
边界:适用于用户可理解、可修正或需要知道的错误;不适合把内部技术栈、异常堆栈或模糊错误码直接丢给用户。
常见误读:不要把红色文字本身当作错误提示。颜色只是状态,说明和修正路径才是关键。