一个有趣的404页面，是如何体现的？

有趣的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可以放张守球失败相关图片，而篮球可以放张“三不沾”的照片，结合自身产品以此类推。也可以根据不同行业，在提示信息中加入行业词语，例如：教育类的“老师累了，需要休息，请稍后再来哦”。

3. 平铺直叙法

这种方法虽然没有艺术性，没有幽默感或者社会意义，但也是最负责的表达方式，直接告知用户页面出现了问题，导致问题的原因有哪些，聚焦于如何解决404页面问题，适合效率为主的产品，例如电商类产品。

4. 游戏娱乐法

游戏可以促进多巴胺产生，玩游戏或有趣的交互互动，可以激发快乐感受，这种方法可能消耗较多开发和设计人力，用户体验价值也难以量化，所以慎用吧。

一个典型的栗子是谷歌404小恐龙。呆萌的小恐龙趣味性十足，网上还有用户发布了谷歌404小恐龙教程，像这类小游戏404应用的网站也比较多。

5. 自嘲手法

这种方式一般会将产品拟人化，采用用户熟悉的人物形象，用偏幽默的方式告知用户页面崩了，有点像喜剧中自嘲的手段，逗乐用户，创造积极体验。适合娱乐类产品，例如电影类网站等。

 结语 

无论如何，404页面之所以出现，是因为没有满足用户需求。所以不管做得再怎么好玩有趣，原本该出来的没有出来，用户想知道的没有知道，做得再好玩也都是本末倒置的。

404页面如同你在跟女神表白，表达了你想跟她在一起的需求，但她拒绝了你。把404页面做得有趣，就有点像女神在委婉拒绝，话说得再好听，拒绝了就是拒绝了，终究是会影响用户体验的。

那么有趣的404页面存在的意义，大概是“虽然女神拒绝了我，但不妨碍她有趣的灵魂会一直吸引我”。

你还见到过哪些有趣的404页面？扫描下面的二维码，一起来分享吧~