吃豆人
皮克斯
Airbnb
MiKandi
MiKandi 是世界上第一個 Android 成人應用商店,它的 404 頁面是一個金髮裸體女郎在說「自己的衣服不見了」。
給「404 not found 」加點特效
下一站,404
這個 404 頁面是個地鐵站臺,每隔一段時間就有一班地鐵靠站,畫面可以隨著鼠標移動,戴上耳機聽更有感覺。
讓鼠標動起來
404 頁面也是一個很好的用戶交互界面,這個頁面讓幽靈的眼睛跟著鼠標動。
同樣是讓眼睛跟著鼠標動,這個頁面對密集恐懼症患者就很不友好。
由你來設計
(網友作品)
這個 404 頁面就是一個佈滿空白像素點畫布,你可以根據自己喜好在上面隨意塗鴉。
總有一張動圖能表達你的心情
每次打開都有不同的動圖,看著都疼。
同樣是不斷變換的動圖,風格更加多變。
淘寶的 404 頁面提醒著用戶,淘寶是姓馬的,馬雲的馬。
京東用了自家的「京東狗」。
網易嚴選走了性冷淡風。
新浪和新浪微博放在一起,對待 404 頁面 ,感覺還是新浪微博的產品經理更上心。
知乎的 404 頁面可以說很符合知乎的調性了。
A 站的 404 頁面有著濃烈的二次元風格,前段時間 A 站無法訪問的幾天相信很多人都看過略帶憂傷的 AC 娘。
論二次元,B 站家的 22 娘與 33 娘也毫不遜色,還在 404 頁面新增了漫畫小劇場。
騰訊視頻跟 IMDB 類似,用了不同電影中的電影臺詞,還配上了劇照。
優酷則抖了個機靈。
愛奇藝順手給你推薦一個視頻。
一看就知道是外賣平臺的 「404 頁面」,這是餓了麼的。
美團的風格則和 AB 站有點像。
大麥網的「404 頁面」大概很容易能觸到粉絲的淚點。
「404 頁面」是互聯網中的一個錯誤,被稱為「互聯網的最後一頁」。它的存在除了提醒人們訪問的頁面不存在,也悄悄成為了各個企業品牌宣傳的廣告位。
雖然超文本結構發明者 Robert Cailliau 認為對於「404 頁面」的創意毫無必要,但那些創意十足的「404 頁面」確實成了互聯網中有趣的一角。
對於產品經理和設計師來說,「404 頁面」也是 UI 設計中不可忽略的一部分,Google 設計師 Sebastien Gabriel 曾表示:
設計錯誤提示 icon 是一件有意思的事情,你希望用戶最好永遠不要看到它們,而一旦他們看到了,你就要避免他們產生更多掃興的感覺。
至於該如何設計「404 頁面」,負責騰訊產品視覺和交互設計的 CDC 團隊認為體驗良好的 「404 頁面」應該遵循以下幾個原則:
提供簡明的問題描述,用輕鬆的話語消除訪客的挫敗感,使得訪客轉到某個地方而不是後退。
提供合理的解決方案,輔助訪客完成訪問目標。
提供個性化的友好界面,提升訪問體驗。
話雖如此,但願你的互聯網歷程中不會遇到太多的 404。
閱讀更多 做網站的彭先生 的文章