一群设计师用“404错误页面”逼死人啦!

404页面

原文标题:一群设计师用“404错误页面”逼死人啦!
原文发布时间:2019-03-18 14:47
原文作者:摄图网。

什么是404页面?

404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。

说起“404错误”你眼前的画面是?

一群设计师用“404错误页面”逼死人啦!

随着这个白底黑字的页面出现,你不由自主地轻启双唇、微吐舌尖,发出一声“shit!

怎么能不生气?!本来老子打不开网页就不爽了,你还用这么简单的设计糊弄我?!

一群设计师用“404错误页面”逼死人啦!

不同于国内常见的“白底黑字”,国外有很多极具创意的404错误页面设计,让原本烦躁无比的用户们被设计师们给逗乐了~还可以顺便“坑”一把程序员!

Cool Apps (E)

一群设计师用“404错误页面”逼死人啦!

你不想看到这个页面,就像不想看到火星撞地球一样吧!

Dil Bert

一群设计师用“404错误页面”逼死人啦!

网页没了?!没事,我先看完这个漫画。

GitHub

一群设计师用“404错误页面”逼死人啦!

GitHub 以“星球大战”为主题的 404 错误页面相当酷,尤其是它会对你的鼠标活动作出回应。

嗯,和摄图网首页的摄小兔一样优秀!

Roman Braiser

一群设计师用“404错误页面”逼死人啦!

本来想干活,结果因为网页打不开玩了1个小时游戏?

法国里尔的一名开发人员Roman Braiser在404页面中添加了一个拯救小旅鼠的小游戏。

不幸进入该页面的用户,可以点击页面里的链接按钮,进入“为小旅鼠提供降落伞”的游戏中,直到最后一只小旅鼠落地游戏结束,会跳出一个感谢页面。当然,用户也可以不玩游戏直接回到主页。

IMDB(互联网电影数据库)

一群设计师用“404错误页面”逼死人啦!

IMDB的404页面很应景,展示了许多著名电影的经典台词,通过一些特定台词引导用户切回其他页面。

用咱们熟知的影视剧来做示例的话,就像——

“网页去哪了?书桓?

网页去哪了!求求你告诉我啊”

于是你不但没生气,还妥妥地被安利了一把《情深深雨蒙蒙》

Airbnb

一群设计师用“404错误页面”逼死人啦!

开心→哦,雪糕掉了→哼!生气

我们熟知的爱彼迎,404页面也是采用了动图的形式,随着页面的加载,本来面带笑容的小女孩的冰激凌掉了。

本来这个页面感觉创意方面也不是很出彩,但莫名老想一遍遍地看是为啥?!

估计是幸灾乐祸的感觉超好吧……

Figma

一群设计师用“404错误页面”逼死人啦!

备注:设计师最爱!!!求你了,一定电脑端打开试试!https://www.figma.com/404/

嗯,你猜的没错,页面拖拽圆点可以改变形状!!哦,我天!这种感觉似曾相识……

figma是一个基于web端的在线设计平台,这家网站的网页设计师得有多变态!多恨咱们这些设计同胞?!

Pattern Tap

一群设计师用“404错误页面”逼死人啦!

“哎,算了,好像他们工作人员也挺不容易的。”

Pattern Tap在页面中放了2张搞怪的照片,似乎向用户表达了这样一种情绪——

“哦!该死!!!!网页又不见了!”

“哎,但是臣妾也不愿意啊~”

用户应该是被这种惊人的演技折服(明明是我应该有的表情,他们咋比我用力还猛?)

Emailcenter UK Ltd

一群设计师用“404错误页面”逼死人啦!

“必须要有人为用户的生气买单!”选一个你要背锅的程序员吧!

Emailcenter UK Limited,英国著名的电子邮件营销平台。

Emailcenter UK Limited专门在其404页面为消费者提供了一个解气小游戏,将网页开发人员照片放置在该页面,让顾客决定由谁为这个错误负责,选择他们想要“解雇”的工作人员,无形中就消除了顾客的不愉快。

→右边那个程序员也太坏了吧

看了这么多创意案例,404错误页面设计中,我们要必须包含的元素有哪些呢?

1.致歉文案。

2.情况表述及可能原因阐述。

3.解决问题途径,提供其他导航或主页链接,推荐其他精彩内容。

4.将画面、文案尽可能与品牌联系

“404错误提示页面”设计精彩的话不但不会影响用户的体验,甚至还能因此使用户好感度大增.关键还可能有机会和我们同样“熬夜、头秃又单身”的程序员们来一下友好的互动~

你也来试试?

留言

电子邮件地址不会被公开。 必填项已用*标注