今天要寫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. ,保留了網站導航和搜索框,指出一些廢棄的鏈接,特別加了視頻,不過缺點是視頻加載很慢,右邊廣告更分散用戶注意。

末尾的resourcesRelated 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/

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章