404頁面常見設計方案

2020-07-16 10:05:20
關於 404 頁面的概念,我也已在《404頁面是什麼》中講到,本節我們只講解如何設計 404 頁面。

404 頁面設計需要注意幾點:
  • 404 頁面要保持網站統一模板、設計風格、LOGO 及名稱,不要讓使用者弄不清自己到了哪個網站上。
  • 404 頁面應該在最醒目的位置顯示錯誤資訊,明確提示使用者要存取的頁面不存在。還可以加上幾點可能性,如頁面已刪除、使用者輸入錯誤地址、連結中的地址錯誤、頁面已轉移到新的頁面地址等。
  • 錯誤資訊下面還可以為使用者提供幾個點選按鈕或連結選項,如網站地圖、返回首頁。也可以將網站中的重要分類頁面的連結放在 404 頁面上,引導使用者存取這些頁面,甚至可以為 401 頁面加上站內搜尋方塊。

設計 404 頁面時可以遵循以下幾條原則。

1) 像入口網站一樣5秒返回首頁

據觀察,像網易、新浪、騰訊這類門戶站的錯誤頁面都是一樣的,進入錯誤頁面後提示 5 秒後返回頻道首頁,如圖1所示。

某門戶網站的404頁面
圖1:某入口網站的404頁面