如何創建一個聰明的 404 錯誤頁面設計？
已發表: 2021-12-23每個網站管理員都知道，用戶在屏幕上看到的最煩人的詞是“出錯了”，尤其是 404 錯誤頁面。
當用戶正在查找在服務器上找不到的特定頁面時，會發生 404 錯誤。 這是您不希望訪問者遇到的一種登錄頁面，但不幸的是，它發生了。 沒有任何網站 100% 的時間都是零問題，隨著網站的發展，識別每個損壞或過期的鏈接變得越來越困難。 這就是為什麼您需要一種用戶友好的方式來確認這個問題。
巧妙的 404 錯誤頁面提供了改善用戶體驗的絕佳機會。 它可以幫助您展示您的品牌個性，並讓您的觀眾知道您關心他們。 因此，通過在您的 404 頁面設計上投入一些時間和精力，您可以確保即使用戶可能沒有找到他們正在尋找的信息，這也不是壞事。
什麼是好的 404 錯誤頁面？ 你應該包括什麼，你怎麼能抓住你的信息？ 好吧，讓我們向您展示。
404 錯誤是……
這種類型的錯誤頁面響應標準 HTTP 錯誤代碼，告訴用戶他們試圖訪問的網站或網頁在服務器上找不到。
404 是客戶端錯誤，這意味著該人輸入了錯誤的 URL，網頁已被移動或刪除，或者 URL 未相應更新。
本質上，當出現 404 錯誤頁面時，這意味著出現問題。 這裡要記住的重要一點是錯誤會發生，重要的是你如何處理它們。
404 頁面設計的兩種主要方法
根據 JustInMind 的說法，錯誤頁面設計有兩種主要方法。
- 裸骨頁面。 一個帶有簡單錯誤消息的簡單頁面，通知用戶他們請求的頁面無法找到。
- 軟頁。 一個更具創意和詳細的頁面，旨在向用戶展示即使出現問題，最終一切都會好起來的。
404 錯誤頁面是一個重要的品牌機會
理想情況下，每個網站管理員都希望他們的用戶完全看不到 404 錯誤頁面。 但是，當網站更新時，可能會發生錯誤，並且某些鏈接可能不再有效。
即使您可以盡最大努力減少出現 404 錯誤的次數，但您無法完全消除對它的需求。 因此，最好是主動並創建一個可以將糟糕的用戶體驗轉變為愉快的頁面設計。
這將增加用戶繼續瀏覽您網站的機會，從而幫助您增強品牌形象，降低營業額並改善您的 SEO。 此外，它還可以讓您與訪問者建立信任，同時減輕丟失頁面的打擊。
聰明的 404 錯誤頁面的 6 個關鍵要素
聰明、經濟、簡單的 404 頁面設計是您應該追求的目標。 您不需要花費數千小時和金錢來製作一個理想情況下沒有人應該看到的頁面。 然而，你仍然應該付出適當的努力來充分利用它。
以下是您應該包括的六個關鍵錯誤頁面設計元素（加上一個獎勵），以確保您的 404 很好地發揮其作用。
1. 清晰的錯誤信息
儘管我們的社會具有數字素養，但不要假設每個人都知道 404 錯誤是什麼。 如前所述，這不是用戶應該經常看到的頁面，因此他們不應該習慣它。
為了幫助用戶立即認識到他們已經登陸了 404 頁面，請包含明確的錯誤消息。 以簡單、簡單和有用的方式讓他們知道問題所在。
謹慎選擇單詞。 不要去找類似機器的“404 錯誤：找不到頁面”消息。 取而代之的是：“對不起！ 我們找不到您要查找的頁面”或“哎呀！ 您要查找的頁面已消失。 ” 然後，簡單解釋一下消息的原因。
提示：即使這不是你的錯，也要說對不起。 它將向訪客表明您在乎。
2.品牌外觀
您的自定義 404 錯誤頁面，即使“隱藏”仍然是您網站的一部分。 因此，它應該包含與您的其他在線媒體相同的視覺和品牌元素。 – 標誌、字體、顏色、標題，它應該保持相同的整體獨特品牌標識和風格。
3. 指向您網站的功能鏈接
404 錯誤頁面的主要目的是快速將用戶重定向到正確的方向。 因此，為了有效地實現這一點，它必須是功能性的。 這意味著包括以下三個組件：
- 指向您主頁的鏈接——您不應該忘記的基本元素。
- 菜單- 幫助導航並保持您的設計一致。
- 指向您的最佳內容的鏈接——包括三到四個指向訪問者可能會感興趣的高質量內容的鏈接。 目標是盡可能避免失去流量，並將訪問者指向正確的方向。
- 搜索字段——這將使訪問者有機會搜索他們想到的內容，這將使他們有機會瀏覽更多內容。
4. 行動號召
如果您將 404 錯誤頁面視為一種登錄頁面，那麼您應該應用相同的邏輯。 這意味著添加號召性用語 (CTA) 以將訪問者導航到您網站的其他頁面，而不是不離開它。
可能包含的 CTA 包括：
- “返回”或“轉到主頁”按鈕。
- 用於輸入新關鍵字的搜索欄。
- 熱門頁面或帖子的列表。
這將為您的錯誤頁面增加更多價值，吸引訪問者的興趣並充當引導磁鐵。
5.一些輕鬆的幽默
在通知 404 錯誤時，總是歡迎有趣的元素，如詼諧的引語、模因或有趣的插圖。 它使頁面有趣，用戶體驗不那麼令人沮喪。 請注意不要過度使用它。
幽默的錯誤頁面設計將幫助您的訪問者微笑，從而使他們在您的網站上停留的時間更長。 更不用說，如果它真的很神奇，用戶甚至可能會告訴他們的同行。 提高品牌知名度和保留率的有趣（紐約）方式！
6.簡單的設計
巧妙地包含上述所有元素將最終決定您的 404 錯誤頁面的成敗。 創建一個充滿視覺效果的設計和指向您網站每個可能頁面的鏈接肯定會達到您沮喪的訪問者耐心的極限。
少即是多。 最好的設計是那些能夠以最簡單的方式實現目標的設計。 簡約的 404 錯誤廣告將確保此頁面更有效地發揮其作用。 此外，它將展示您擁有創建複雜且實用的設計的技能。
[獎金] 7. 特別優惠
利用 404 錯誤頁面的一個額外方法是向訪問者展示他們無法拒絕的交易。 例如，通過提供 10% 的折扣，您可以減少潛在用戶的失望，鼓勵他們返回您的網站，甚至從這種情況中獲利。
如果您決定在錯誤頁面上包含特別優惠，請確保以善解人意的方式傳達您的慷慨。 例如，您可以添加一條消息，如“對於給您帶來的不便，我們深表歉意。 讓我們用這個特別優惠來補償你。”
一些詼諧的 404 頁面設計來激發你的靈感
1. Spotify
音樂流媒體平台對其 404 錯誤頁面進行了詼諧和創造性的旋轉。 從簡單柔和的背景，“返回”按鈕，唱機的巧妙設計和“404s and heartbreaks”，是一個精心策劃的頁面。
資源
2.Mailchimp
Mailchimp 的網站是關於品牌和個性的，因此他們的 404 頁面並沒有讓我們失望。 他們清晰的信息和詼諧的品牌插圖說明了一切。
資源
3. 中等
Medium 向我們展示了一個美妙而經典的錯誤頁面，它通過簡約的設計、正確的字體和副本以及一個巧妙的信息來安慰用戶，讓他們只有迷路才能發現新事物，從而提供出色的用戶體驗。
資源
4. 愛彼迎
作為一家非常重視品牌個性的公司，Airbnb 的 404 頁面非常受歡迎。 使用幽默和閃光，他們知道如何讓用戶體驗不那麼令人沮喪。
資源
5. 樂高
這是 404 錯誤頁面設計的一個很好的例子，它利用糟糕的用戶體驗並將其轉化為銷售機會。 文案清晰，帶有輕鬆的幽默感和強大的 CTA。
資源
最後的想法
巧妙的 404 錯誤頁面設計是展示您的創造力並鼓勵您的用戶在您的網站上繼續他們的旅程的絕佳機會。 它讓人放心，儘管出現了問題，但一切都會好起來的。
出色的 404 頁面具有柔和、品牌化和功能性的設計，並帶有清晰的錯誤信息。 為了盡你所能抵消用戶的挫敗感，你還可以加入一些輕鬆的幽默，甚至是特別優惠。
您如何看待 404 錯誤頁面設計應該是什麼樣子？ 在下面的評論部分分享您的想法。