异常页概述
指在用户使用过程中出现错误、异常、故障等情况时所展示的页面,也可以称作错误页、故障页等。
异常页的设计可以帮助用户理解问题所在,提供解决方案,减少用户的困惑和焦虑情绪,提高用户的满意度和体验感。
业务目标
向用户提供有关错误信息、解决方法或其他相关信息,让用户快速恢复操作,提高用户满意度,减少用户流失率。
用户场景
当系统或应用程序出现异常或错误时,用户会看到异常页。用户可能会因为错误信息无法理解、无法解决错误、无法恢复操作而感到沮丧、困惑或失望。
用户诉求
用户需要快速、清晰、明确地了解错误信息,以便他们可以快速恢复操作或找到解决方法。
设计目标
设计一个清晰、明确、易于理解的异常页,向用户提供有关错误信息、解决方法或其他相关信息,以提高用户满意度和减少用户流失率。
设计策略
在异常页中,使用简单、清晰的语言来描述错误信息,提供解决方案或其他相关信息,让用户能够快速恢复操作或找到解决方法。
使用明亮的色彩和清晰的图像来吸引用户的注意力,以增强用户的体验。
设计方案
- 用简单、易于理解的语言描述错误信息,以帮助用户快速了解错误的性质和原因。
- 提供用户可以采取的解决方法或其他相关信息。
- 在设计中应该避免使用复杂的图像或过于花哨的设计,以免分散用户的注意力,造成混乱和困惑。
设计原则
用户友好
使用友好、清晰的语言来表达,不要使用难懂的术语,让用户产生困惑。
提供引导
引导用户进入下一个交互层次的提醒和暗示,以表明在下一个界面可以做什么。
衡量指标
可以通过错误恢复率、用户反馈和转化率等指标来衡量异常页的效果和用户满意度。如果错误恢复率和用户反馈良好,则可以确定异常页的设计方案是成功的。
页面结构
当页面出现异常时展示,其包含以下要素:
- 配图:为沉重的异常增添一点乐趣,缓解用户烦躁心理;
- 异常代码/问题:当异常有具体的 HTTP 错误代码时,可予以展示;
- 异常描述:简明扼要地描述异常原因,方便用户作对问题作反馈;
- 建议操作:协助用户处理异常,或把用户引导回正确的路径上。
403
无权限,可能包括无应用权限或无数据权限,根据实际情况向用户反馈。
404
当用户请求访问的页面、项目、资源等未找到时可使用。
500
当服务器出错,无法向用户提供服务时。
浏览器不兼容
当浏览器不兼容导致用户无法打开网页的时候使用。
加载失败
当页面因为网络等各种原因加载内容失败时展示,一般结合重试操作。
设计布局
区块内容在容器内水平和垂直居中。