技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> 看看各个网站的404错误处理

看看各个网站的404错误处理

浏览:9077次  出处信息

今天看到一则新闻,“亚马逊的CEO Jeff Bezos则更有创意,数年前他也许是认为自己的404错误页面的“发明创造”足够优秀,于是向专利局递交了404页面的专利,这一专利包括当一个用户出现404错误时显示替代网页的操作.而如今,这一专利已经生效.”

我们知道,发生404错误时默认应该是下面这个画面
404

一个机械的,冷冰冰的画面,毫无美感可言,在越来越注重用户体验的现在,各大网站也在404上动了脑筋改进,下面就先来看看国外的网站。

首先是申请专利的amazon
amazon

曾经的创意用今天的眼光看来变得很普通,404页面仅仅做到了本份,除了一句文字和一个首页链接外没有更多的东西。

搜索巨头google
google

保持了google一贯简洁的特征,google的核心是他的pagerank,404只要能做到不出现默认404页面即可,可以看到描述比amazon也要简洁的多。

曾经的互联网老大yahoo
yahoo

表现中规中矩,比较有亮点的是集成了一个搜索框在404页面上,我们先不去管他是不是有人会在404页面上去搜索,能在404页面上集成一个产品功能上去也算有点产品意识。

C2C霸主ebay
ebay

ebay在404的处理上显然下了功夫,这个页面很明显的提示了用户所查找的网页不存在,提供了首页和网站地图的链接,提供了“Report this technical issue or view known technical issues”的链接,提供了搜索框,提供了类目浏览,提供了
Where would you like to go next?
Buy a different item - see all eBay to offer.
Post to Want It Now - tell millions of users what you want.
Discover Personalized Pics - see items you might like.
Sign up for PayPal - the fast, easy, safe way to pay on eBay.

Learn more about searching:
Help: General search tips
Help: Advanced search commands
View an online tutorial on finding items

,这是有史以来最强大的404页面,尤其是提供了与用户交互的”Report this technical issue or view known technical issues”,这是其他网站都没考虑到的,基本用户可以在这个页面上找到任何他想要的功能。

全球b2b领先企业alibaba
alibaba

很遗憾,404没做任何处理。

看完国外网站看国内网站

搜索一哥百度

baidu

百度对404的处理还算比较恰当,突出了搜索框,引入了用户交互,引导用户进入百度帮助中心和百度吧,把核心产品贴吧在这里做了个合适的推广,百度不差的!

alibaba中文站alibabacn

和英文站相比alibaba中文站显然对404做了处理,404页面保持了中文站的框架和页面风格,做到了提示错误和引导用户使用其他功能,但是有一点要提的是这个404页面在3秒钟左右会自动跳转到首页,我不知道其他人能不能在这么短的时间内看清楚这个404页面上提供的功能,我是看不过来,虽然功能很多,但是在这么短的时间内很难抓住重点,设计者不知道有没考虑到这一点。

新浪网

sina

相当的简洁,明确告诉你页面没找到,5秒转入首页。

搜狐网

sohu

搜狐做的比新浪多一点,直接重定向到了网站地图,还附带了搜狗的搜索框,体现了和新浪不一样的设计理念。

腾讯网
aaa

5秒重定向到首页

如果输入www.qq.com/abcd则没做处理

qqhome

最后再来看一下3大C2C购物网站

首先看淘宝网
taobao

淘宝网提供了404页面符合网站的整体风格,页头和页脚都和正常页面一致,加了彩票应用(由于政策原因已经停止)的引导,加了首页,社区,我要买的引导,页面整体风格比较简洁。

拍拍网paipai

虽然属于腾讯系,但是拍拍对404的处理比qq花了更多心思,不仅页面风格和网站整体风格保持一致,而且把这个页面非常好的利用起来,把最热门的活动和历史活动放置在404页面中,把用户引导到活动这一优质资源上去,拍拍的产品经理应该是动了一些脑筋。不过有一点我比较关心的是这么花哨的页面用户会不会还知道这是404,与ebay相比缺少了用户互动的接口,ebay的404处理首先告诉用户这是出错页面,可能是什么错误,如何提交错误,其次才是引导其他功能,拍拍的话轻描淡写一下404错误就直奔活动的主题了,可能这是国外网站和国内网站设计的思路不一样吧。

最后来看一下易趣网eachnet

易趣网的处理方式以为回到了90年代,“If you think this is a server error, please contact the webmaster. ”这句话在上世纪90年代的网站出现的频率比较高。整个404页面很明显的存在工程师的风格

Error 404
www.eachnet.com
Thu Jan 31 16:03:37 2008
Apache/2.2.0 (Linux/SUSE)

提供了首页链接,但是没有界面设计,没有中文化,还显示了操作系统和web服务器的信息。毕竟eachnet刚
重组不久,相信过一阵子这个页面会有人去修改。

列举了一批网站的404处理,可以看出各个网站的不同风格,有的简洁,有的周全,有的偏用户体验,有的偏商业意识,不管怎么样,毕竟这些网站都对404做了处理,不至于让网民看到浏览器的404默认页面,让我们为他们致敬。

补充一个yahoo中国吧
yahoocn.JPG

很明显的提示信息,重点突出了当前yahoo的NCP应用,雅虎中国充分的一切资源推广NCP,连404页面也都设计的如此显眼,可见雅虎中国对NCP的重视程度。

建议继续学习:

  1. 404~遇见你是最美丽的错误    (阅读:8070)
  2. WordPress评论翻页造成404页面的解决方案    (阅读:8015)
  3. Hello! 404    (阅读:7991)
  4. 使用apache的404设置来转向可能不存在的页面    (阅读:7768)
  5. 30个超棒的404错误页面    (阅读:6190)
  6. 几道无聊的php的比较运算题,有兴趣的玩一玩    (阅读:3267)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1