恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
404页面那些不得不说的事
0.0°
2018-01-22 好文转载 教程 原作者: waynexie 举报 1693 5 6 0




什么是404页面?

404是HTTP其中一种的标准回应信息,通俗的说,当用户浏览网页时,服务器无法正常提供信息,例如用户输入了错误链接;或者无法相应并且找不到原因,这时候页面会出现这个404页面。404是一个信息码,通常之后会有一个可读信息反馈给用户:Not Found。它意味着网页不存在。

为什么叫404?

据说在第三次科技革命之前,互联网的形态就是一个大型的中央数据库,这个数据库就设置在404房间里面。那时候所有的请求都是有人工手动完成的,如果在数据库中没有找到请求者所需要的文件,或者由于请求者写错了文件编号,用户就会得到一个返回信息:room 404 : file not found。后来互联网兴起后,人们也就习惯了用404作为服务器未找到文件的错误代码了。

为什么要设计404页面?

尽管404页面被用户看到的概率相对全站的其他页面要小很多,但页面难免会出错,无论是用户的误操作还是服务器的原因,这是一个极少数才会出现的错误情况,作为网页的设计者或者开发者,有时候我们无法控制错误页面的出现,但我们可以通过使用一个定制的404错误页面将损害降到最低。好的用户体验是我们不能放过任何一个小的细节,一我们需要在这个页面很好的把信息传达给用户,二引导用户下一步的操作,引导用户留在我们的网站而不是沮丧的关闭窗口。

他们都在404上做了什么?

喜欢分析讲解还想了解更多UI设计知识的话,还有界面的操作学习可以加我的学习群:514985251来学习的同时可以领取设计资源软件等。

下面我们先来看几个直观形象版的404页面:


俄文网站,首屏巨大无比的404和伤心欲绝的小裸男,直观的让用户感受到网页出了问题。但对于不懂互联网的用户来说,不能明白404的含义,并且图案下方相关解释文字特别小,都是对用户无用的信息,只简单的说明了可以返回到首页。


搞笑版的404页面:


美国动画片南方公园的网站,在404上依旧采用了无厘头的风格,Kyle和胖子Eric以对话的形式告知用户页面不存在,延续恶搞风格。


Jotsai中让人会心一笑的404小图片,页面没有找到,布偶说因为我把它吃了。


Acorn Creative的英式幽默。

看完搞笑版的让我们走一走温情路线:


美女图片的社交网站Zivity,首先告诉了用户页面没有找到,使用了美女图片:虽然一些不好的情况,但我们仍然爱你。最后依旧让用户选择想要去的地方。

有爱的404



欧洲的一家公益组织Child Focus在去年10月推出了一项名为“NotFound”的计划,利用网站的404页面帮助找回走丢的孩子。


同一时期,在Missing Children Europe和European Federation for Missing and Sexually Exploited Children等公益组织的号召下,益云社会创新中心将404公益模式引入国内,发起了“404公益”行动。

 

最近,腾讯也利用其自身平台和广大的用户群体,以新的形式通过404去承担社会责任,发挥产品的社会影响力。

 

最后说一下我们这次设计的一淘404页面,采用了传统的提示+相关推荐引导的形式:


1.    向用户表示歉意,用户不会主动访问404,访问到404让用户很不愉快,道歉可以使用户减少对网站的抱怨。并明确提示用户想要的信息不存在;

2.    形象的图片配合文字,让用户直观感受;

3.    适当的引导用户,并给他们有用的链接,自动跳转,秒数倒计时也是贴心的服务;

4.    其他一些选择,因为访问到404的不止是个人,也有可能是商家;

5.    推荐网站内的相关热门商家,不让用户失望而归。

一个精心设计的404错误页可以帮助网站避免丢失用户的信任,并正确引导用户返回站点其它页面,以便用户能停留在网站上更长时间,减少客户的流失量。设置404页面,其实也是提高用户体验的一种表现形式。

 

结束语

访问到错误页面是不愉快的用户体验,但作为设计者我们可以为用户想的更多,无论是像腾讯的公益使404变废为宝,做有爱的404,还是一些幽默图片让用户会心一笑,我们需要花更多的精力和时间做更多有创意的事情。

更新:2018-01-22

收藏

5人已收藏

梦梦_喵喵星人

小白领取资源,咨询设计问题都可以加我qQUN:652137396

  • 175

    作品

  • 748

    粉丝

  • 4

    关注

  • PS鼠绘章鱼角图标教程
  • PS鼠绘邮件图标教程
  • AI绘制扁平化快餐图标教程
  • PS绘制简约风格沙滩插画教程

    猜你喜欢

      2018-01-22 好文转载 教程 原作者: waynexie 举报 1693 5 6 0

      404页面那些不得不说的事

      0.0°

      你确定要举报404页面那些不得不说的事

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年01月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录