A 君導讀:每個人上網都遇到失效 404 網頁,但你是否知道 404 網頁也能很好玩?AppSo(微信公眾號 AppSo)今天分享的這篇文章,來自著名遊戲化應用 Walkr、記賬城市團隊 fourdesire,讓他們告訴你,有趣的 404 頁面長啥樣。
我們在網路上瀏覽時,一般都是利用網址來找尋你需要的網頁。而每次當你輸入的網址錯誤、或是原本的網址更改瞭,就會出現「HTTP 404」找不到網頁的畫面。
一般我們看到的畫面會是類似這樣的狀況:
看起來很眼熟對吧?有時候光是看到這個畫面就會想嘆嘆氣呢。由於 404 可以說是最常見的一種 HTTP 狀態碼,因此許多網站都會特地為這個 404 的畫面做設計。
讓瀏覽者即使從錯誤的鏈接來訪你的網站,也不會有「鏈接是壞的,可能這個網站不存在瞭」或是「網站可能消失瞭,不再經營瞭」的感覺而直接關閉網頁、無形中失去瞭原本可能來拜訪的瀏覽者。
而一個詼諧有趣的 404 畫面不僅能讓瀏覽者知道自己來對瞭地方,要是夠有趣的話,還會讓人會心一笑呢!
讓我們來看看各大公司網站為我們這些可能迷路的旅人準備的小驚喜吧:
Google 的 404 網頁,相信有不少人看過瞭,簡單的手繪插畫讓人覺得輕松又可愛:
Dribbble 的 404 網頁,「dribble」 在籃球中是指運球的意思(Dribbble 的 Logo 本身就是一顆洋紅色的籃球!),而在 dribbble 上的 404 網頁就是一個 Air Ball 囉。
GitHub 的 404 網頁相當精致,相信星戰迷一定對這個場景不陌生,記得點進去移動你的滑鼠看看網頁的互動效果。
Dropbox 由於具有文件分享的功能,所以它的 404 同樣一定也很多人看過:是個衍生自 Dropbox Logo 的視覺錯視立體方塊圖
臉書 Facebook 雖然是世界網站流量排名第一的網站,但它的 404 其實不是這麼常見,而自然臉書的 404 也是從按「贊」設計延伸出來的。
Lego 網站的 404 畫面做得相當活潑有趣
這是一個諧音梗,壞掉的鏈接有時候我們稱之為死亡的鏈接 「Dead Link」,而 Link 又剛剛好是任天堂著名遊戲的主角姓名……
一樣是老遊戲,紅白機上的小蜜蜂畫面搭配著 「Play again」,將瀏覽者帶回網站的主要頁面。
老遊戲的梗常常被拿出來惡搞:還記得到處都找不到正牌公主的馬裡奧嗎?
彩色 Bar 跟藍色當機畫面讓大傢可以回味以往的美好時光?
自定義的 HTTP 404 雖然平常在網頁上看不到、很容易被設計師忽略,但如果你隻是讓用戶看到那個瀏覽器預設的 404 畫面時,往往大傢會直接關閉網頁離開呢。
相對的要是可以針對 404 頁面做適當的設計,即使瀏覽者來錯瞭入口,也可以提升瀏覽者對你的好印象,進而順利引導瀏覽者回到你的網站中。記得為你的客人們準備一些小小的驚喜吧!
參考文獻:Wiki HTTP 404
圖片來源: Andrew Stawarz, CC Licensed
文章授權轉自「fourdesire」,作者 Decill Chang,原文鏈接:404 頁面:為網路上的旅人準備的小驚喜