有意思的404頁面 說說404頁面的創意設計

來源:互聯網
上載者:User

文章描述:前陣子做我們一淘優惠商家統一的報錯頁面, 整理了一些有意思的404頁面(後簡稱404),加之最近網友熱議的QQ空間公益404頁面,在這裡一起拿出來跟大家分享一下。

​前陣子做我們一淘優惠商家統一的報錯頁面, 整理了一些有意思的404頁面(後簡稱404),加之最近網友熱議的QQ空間公益404頁面,在這裡一起拿出來跟大家分享一下。

什麼是404頁面?

404是HTTP其中一種的標準回應資訊,通俗的說,當使用者瀏覽網頁時,伺服器無法正常提供資訊,例如使用者輸入了錯誤連結;或者無法相應並且找不到原因,這時候頁面會出現這個404頁面。404是一個資訊碼,通常之後會有一個可讀資訊反饋給使用者:Not Found。它意味著網頁不存在。

為什麼叫404?

據說在第三次科技革命之前,互連網的形態就是一個大型的中央資料庫,這個資料庫就設定在404房間裡面。那時候所有的請求都是有人工手動完成的,如果在資料庫中沒有找到要求者所需要的檔案,或者由於要求者寫錯了檔案編號,使用者就會得到一個返回資訊:room 404 : file not found。後來互連網興起後,人們也就習慣了用404作為伺服器未找到檔案的錯誤碼了。(via 百度百科)

為什麼要設計404頁面?

儘管404頁面被使用者看到的機率相對全站的其他頁面要小很多,但頁面難免會出錯,無論是使用者的誤操作還是伺服器的原因,這是一個極少數才會出現的錯誤情況,作為網頁的設計者或者開發人員,有時候我們無法控制錯誤頁面的出現,但我們可以通過使用一個定製的404錯誤頁面將損害降到最低。好的使用者體驗是我們不能放過任何一個小的細節,一我們需要在這個頁面很好的把資訊傳達給使用者,二引導使用者下一步的操作,引導使用者留在我們的網站而不是沮喪的關閉視窗。

他們都在404上做了什嗎?

下面我們先來看幾個直觀形象版的404頁面:


俄文網站,首屏巨大無比的404和傷心欲絕的小裸男,直觀的讓使用者感受到網頁出了問題。但對於不懂互連網的使用者來說,不能明白404的含義,並且圖案下方相關解釋文字特別小,都是對使用者無用的資訊,只簡單的說明了可以返回到首頁。


報道點評新聞的網站Retardnews,簡單“粗暴”的圖片展示。

搞笑版的404頁面:

美國動畫片南方公園的網站,在404上依舊採用了無厘頭的風格,Kyle和胖子Eric以對話的形式告知使用者頁面不存在,延續惡搞風格。

Jotsai中讓人會心一笑的404小圖片,頁面沒有找到,布偶說因為我把它吃了。


Acorn Creative的英式幽默。

[1] [2]  下一頁



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。