改善用戶體驗的404頁面最佳實踐

時間：2023-07-21 05:21:02 | 來源：網(wǎng)站運營

時間：2023-07-21 05:21:02 來源：網(wǎng)站運營

改善用戶體驗的404頁面最佳實踐：以下內(nèi)容由摹客團隊翻譯整理，僅供學習交流，設計1+2，摹客就夠了。





無論一個網(wǎng)站設計得多好，時不時地，它可能會出現(xiàn)錯誤、漏洞和故障。此外，用戶可能會輸入錯誤的URL，或訪問一個破碎的網(wǎng)站鏈接或頁面，從而產(chǎn)生錯誤。當這種情況發(fā)生時，網(wǎng)站訪問者會突然面對標準的 "404 "錯誤信息。404-錯誤信息表明，網(wǎng)站上的一個頁面未能返回結(jié)果，不再存在。在搜索結(jié)果失敗后遇到404錯誤網(wǎng)站信息的用戶通常會被重定向到其他的網(wǎng)站頁面。一個經(jīng)過深思熟慮設計的定制404錯誤網(wǎng)站信息，其創(chuàng)意和輕松的細節(jié)可以區(qū)分出沮喪或有趣的用戶。自定義404錯誤網(wǎng)站信息的原創(chuàng)和俏皮的設計細節(jié)會影響網(wǎng)站訪問者的整體用戶體驗（UX）。自定義404錯誤信息的獨特風格和信息傳遞也可能影響用戶在未來返回您的網(wǎng)站的意愿。




來源。Dribbble

404頁是什么樣子的？

在了解如何開發(fā)404錯誤頁面以及為什么它至關(guān)重要之前，重要的是要知道一個理想的404頁面是什么樣子。一個標準的404錯誤網(wǎng)站頁面包括基本的網(wǎng)站功能，提醒用戶注意錯誤。其中一些功能還被設計為將用戶重定向到網(wǎng)站的其他功能頁面。標準錯誤信息。當用戶試圖訪問一個錯誤或破損的網(wǎng)站頁面時，一個標準的404錯誤信息可能會返回一個 "找不到頁面 "的結(jié)果。其他網(wǎng)站可能會返回一個404消息，簡單地說，"哎呀......錯誤404"，"錯誤的URL"，或 "無法找到本地主機頁面"。

替代網(wǎng)站鏈接

一旦用戶登陸了404錯誤網(wǎng)站頁面，他們可能會從錯誤的頁面重定向到另一個網(wǎng)頁或銷售漏斗。心存感激的網(wǎng)站訪問者通常會感謝這些網(wǎng)站鏈接，因為他們尋求回到網(wǎng)站上一個功能齊全的頁面。把404錯誤網(wǎng)站信息看作是你的訪客走錯路的標志。404錯誤信息頁面上的附加鏈接就像一張地圖，為他們提供了一條替代的路線。

一致的設計特點

盡管在你的網(wǎng)站上 "迷路 "了，但用戶應該表示他們?nèi)匀辉谡_的軌道上。404錯誤網(wǎng)站信息告訴用戶，他們在網(wǎng)站上暫時迷路了。它也可以表明，他們輸入了錯誤的URL網(wǎng)站地址。然而，一致的404錯誤頁面品牌、顏色、字體和其他網(wǎng)站設計元素讓訪問者放心，他們?nèi)匀辉谡_的網(wǎng)站上。

我應該把什么放在自定義404頁面上？

我們早已接受404錯誤信息將永遠是運營在線網(wǎng)站的一部分。因此，把最好的內(nèi)容并使這個錯誤的404頁面誘人和醒目，與其他網(wǎng)站頁面同樣重要。然而，設計深思熟慮的自定義404錯誤網(wǎng)站信息可以使原本惱人的用戶體驗（UX）變得更容易忍受。

包括幽默感

當網(wǎng)站訪客看到一個有趣或詼諧的404錯誤網(wǎng)站信息時，可能會感到更有趣而不是惱怒。一個很好的例子是亞馬遜、宜家和娛樂巨頭HBO等網(wǎng)站的404錯誤信息。他們的自定義404錯誤信息非常有趣，古怪，而且是徹頭徹尾的搞笑!這些404錯誤的網(wǎng)站信息通過賦予網(wǎng)站以個人色彩來提高用戶體驗（UX）。這些小的設計細節(jié)對網(wǎng)站訪問者來說是可愛的，并增加了他們將來返回你的網(wǎng)站的概率。

放一些好的內(nèi)容

網(wǎng)站可以使用定制的404錯誤網(wǎng)站頁面來最大化營銷、線索和銷售的機會。他們可以在自定義404錯誤網(wǎng)站信息的網(wǎng)站鏈接中放置營銷和行動呼吁。聰明的企業(yè)利用404錯誤網(wǎng)站信息來擴大他們的營銷、推廣和宣傳策略。他們可以利用他們的404錯誤頁面來增加有趣的內(nèi)容和即將推出的產(chǎn)品的鏈接，這些鏈接可以轉(zhuǎn)化為網(wǎng)站訪問者的銷售。

必須是一個干凈的設計

抵制用過多的信息來填補404錯誤網(wǎng)站頁面的空白的沖動。在這個領(lǐng)域，網(wǎng)站必須應用KISS原則，即保持簡單（愚蠢）。雖然企業(yè)可以利用404錯誤網(wǎng)站信息作為額外的品牌推廣機會，但這種方法必須是平衡的。一個不凌亂的404信息頁面通過干凈和光滑的網(wǎng)站設計減少用戶的挫折感，從而緩沖整個用戶體驗（UX）。用戶體驗也會受到一個品牌連貫、互補的404錯誤網(wǎng)站信息的積極影響。

我如何創(chuàng)建一個404頁面？

現(xiàn)在是時候看看你應該如何在你的網(wǎng)站上創(chuàng)建一個錯誤的404頁面，并增加你的網(wǎng)站的用戶體驗和訪客保留。

包括設計元素

決定你的404錯誤網(wǎng)站頁面將采用的設計元素類型。網(wǎng)站可以選擇通過設計元素來重新創(chuàng)造他們獨特的品牌信息，這些元素可能是古怪的、可愛的、專業(yè)的、教育的或娛樂的。404錯誤設計元素的選擇也是基于經(jīng)常訪問您網(wǎng)站的用戶類型。要考慮到404信息頁面的顏色、字體、圖形元素和整體美感。設計師需要把自己放在終端用戶的位置上，從他們的角度來體驗404錯誤網(wǎng)站信息頁面。

添加導航元素

無論你的設計美學如何，一些標準的功能都需要包含在404信息頁面中。應該包括一個404錯誤網(wǎng)站信息，以提醒用戶破損、丟失的鏈接或錯誤的URL。還會包括一個行動呼吁，以鼓勵網(wǎng)站用戶在404錯誤網(wǎng)站頁面上執(zhí)行補救措施。

報告工具

網(wǎng)站的404錯誤頁面應該被設計成允許用戶報告網(wǎng)站鏈接的問題。

配置服務器

網(wǎng)站服務器將需要被設計成顯示 "錯誤404 "信息，以回應不正確的URL或網(wǎng)站錯誤。如果你的網(wǎng)站是一個低代碼/無代碼的網(wǎng)站，這可以很容易做到。然而，如果網(wǎng)站是定制的，那么可能需要一個軟件工程師來配置和測試404錯誤網(wǎng)站信息。

追蹤網(wǎng)站指標

開發(fā)人員可以選擇跟蹤網(wǎng)站指標，以獲得關(guān)于用戶產(chǎn)生 "404錯誤 "信息的可能性的有用信息。生成的數(shù)據(jù)對網(wǎng)站更新、故障排除和修復問題都很有用。可以采取后續(xù)措施，盡量減少訪客返回404信息的概率。谷歌分析是另一個有用的數(shù)據(jù)工具，用于跟蹤網(wǎng)站返回 "錯誤404 "網(wǎng)站信息的頻率。

自定義404頁面是否有助于SEO？

答案是肯定的，也是否定的。一個自定義的404頁面本身不一定能提高在谷歌上的排名。然而，與帶有普通 "錯誤404 "信息的網(wǎng)站相比，自定義404錯誤信息創(chuàng)造了更積極的用戶體驗。這些自定義404信息將一個原本令人討厭的結(jié)果變成了用戶的新奇體驗。一些網(wǎng)站選擇用游戲、可愛的動物或一個有趣的笑話來逗樂他們的訪問者，當他們遇到404錯誤時。這些設計獨特的自定義404網(wǎng)站錯誤信息更有可能喚起網(wǎng)站訪問者的積極或困惑的反應?；谒麄兊姆e極反應，定制404錯誤網(wǎng)站信息增強了整體的用戶體驗（UX）。有自定義404信息的網(wǎng)站的訪問者比沒有自定義404信息的網(wǎng)站的訪問者有更積極的用戶體驗（UX）。




來源。Dribbble

衍生效應是，這些用戶將更有可能探索你的額外網(wǎng)站內(nèi)容。以這種間接的方式，自定義404頁面有助于網(wǎng)站的SEO排名。自定義404錯誤網(wǎng)站信息頁面允許網(wǎng)站使用從網(wǎng)站產(chǎn)生的分析結(jié)果來指導你的404錯誤網(wǎng)站信息策略。企業(yè)可以通過選擇用戶互動最多的網(wǎng)站帖子來創(chuàng)造額外的SEO機會。他們還可以納入他們的404錯誤信息頁面最受歡迎的網(wǎng)站頁面的鏈接。這將使用戶重定向到工作頁面，從而提高搜索流量。這將導致你的企業(yè)搜索詞在谷歌搜索引擎上的排名上升。

一個網(wǎng)站應該有哪些錯誤頁面？

除了404錯誤信息之外，一個網(wǎng)站還可以有其他客戶端和服務器端類型的錯誤頁面。它們的獨特代碼反映了網(wǎng)站錯誤的來源，下面將對最常見的錯誤進行探討。

401錯誤

這種客戶端的錯誤是由用戶缺乏足夠的認證憑證造成的。這種錯誤可能是由于網(wǎng)站訪問者忘記了他們的登錄名或密碼而引起的。因此，他們的身份無法被驗證，網(wǎng)站返回404搜索結(jié)果。

403錯誤

這個錯誤是由沒有足夠權(quán)限或特權(quán)訪問該網(wǎng)頁的客戶或用戶產(chǎn)生的。這個錯誤經(jīng)常發(fā)生在禁止工人訪問特定外部網(wǎng)站的辦公室；訪客在試圖瀏覽時可能會看到這個錯誤信息。為了解決這個問題，客戶需要仔細檢查他們的認證，并嘗試重新登錄。如果失敗，他們可能需要聯(lián)系網(wǎng)絡管理員，以獲得必要的權(quán)限。

404錯誤

正如本文所討論的，當無法找到一個頁面時，會返回404錯誤結(jié)果。這可能是由于用戶輸入了錯誤的URL。這個錯誤也可能是由一個已經(jīng)被刪除的頁面引起的。因此，一個404頁面對訪問者來說是無法訪問的。

500錯誤

這是一個與服務器有關(guān)的或服務器端的錯誤，導致你的搜索結(jié)果無法返回。500錯誤頁面表明服務器的問題正在影響你的網(wǎng)站。例如，一個服務器可能由于技術(shù)錯誤而暫時關(guān)閉。因此，訪問者在試圖瀏覽網(wǎng)站時將會看到這個錯誤頁面。

502錯誤

502錯誤是一個更具體的錯誤頁面，將眾所周知的手指指向互聯(lián)網(wǎng)連接。在有互聯(lián)網(wǎng)連接問題的情況下，訪問者將在他們的屏幕上看到502錯誤的結(jié)果。這種類型的錯誤頁面不在他們的控制范圍內(nèi)，是與服務器相關(guān)或服務器端的性質(zhì)。

503錯誤

這種類型的錯誤頁面經(jīng)常被銀行等大型組織所利用，以表明存在維護停機。這種錯誤頁面向訪問者表明，網(wǎng)站的停機時間是為了方便升級、更新或維護。作為一個服務器端類型的錯誤，它也可以表明由于網(wǎng)絡上有大量的用戶而造成的網(wǎng)站崩潰問題。有大型零售活動的企業(yè)有時會遇到這種類型的錯誤頁面，以應對用戶對其網(wǎng)站的蜂擁而至。

504錯誤

這種錯誤信息很流行，與網(wǎng)關(guān)超時有關(guān)。網(wǎng)站訪問者可能會注意到，網(wǎng)站可能需要很長的時間來返回結(jié)果。如果網(wǎng)站處理查詢的時間太長，它往往會失敗，并可能返回這個服務器端的504錯誤信息。

如何在WordPress中創(chuàng)建一個404頁面？

在WordPress平臺上，只需下載和安裝他們的一個工具，就可以創(chuàng)建一個404錯誤頁面。他們?yōu)閃ordPress開發(fā)的專有404頁面插件為創(chuàng)建404頁面提供了一個簡單的解決方案，具有用戶會喜歡的自定義功能。這個插件以其方便的拖放和安裝界面，為非編碼者和公民開發(fā)者省去了猜測的過程。

底線

如果企業(yè)喜歡創(chuàng)建一個獨特的以品牌為中心的404自定義信息，則需要一個軟件開發(fā)人員。這種途徑比WordPress提供的低代碼插件解決方案成本更高。404錯誤頁面的定制設計也可能需要更長的時間，在確定設計之前需要多次協(xié)商。在WordPress中，你的網(wǎng)站404頁面所需的設計水平最終要歸結(jié)于你的預算和項目時間表。




原網(wǎng)址：https://appmaster.io/blog/404-pages-best-practices-to-improve-user-experience