xinglu1983 2008-3-20 09:56
[转帖]分享国外网站的404 error pages
搜集了一些有趣及人性化的404 error pages,有利于拓宽我们的思路，从细微做起，一步步提升网站的友好度。例子如下：
[b]1. [/b][b]运用吸引人的画面[/b][align=left][b]↓ [/b]运用手绘的效果告知访问失败的用户，但同时在页面提供搜索框降低用户的访问挫败感[/align][align=left][url=http://www.ateaseweb.com/404/][img]http://www.aliued.cn/wp-content/uploads/2008/03/1.jpg[/img][/url][/align][align=left][b]↓ [/b]Rainfall Daffinson网站的设计俨然让你不觉得失望[/align][url=http://rainfall-daffinson.com/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/2.gif[/img][/url]
[align=left][b]↓ [/b]甚至即便是一个404 error page也可让你感觉设计的好有型呢[/align][url=http://www.cgcraft.com/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/3.gif[/img][/url]
[align=left][b]↓ [/b]很生活化的书籍设计，拉近网站与用户的距离[/align][url=http://www.vi-su.de/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/4.png[/img][/url]
[b]2. [/b][b]诗情画意的设计[/b]
[align=left][b]↓ [/b]在告知用户页面不可访问的同时还设置了一个返回首页的引导，很友好[/align][url=http://www.jackfig.com/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/10.jpg[/img][/url]
[align=left][b]↓ [/b]BlueVertigo网站在页面上小诗一首，也挺不错的[/align][url=http://bluevertigo.com.ar/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/13.gif[/img][/url]
[b]↓ [/b]还有Poemofquotes.com也是如此
[url=http://www.poemofquotes.com/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/14.gif[/img][/url]
[b]↓ [/b]Darren Hoyt网站则是向用户坦诚说明造成网站不可访问的原因，很诚实的感觉，呵呵
[url=http://www.darrenhoyt.com/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/15.gif[/img][/url]
[b]3. [/b][b]情感化的设计[/b]
[align=left][b]↓ [/b]你看，一看就很委屈很伤感的样子，用户当然就会原谅它了[/align][url=http://suspendedanimations.com/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/16.jpg[/img][/url]
[b]↓ [/b]呵呵，网站建议用户向小猫一样一见情况不妙就得撒腿就跑
[url=http://tysontate.com/404/][img]http://www.aliued.cn/wp-content/uploads/2008/03/17.jpg[/img][/url]
[b]4. [/b][b]跟用户耐心解释究竟发生什么事了[/b]
[align=left][b]↓ [/b]用一张很好的视觉流程图向用户去解释[/align][url=http://www.nextwaveperformance.com/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/18.jpg[/img][/url]
[url=http://www.martinkorner.co.uk/404df][img]http://www.aliued.cn/wp-content/uploads/2008/03/19.jpg[/img][/url]
[b]5. [/b][b]很独到的解决方案，让用户一看画面就明白发生什么事了[/b]
[align=left][b]↓ [/b]电视台没节目了，用户估计也明白了[/align][url=http://www.palmflying.com/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/20.gif[/img][/url]
[align=left][b]↓ [/b]电脑蓝屏，大家也知道事情不妙了[/align][url=http://www.galiacho.es/404][img]http://www.aliued.cn/wp-content/uploads/2008/03/21.gif[/img][/url]
呵呵，好了，暂且分享到这里，以上图片均可直接点击进入该网站404 error页面。分享的目的只是想说，友好的界面设计来源于我们的生活 ，注意观察周围的一切，拥有一双锐利的双眼，相信你的设计将更贴近用户！