咱們先不說那些專業(yè)術(shù)語，就用大白話來講講404頁面是啥。想象一下這個(gè)場(chǎng)景：你去一個(gè)大商場(chǎng)逛街，按照指示牌找一家店，結(jié)果走到頭發(fā)現(xiàn)這個(gè)店面根本不存在，或者已經(jīng)搬走了。這時(shí)候你會(huì)有點(diǎn)懵，不知道接下來該往哪走。
網(wǎng)站的404頁面就是干這個(gè)事的——它就像一個(gè)商場(chǎng)里負(fù)責(zé)指路的服務(wù)員，當(dāng)你訪問的網(wǎng)頁找不到時(shí)，它就站出來說：“哎呀，您找的這個(gè)地方現(xiàn)在沒有了，不過我可以告訴您可以去哪兒看看。”
很多人覺得404頁面就是個(gè)“報(bào)錯(cuò)頁面”，設(shè)計(jì)得差不多就行了。但今天我要告訴你：這個(gè)看起來不起眼的頁面，其實(shí)是個(gè)難得的“機(jī)會(huì)窗口”。
你可能覺得奇怪：用戶都遇到錯(cuò)誤頁面了，還談什么機(jī)會(huì)？我來給你分析分析：
1. 減少用戶流失的最后一根稻草
用戶看到頁面不存在，第一反應(yīng)就是關(guān)掉網(wǎng)站走人。一個(gè)好的404頁面能拉住他，告訴他：“別急著走，我們這兒還有好多好東西呢！”
2. 意外的品牌展示機(jī)會(huì)
平時(shí)用戶可能匆匆瀏覽內(nèi)容，不會(huì)特意感受你的品牌風(fēng)格。但當(dāng)他在404頁面停留的那十幾秒，你反而有了一個(gè)安靜展示品牌個(gè)性的空間。
3. 展示你的用心程度
連404這種“邊角料”頁面都精心設(shè)計(jì)，用戶會(huì)覺得：“這家連這種細(xì)節(jié)都考慮到了，其他地方肯定更用心。”信任感就這么建立起來了。
4. 變壞事為好事的可能
用戶本來有點(diǎn)不爽（頁面找不到了），但如果你能用一個(gè)有創(chuàng)意的404頁面逗笑他，或者給他有用的幫助，他的不爽可能就變成了好感。
說白了，404頁面就像是考試的最后一道附加題——大部分人覺得它不重要，但做得好的人能額外加分。
千萬別用冷冰冰的“您訪問的頁面不存在”就打發(fā)了。更好的說法是：“哎呀，我們可能把這里的東西挪走了”，把責(zé)任往自己身上攬一點(diǎn)，用戶感覺會(huì)好很多。
如果你的品牌是個(gè)活潑的年輕人，404頁面就不能像個(gè)嚴(yán)肅的老教授。如果你的品牌是專業(yè)的權(quán)威形象，404頁面就不能太搞笑輕浮。風(fēng)格要一以貫之。
別光說“抱歉”，得給人家指條明路。就像你迷路了，有人不光說“哎呀你走錯(cuò)了”，還得告訴你“不過你可以往那邊走”。
用戶在這個(gè)頁面的耐心很有限，所以信息要簡(jiǎn)潔明了，行動(dòng)按鈕要醒目易找。
顏色：用你品牌的主色調(diào)，別突然換個(gè)完全不同的配色方案
字體：和你網(wǎng)站其他部分用一樣的字體家族
圖形元素：可以延續(xù)你品牌的圖形風(fēng)格，比如特定的線條風(fēng)格、圖標(biāo)樣式
吉祥物/形象：如果你有品牌吉祥物，讓它在這里出場(chǎng)再好不過了
如果品牌性格是幽默的，可以寫：“哎呀，這個(gè)頁面可能去度假了”、“我們找遍了每個(gè)角落也沒找到它”
如果品牌性格是貼心的，可以寫：“您要找的頁面暫時(shí)不在家，不過我們?yōu)槟鷾?zhǔn)備了這些可能有用”
如果品牌性格是專業(yè)的，可以寫：“您訪問的鏈接可能已更新，以下是您可能需要的相關(guān)內(nèi)容”
關(guān)鍵是要像你的品牌在說話，而不是機(jī)器在報(bào)錯(cuò)。
搜索框：最實(shí)用的功能，放在顯眼位置
主要欄目鏈接：列出網(wǎng)站最受歡迎的3-5個(gè)板塊
返回首頁按鈕：清晰明顯，別讓用戶找
最近更新內(nèi)容：如果用戶因?yàn)槔湘溄舆^時(shí)而來，讓他看到最新內(nèi)容
可以加一點(diǎn)小創(chuàng)意：
一個(gè)簡(jiǎn)單的互動(dòng)小動(dòng)畫（點(diǎn)擊某個(gè)元素有反應(yīng)）
一句貼合品牌價(jià)值觀的溫馨話語
一個(gè)不復(fù)雜的小游戲或彩蛋
把404頁面變成一個(gè)微型故事場(chǎng)景。比如一個(gè)探險(xiǎn)主題的品牌，可以把404設(shè)計(jì)成“地圖的這部分還沒被探索”；一個(gè)美食相關(guān)的品牌，可以說“這道菜還沒上桌”等等。
在頁面上加一點(diǎn)簡(jiǎn)單的互動(dòng)，比如“幫我們的小圖標(biāo)找到回家的路”，用戶完成一個(gè)極簡(jiǎn)操作后，得到一種“幫助了別人”的滿足感。
如果用戶經(jīng)常通過你的網(wǎng)站找特定信息，可以在404頁面直接提供最常用的工具或查詢功能，讓他即使沒找到想找的，也能做成另一件事。
在404頁面上禮貌地問：“您本來想找什么內(nèi)容？”提供一個(gè)簡(jiǎn)單的反饋框。這樣你既能幫助用戶，又能收集到寶貴的信息——知道哪些鏈接失效了，用戶常找什么但沒找到。
記住，用戶是來找原本的內(nèi)容的，不是來玩游戲的。設(shè)計(jì)要有趣，但不能讓用戶花太多時(shí)間在404頁面上。
不要說“您輸入了錯(cuò)誤的網(wǎng)址”，用戶可能就是從其他網(wǎng)站點(diǎn)過來的，或者收藏的舊鏈接。用“我們”而不是“您”，感受完全不同。
提供的選項(xiàng)要清晰明確。不要給用戶一大堆鏈接讓他自己找，精選幾個(gè)最可能的路徑。
再怎么創(chuàng)意，搜索框和首頁鏈接這兩個(gè)基本出口必須清晰可見。
404頁面應(yīng)該有一定辨識(shí)度，讓用戶知道自己不在正常的內(nèi)容頁面上，但又不突兀。
用戶已經(jīng)有點(diǎn)不耐煩了，如果404頁面還加載半天，那就是雪上加霜。保持頁面輕量。
雖然是個(gè)錯(cuò)誤頁面，但網(wǎng)站的頂部導(dǎo)航或底部信息最好還能用，給用戶更多選擇。
后臺(tái)要記錄哪些頁面經(jīng)常出現(xiàn)404，這可能是網(wǎng)站結(jié)構(gòu)有問題，或者有死鏈需要清理。
現(xiàn)在很多人用手機(jī)上網(wǎng)，404頁面在手機(jī)上看也要清晰易用，按鈕不能太小，文字不能太難讀。
讓團(tuán)隊(duì)里不同的人看看這個(gè)404頁面，特別是非設(shè)計(jì)、非技術(shù)的同事，他們的第一反應(yīng)最有參考價(jià)值。
如果你有幾個(gè)創(chuàng)意想法，可以做簡(jiǎn)單的A/B測(cè)試，看看哪個(gè)版本的404頁面讓更多用戶繼續(xù)留在網(wǎng)站。
用戶在404頁面停留時(shí)間（太短可能說明沒幫到用戶，太長(zhǎng)可能說明頁面太復(fù)雜）
從404頁面跳轉(zhuǎn)到其他頁面的比例
通過404頁面搜索的比例
404頁面也可以偶爾換換新意，特別是當(dāng)你的品牌形象有細(xì)微調(diào)整時(shí)，404頁面也應(yīng)該相應(yīng)更新。
其實(shí)不只404頁面，其他錯(cuò)誤頁面（比如500服務(wù)器錯(cuò)誤）也可以按照同樣的思路設(shè)計(jì)。一整套有品牌感的錯(cuò)誤頁面，會(huì)給用戶留下深刻印象——連出錯(cuò)了都這么用心，正常服務(wù)肯定更可靠。
設(shè)計(jì)404頁面時(shí)，始終記住用戶此刻的心理狀態(tài)：有點(diǎn)困惑，有點(diǎn)著急，耐心值比平時(shí)低。你的目標(biāo)不是炫耀創(chuàng)意，而是快速安撫情緒，提供清晰路徑。
最好的404頁面是這樣的：用戶本來因?yàn)檎也坏絻?nèi)容有點(diǎn)失望，但看到你的404頁面后，反而覺得“這家還挺有意思的”，然后順著你提供的鏈接，發(fā)現(xiàn)了原本沒想到要看的其他有用內(nèi)容。
一個(gè)真正成功的404頁面，是能讓用戶忘記自己最初要找什么，因?yàn)樗谀闾峁┑钠渌x擇中找到了新的價(jià)值。
所以，別再把404頁面當(dāng)作技術(shù)上的“必選項(xiàng)”，而把它看作品牌與用戶溝通的“加分項(xiàng)”。在這個(gè)意想不到的時(shí)刻，用品牌的溫度和智慧，把一次可能的失敗體驗(yàn)，轉(zhuǎn)化為加深用戶印象的機(jī)會(huì)。
花點(diǎn)時(shí)間想想你的品牌是什么性格，你的用戶可能喜歡什么方式，然后創(chuàng)造一個(gè)只有你能做出的、帶著你品牌DNA的404頁面。這可能是你網(wǎng)站中最少被看到，但最可能被記住的頁面之一。
聯(lián)系電話題-1.jpg)