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

【每天问每周精选】第102期：你见过哪些有趣的404页面，是如何浮现的？

以下内容来自每天问用户：@Ja *** ine @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. 游戏娱乐法