有趣的404页面能缓解用户的焦虑和挫败感，那么一个有趣的404页面，是如何体现的？

作者：Ella

你见过哪些有趣的404页面，是如何体现的？

以下内容来自天天问用户：@Jasmine @JaylonG @joe @CHIN_PM @小u @请叫我马小胖 @月半小阁 @九久玖

404页面，指的是显示网站错误链接的页面，可能是该访问的页面不存在，也可能是页面已经被删除。出现404异常状态，用户体验可能不佳，但有趣的404页面能缓解用户的焦虑和挫败感。于是许多网站/App各出奇招，出现了不少让人眼前一亮的404页面。

01

在了解“一个有趣的404页面，是如何体现的？”前，我们先了解几个在做这类页面设计时会考虑的问题：

问题一：为什么会存在404页面？

问题二：什么人群会看到404页面？

问题三：404页面的作用

问题四：404页面的表现形式

通过以上流程的思考，能够帮助避免主观盲目设计这类页面。

问题一和问题二帮我们界定404页面存在的状况以及人群，具体要通过用户体验以及调研去得到具体的答案。大概来说，一般看到404页面的人群，基本也属于「网络情况问题」和「产品本身问题」，但是他们都有个相同的特征，就是在“需要你的时候，你挂了”。

所以问题三，404页面存在的作用有两个：

缓解用户当前遇到的问题所产生的焦虑

解决用户当前所遇到的问题

我们应该从问题一到问题三来思考404页面的表现形式，而不是说自认为越炫越好，首先要意识到这个页面是因什么而存在，存在又是为了什么。如果你不能思考到这个问题，那你的设计是盲目的。

02

接下来，我们重点介绍一下“如何定义表现形式”。在研究分析了几十款404页面设计之后，发现优秀的设计方式都包含下列元素：图形（动画）+文字+（操作按钮）

图形——品牌形象/可爱形象等——缓解转移用户焦点

动画——品牌形象——缓解用户焦虑

文字——提示问题/引导操作——给出解决方案

游戏/互动——互动性引导——缓解用户焦虑

按钮——引导操作——（视情况而定）

因此，综合以上这些元素，可以把有趣的404页面分为以下几类展现方式：转移注意力法、隐喻手法、平铺直叙法、游戏娱乐法、自嘲手法。

1. 转移注意力法

这种方法将404页面视作可被利用的空间，来呈现公益信息，这种方法暂时减弱了用户对产品的愤怒，将注意力转向对弱势群体或社会问题的关心，侧面感受产品的社会价值，这种方法适用于社会公益性质或相关业务的产品。

比如腾讯公益的404页面，这个项目的灵感源于欧洲失踪儿童联合会主导的，名为“NotFound Project”的网络公益工程。就是利用404页面展示那些被拐卖儿童、失踪儿童的信息，帮助那些孩子重新找到家人。

比如丁香园的404页面，文案是“你所访问的页面就如那些遇害的同道，已离我们远去。”下面还会有这些白衣天使的照片和名字。以这样的方式悼念亡者，也侧面展现了丁香园的社会价值。

2. 隐喻手法

这是一种很艺术很委婉的方式，404这几个大字太平铺直叙，缺少细细品味和想象的余地。隐喻手法运用现实中的事物对404的意义进行比喻，具有艺术审美价值，适合产品品牌介绍网页。

将产品的形象融入到404页面，也是一个不错的法子。不仅显得有趣，提高了用户体验，也提升了品牌认知。

像之前收集过的一张棒球网站404，同时也可以延伸出许多灵感，例如：足球类产品404可以放张守球失败相关图片，而篮球可以放张“三不沾”的照片，结合自身产品以此类推。也可以根据不同行业，在提示信息中加入行业词语，例如：教育类的“老师累了，需要休息，请稍后再来哦”。