在 UI 设计中，"错误提示" 看上去只是很小的一块 —— 输入框下方一行红字、弹窗里一段说明 —— 但如果没设计好，它对产品体验的杀伤力远超想象。兰亭妙微在做体验走查时发现，很多产品的核心功能做得不错，却偏偏在错误状态上马马虎虎，硬生生把用户劝退。
错误在 App 和生活中都会发生：有时是用户输错了，有时是系统崩了，有时是用户同时做了两个矛盾的操作。无论谁的锅，每一个错误对用户来说都是一道阻碍。而设计良好的错误处理，能把失败变成惊喜。
错误信息的三个支柱
兰亭妙微把一条合格的错误信息拆解为三个不可或缺的部分：说清楚发生了什么、放在正确的位置、有良好的视觉呈现。 三者缺一不可。
先说 "说清楚"。很多产品的错误提示只写了 "操作失败" 或 "请输入有效内容"—— 用户看完一脸懵：到底哪错了？为什么错？我该怎么办？一条好的错误信息，应该像和用户对话一样，用用户听得懂的语言，把这三件事讲明白。
第一，要明确。 说清楚什么出错了、为什么出错。避免技术术语，别把 "404 Not Found" 甩给用户，要说 "您访问的页面不存在"。把错误信息当成和用户的对话，而不是系统日志的摘抄。
第二，要有帮助。 只说 "错了" 是不够的，还要告诉用户接下来该怎么解决。比如密码错误，别只说 "密码不正确"，加上一句 "请检查大小写后重试，或点击忘记密码"—— 用户立刻就知道下一步该干嘛。微软在这方面做得很好，错误描述和解决方案同时给出，用户当场就能解决问题。
第三，要针对具体情况。 很多产品图省事，所有验证失败都弹同一句话 —— 邮箱为空提示 "请输入有效邮箱"，少了 @符号也提示 "请输入有效邮箱"，格式不对还是同一句话。MailChimp 的做法值得参考：针对邮箱验证的不同状态，分别给出 "请输入邮箱地址"" 邮箱格式缺少 @符号 ""域名不完整" 三条不同的提示。用户看到的不是冷冰冰的统一模板，而是针对他当前问题的精准反馈。
第四，要友好。 哪怕确实是用户搞错了，也别用指责的语气。"你输入的密码错误" 和 "密码似乎不太对，再试一次？" 给人的感受天差地别。让用户感到被理解，而不是被训斥。这同时也是展示品牌调性的好机会 —— 一个温暖、有个性的错误提示，能让用户在受挫时反而对品牌多一分好感。
第五，适当幽默。 在保证信息准确、不误导的前提下，加一点幽默感能显著缓解用户的挫败感。404 页面放一个有趣的插画和一句俏皮话，用户的怒气可能就消了一半。但幽默要克制，金融、医疗等严肃场景慎用，别在用户真着急的时候抖机灵。
位置：在该出现的地方出现
好的错误信息，应该在用户需要的时候恰好出现在眼前。
最忌讳的做法是：表单填了一堆，点提交，错误提示统一堆在页面顶部 —— 用户还得往上翻，到底是哪一项错了？正确的做法是把错误信息放在对应的输入框旁边，用户一眼就能定位问题。如果有多个错误，可以在顶部做一个汇总提示，同时每个出错字段旁边标注具体问题，双管齐下。
位置的核心原则是：
错误信息和它所描述的 UI 元素，在空间上要有关联。 别让用户满屏找 "到底哪错了"。
视觉：让用户一眼看到，但别吓一跳
颜色上，红色是最经典的错误色，但在某些场景下，纯红会让用户过度紧张。兰亭妙微的经验是：轻度错误（比如格式提示）可以用橙色或黄色，严重错误（比如操作失败、数据丢失）才用红色。无论用哪种颜色，都要保证文字和背景有足够的对比度，用户能轻松阅读。
还有一个容易忽略的点：
不要只靠颜色传递信息。 色盲用户可能分不清红和绿，所以在颜色旁边一定要配一个图标 —— 一个感叹号、一个叉号 —— 让信息传达不依赖单一感官。Material Design 在这方面有很成熟的规范，值得参考。
写在最后
错误状态是产品体验中最容易被忽视、却最能拉开差距的环节。用户顺利完成任务时，他觉得这是理所当然；但当他出错时，产品是冷冰冰地甩一句 "错误"，还是耐心地告诉他 "哪里错了、怎么改"—— 这一刻的体验，往往决定了用户对产品的整体印象。
兰亭妙微始终认为：错误信息不只是 "报错"，更是引导用户走向正确方向的机会。 把语言、位置、视觉这三件事打磨好，错误发生时用户不会茫然，反而会觉得 "这个产品很懂我"。这才是错误状态设计的最高境界。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
