看圖說話,感覺有些頁面並不是完美,但總有一個亮點讓人欣賞
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://icanhascheezburger.com/