跳到主要内容

异常页概述

指在用户使用过程中出现错误、异常、故障等情况时所展示的页面,也可以称作错误页、故障页等。

异常页的设计可以帮助用户理解问题所在,提供解决方案,减少用户的困惑和焦虑情绪,提高用户的满意度和体验感。


业务目标

向用户提供有关错误信息、解决方法或其他相关信息,让用户快速恢复操作,提高用户满意度,减少用户流失率。

用户场景

当系统或应用程序出现异常或错误时,用户会看到异常页。用户可能会因为错误信息无法理解、无法解决错误、无法恢复操作而感到沮丧、困惑或失望。

用户诉求

用户需要快速、清晰、明确地了解错误信息,以便他们可以快速恢复操作或找到解决方法。

设计目标

设计一个清晰、明确、易于理解的异常页,向用户提供有关错误信息、解决方法或其他相关信息,以提高用户满意度和减少用户流失率。

设计策略

在异常页中,使用简单、清晰的语言来描述错误信息,提供解决方案或其他相关信息,让用户能够快速恢复操作或找到解决方法。

使用明亮的色彩和清晰的图像来吸引用户的注意力,以增强用户的体验。

设计方案

  • 用简单、易于理解的语言描述错误信息,以帮助用户快速了解错误的性质和原因。
  • 提供用户可以采取的解决方法或其他相关信息。
  • 在设计中应该避免使用复杂的图像或过于花哨的设计,以免分散用户的注意力,造成混乱和困惑。

设计原则

用户友好

使用友好、清晰的语言来表达,不要使用难懂的术语,让用户产生困惑。

提供引导

引导用户进入下一个交互层次的提醒和暗示,以表明在下一个界面可以做什么。

衡量指标

可以通过错误恢复率、用户反馈和转化率等指标来衡量异常页的效果和用户满意度。如果错误恢复率和用户反馈良好,则可以确定异常页的设计方案是成功的。

页面结构

当页面出现异常时展示,其包含以下要素:

  1. 配图:为沉重的异常增添一点乐趣,缓解用户烦躁心理;
  2. 异常代码/问题:当异常有具体的 HTTP 错误代码时,可予以展示;
  3. 异常描述:简明扼要地描述异常原因,方便用户作对问题作反馈;
  4. 建议操作:协助用户处理异常,或把用户引导回正确的路径上。

403

无权限,可能包括无应用权限或无数据权限,根据实际情况向用户反馈。

404

当用户请求访问的页面、项目、资源等未找到时可使用。

500

当服务器出错,无法向用户提供服务时。

浏览器不兼容

当浏览器不兼容导致用户无法打开网页的时候使用。

加载失败

当页面因为网络等各种原因加载内容失败时展示,一般结合重试操作。

设计布局

区块内容在容器内水平和垂直居中。