404的浪漫與優雅 – 程序錯誤信息與人文的平衡

引子

404本來是一種計算機網絡術語,不過慢慢的,演變成了一種文化現象……

什麼是404?

在中國大陸404彷彿是受到屏蔽網站的“代名詞”,但其實真正被屏蔽的網站是無法返回HTTP狀態碼的。而是出現下面這樣的頁面。

真正意義上的404HTTP 404或者“Not Found”消息,這是HTTP一種狀態碼,HTTP狀態碼非常多404是最出名的一個,也是用戶最常見的一種,表示客戶端瀏覽網頁時,服務器無法正常提供消息,或者服務器由於不明原因無法回應。造成這種結果通常是用戶訪問的對應網頁不存在。
404對於搜索引擎去除死鏈接有幫助,這也提醒着我們網站維護人謹慎操作,例如不要輕易更改URL格式。

常見的情況有哪些?

  • 網址輸入錯誤
  • 搜索引擎收錄地址過期
  • 其他損壞的鏈接地址

404應該包含什麼元素

404頁面承載着這樣幾個任務:在表明狀態碼同時,使得頁面更加友好,提供站點標識,站點地圖,還可以增加有趣的小部件等。

如何優化?

  • 要講清楚。404頁面向群體包含運維人員和用戶,我們首要任務當然是明確寫清服務器返回了HTTP狀態碼404
  • 分清重點。無論如何,普通用戶還是看到這個頁面的主要人群,枯燥的術語對於他們而言是沒有太大用處的。因此頁面的中心應該放在跳轉導流。
  • 功能齊全。站點地圖或者跳轉主頁是有必要的,同時一個搜索框也能夠方便用戶快速重新檢索自己想要的內容。
  • 更加友好。讓我們的404提示更加通俗易懂,例如添加上一段文字“這個頁面暫時去了火星,我們正在尋找它”,使用更多類似於“可能”,“暫時”的模糊的詞語等等來表達。這意味着更加註重人文關懷,將枯燥變得有趣,在產品高度趨同同質化的今天,注重與用戶的內心交互成為脫穎而出的寶貴品質和差異化競爭的新戰場。對於很多“小白”來說,看到密密麻麻的錯誤碼是崩潰的,是挫敗的,我們要做的就是消除這種負面的,不愉快的信息,減輕用戶的心理壓力。
  • 加分項:體現企業和品牌價值觀。例如騰訊巧妙地利用404頁面放上了尋人啟事,把404做成一次公益,傳遞社會責任。

優秀的404頁面大賞

  • 騰訊404


訪問 https://www.qq.com/404/ 了解更多

  • Twitter的宕機鯨魚(Fail Whale)


這個頁面主題元素由一位華人設計師創作而來,被Twitter買下作為宕機頁,曾引起一波風潮。可愛幽默的畫面讓用戶擺脫了沒能正確訪問的不悅,可以說非常的成功。後來Google也模仿了這一頁面

現在的樣式如上圖,包含了最基本的元素,Logo,主頁鏈接,提示信息,搜索框等,一應俱全,簡單明了。同時作為一個全球人都在用的社交網站,還有快速語言選擇。

  • 谷歌

  • 網易新聞



“0”變成了一個類似於地鼠的小精靈,頭上是一個信號塔,在上下來回跳動,彷彿在努力的搜索信號。

  • Facebook


主圖像是一個包紮後的經典“點贊”圖標,意味着“殘缺”。

  • 谷歌酷容瀏覽器的小恐龍(Chrome Dino


這個小遊戲可謂是程序員的小浪漫了,其萌萌的造型吸粉無數。
你可以在谷歌瀏覽器地址欄輸入 chrome://dino 直接全屏玩這個遊戲。

  • 淘寶網


作為信息密集非常高的網站,淘寶自然不放過任何一個能打廣告(zhuanqian)的地方,頁面中充滿了各種跳轉鏈接導航,下面還有推薦購物。
當然這個漫畫也昭示着網站姓“馬”,可愛喜慶的風格還是很走心的。

  • 迪士尼(Disney)

  • Pokemon精靈寶可夢


特色當然是採用了“鴨神”可達鴨的圖片,可達鴨什麼都不知道的傻乎乎的性格彷彿正在向用戶賣萌。

  • IMDb


巧妙的把電影台詞放在了404頁面

  • 知乎


非常契合知乎的網站主題,兩個問號,簡潔有力。
“返回上頁”非常有用。

  • GitHub


GitHub採用了一個動態效果,移動鼠標會改變視角。

  • 新浪微博


發現了第二個做了返回上一頁的404頁面。畫風也是非常詼諧幽默。

  • Bilibili嗶哩嗶哩動畫


濃濃的二次元味道,上面說清楚了問題過程,方便程序員調試,下面還會有Bilibili文化相關漫畫,給用戶解悶。

  • 優酷


優酷賣了個萌,將服務器擬物化。

  • 美團外賣


用自己的主題形象袋鼠代表着送餐員,以“迷路了”代替404字樣

  • 餓了么

  • 其他


這裡是用了諧音梗
塞爾達傳說主角名字英文就叫Link(林克),畫面中就是一個Game Over的Link,即“A DEAD LINK”

超級馬力歐。

紅白機小蜜蜂。


有沒有回到Old Days的感覺呢。




TVB台詞風。

後記

  • WP森林


這個404頁是我寫這篇文章的啟發點。
這個網站估計是關停了,只留下這這麼一頁陶淵明的《桃花源記》。通讀全文,意境之高,妙不可言——古人的智慧和這裡的情景竟然如此契合:原來這裡的確有很多美好的人和事物,日子過得不錯,也有從外面到訪的人,後來這個人告訴了其他人,但是卻找不到了,永遠都找不到了,最終無人問津。全文意境深遠,充滿了對以往的美好回憶,對未來的一絲悲涼,可謂是越讀越妙。不過這樣的404頁還是略顯隱晦了些,但是讀懂的話感覺印象會非常深刻。

相關鏈接

The Perfect 404
 
「404錯誤」傳說是假的,但你一定猜不到哪家網站的404頁面最好玩

發表評論