隨著對用戶體驗度重視的加深,個性化的404頁面越來越常見。作為網頁設計的一部分,好的404頁面不僅不會造成用戶的反感,反而可以成為網站向用戶展示實力與水準的側面證明。
出于對用戶體驗的考慮,我們在設計404頁面時,應盡量別讓用戶一看到404頁面就隨手把頁面給“X”掉了,而是引導用戶訪問與該網站相關的其他頁面,這樣做可以有效加大網站的跳出率,從而避免這些本屬于我們的流量卻因404而白白流失~
目前,有很多方法可以活躍網站的404頁面,例如:新奇的平面設計、有趣的CSS動畫、酷炫的視差滾動效果等。在日常工作中,我們可以多多參考優秀的404頁面設計,再根據自己網站的調性進行相應的設計。
為了幫助大家學習參考,我們搜集了幾個國外網站的404頁面,希望能對身為網站設計師的你有所啟發,并讓你跳出自己的思維定式,更大膽地完成網站設計項目。
1. Dan Woodger
這是在倫敦生活和工作的插畫師Dan Woodger的個人網站,其404頁面主要由一個拿著sorry小紅旗的漢堡構成,同時配以網頁不見了的簡單說明,并附上了個人插畫作品的鏈接,頁面風格與網站協調一致,充滿了趣味性。
2. Bitly
Bitly是一個URL縮短服務和鏈接管理平臺,該網站的404頁面配色非常小清新,且其中的飛鳥、云、魚、水面都是動態的。用戶進入這個頁面后可點擊鏈接回到網站主頁。
3. tinsanity
當用戶來到這個404頁面,將會看到這樣一幅畫面:在有節奏的背景音樂中,一個眼睛布滿紅血絲且啊啊大叫的吸管杯正繞著兩小排黑字繞圈。
4. Airbnb
作為一個全球性的民宿網站,Airbin的404頁面和其網站主頁一樣,都屬于簡約型的。該頁面除了“查無此頁”的簡單敘述外,還包括一個把冰激凌掉在地上后轉喜為悲的小女孩外以及7個網站相關鏈接。
5. BrandCrowd
Brandcrowd是一家產品標志設計以及營銷公司,其404頁面主要由一副手繪風圖片構成,該圖片描繪的是一個設計師的工作場景,設計師的電腦上顯示著紅色的404,而其左邊正貼著一張紙,上面寫著“Don't freak out,everything is going to be a-ok”(別害怕,一切都會好起來的)。
6. Blizzard
視頻游戲開發商暴雪對其404頁面采取了獨特的展示方式:最上方是一名左右張望的動態魚人,其次是“404-找不到頁面”的說明以及“我們已派遣一名救援魚人,它會護送您到安全之處”的趣味性描述,然后再拋出網站的主頁鏈接。
每個網站都會根據階段性需求更改自己的404頁面,因此以上分享僅以發布之日為準,若有改動,歡迎提醒~