今天要写404

 

看图说话，感觉有些页面并不是完美，但总有一个亮点让人欣赏

http://dzineblog.com/2009/11/50-cool-examples-of-custom-error-404-pages.html

 

利用WordPress怎么做404页面，还有一些注意点。实践指导，照着提示做就行了。

http://yoast.com/404-error-pages-wordpress/

http://www.wpbeginner.com/showcase/best-of-best-wordpress-404-error-page-designs/

 

做人聪明些总比不动脑筋好。

http://econsultancy.com/blog/4557-12-brilliant-404-pages

 

有些点子还是可以借鉴的，上升到概念的层面来拓宽思维。

http://webdesignledger.com/inspiration/404-error-pages-for-your-viewing-pleasure

 

出镜率很高的一些404页面，也有新面孔。从上拖到到下我只记得一个骷髅的图片，看你网站的风格吧。

http://www.webdesignerdepot.com/2009/07/50-creative-and-inspiring-404-pages/

 

    404最佳实践——不仅仅是抓一些Demo，还指出关键因素和注意点，兼有例子。这个算是比较有指导意义了。

    个人觉得并不是每个网站都需要遵循这些条件，针对不同的网站类型、网站风格、网站用户、网站功能，侧重点应该有所不同，

    比如OA应用型的网站，按功能点来分模块，没什么可搜索的，所以第3条可有可无；而揣摩用户的意图，并给出可用连接(第四条)，或者提供技术支持入口(第五条)就非常有必要。幽默会让你的网站更受欢迎，不要画蛇添足。

http://css-tricks.com/404-best-practices/

 

    改善404页面的5个小提示，文章右上方的风向标图片大概描述的是一个抓狂的用户(有点儿类似martinkorner)，(好的用户体验设计师，难道都是很挑剔的人？--)

    第一条、定制自己的404页面。以前做网站好像都是草草拿默认页顶。用户访问到你的404页面，可能是手动输入url的拼写错误，也可能是访问了废弃的链接。如果是从外部链接进入，很少有机会能留住用户。不要理想化用户，要认清现实：Do not expect users to put forth this much effort if you have not put forth the effort to make your page more user friendly.

    第二点、保持网站风格统一、协调。Tip：加上你网站的logo或者标志性图片。

    第三点、404存活的主要目的是让用户尽快找到需要访问的网页。用户只关心自己需要的，并不关心出了什么错，为什么出错，更别说什么反馈错误。但提供过多的选择等于没有选择，应该提供最常用的链接。Tip：指向具有导航条的页面，或者包含很多子链接的页面。或者提供站内搜索。

    第四点、提供首页链接。

    第五点、要有创造性但别误入歧途。举了个例子WP Candy’s 404 Page. ，保留了网站导航和搜索框，指出一些废弃的链接，特别加了视频，不过缺点是视频加载很慢，右边广告更分散用户注意。

末尾的resources和Related links这些链接总让觉得力不从心，学海无涯--。

http://www.uxbooth.com/blog/5-tips-to-make-your-404-page-more-usable/

 

    第二条、错误信息应力求简洁，友好，宽泛，兼有谦虚，同情和道歉。我个人喜欢Firefox的“well this is embarrassing”的声明，以至于遇到404问题，习惯性地归咎问题于操作系统，而不是FF，即使FF申明可能不是我的错。(个人主观因素判断吧，谦虚总不会有错)。

    第六条、Everyone loves the funny guy —— 程序员需要幽默感，至少让编程看起来幸福些。

    第七条、错误信息是很有用的，不要舍本逐末。有时你不犯错就是成功了。

http://carsonified.com/blog/design/ux/10-tips-on-writing-hero-worthy-error-messages/

 

有图无文，自己琢磨。看跟帖也挺有意思，群众的智慧是无穷的。

http://10steps.sg/articles/60-beautiful-404-error-pages/

 

作者一句话点评，有个电视条码的图非常醒目

http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/

 

    以上有很多不错的例子可以借鉴。我个人抄袭是twingly的风格。图片直接拿过来用了(收费软件还是用自己的图)，语言简洁，并提供反馈途径，页面一目了然。虽然看起来简单，但是字体、粗细、大小都有在变化，背景颜色和字体颜色搭配看起来很舒服，细节修饰很好。像帮助页面、404这些网页，某些方面也反映了一个designer的用心程度。

http://www.twingly.com/errors/500.html?aspxerrorpath=/404

 

翻墙可入

http://www.webanddesigners.com/30-error-404-page-designs

http://feedproxy.google.com/~r/tutzone/~3/euXi72BtBUc/31-cool-404-error-page-designs.html

http://feedproxy.google.com/~r/iShift/~3/wJ_F4zymq3o/

http://feeds.feedburner.com/~r/24thfloor/~3/326364885/

http://feeds.feedburner.com/~r/24thfloor/~3/146135285/

http://feedproxy.google.com/~r/queness/~3/Jwf6ULD4Yok/enhance-visitor-experience-by-creative-404-page

http://feedproxy.google.com/~r/queness/~3/l3crb9-e3AA/45-funny-graphical-presentation-of-404-error-page

 

 

另外发现一个网站，大多是很糗的猫

http://icanhascheezburger.com/