“404 找不到页面” 犯错也创意
什么是404页面？
网页服务器HTTP响应状态有五种，分别用不同的数字代码表示：
- “1xx”表示消息；
- “2xx”表示成功；
- “3xx”表示重定向；
- “4xx”表示请求错误；
- “5xx”表示服务器错误；
“404”为“4xx”其中一种，表示请求失败，请求所希望得到的资源未被在服务器上发现。我们在一个站点输入或点击一个不存在的链接的时候就属于此例。
系统默认404页面
下图为系统默认的404页面。看到这个页面，有种感觉就像我以为“你要带我走进你的花房”，结果出现的是一片荒凉。“是网络出问题了吗？是网站出问题了吗？我在哪里？我怎么逃出这个页面？”在一系列的问题没有得到解答之后，用户唯一的做的只能是关闭这个页面。所以，一个良好的404页面，必须在用户走到路的尽头时候给予情绪安慰和“逃生”指导。
创意有趣的404
针对以上问题，一个良好的404页面需要包括或传达以下内容和信息：
1、放置网站logo等网站元素，表示我还在这个站点上，只不过刚此访问的页面不存在。
2、放置“首页”等导航链接，将用户引入相关页面，避免用户进入死胡同直接关闭页面。
3、用轻松的画面和语言表达“找不到页面”这个404信息，消除用户挫败感。
下面主要针对第三点来欣赏下各式各样的设计。创意而有趣的404页面一般采用轻松、诙谐、幽默或表示歉意的图文。
1、真人秀、摄影图片系列
Up-her.com/（由图片组成404，每张图片可点击查看）
bluedaniel.com（会有一辆地铁呼啸而来）
2、插画设计系列
Cayenne.it（把“出口”融入到对话框形式中）
3、小游戏、视频系列
Dim.hr（背景是个很短的小视频，里面2个人在对话）
Mameilleurecuite.com（键盘控制的小游戏）
（搞笑的小视频）
4、404也公益
网易404页面：“寻人计划”
5、其他类型的404
以上收集的404页面除了公益外，都是轻松、娱乐、诙谐、幽默的。窃以为还可以有其他路线可走，如：
● 知识普及路线：通过生动、简单的图文，介绍一些知识；
● 小清新路线：优美的诗句、歌词，配上文艺范的图片；
● 广告路线：品牌形象宣传（上文中提到的网易公开课“404找不到页面”的故事中，也出现一个带有可口可乐品牌形象的404页面），当然设计上必须有恰到好处的融入感，别像一个硬生生的广告；
总结
404最好的体验当然是不出现“404页面”，以上的种种设计只是在出现时将用户的负面情绪降低到最低，除此之外404页面的主要任务还是将用户返回到正常的使用路径中，而不是让用户沉溺于此。