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