網站404頁面（一個有趣的404頁面）

有趣的404頁面能緩解用戶的焦慮和挫敗感，那麼一個有趣的404頁面，是如何體現的？【天天問每周精選】第102期：你見過哪些有趣的404頁面，是如何體現的？以下內容來自天天問用戶：@Jasmine @JaylonG @joe @CHIN_PM @小u @請叫我馬小胖 @月半小閣 @九久玖404頁面，指的是顯示網站錯誤鏈接的頁面，可能是該訪問的頁面不存在，也可能是頁面已經被刪除。出現404異常狀態，用戶體驗可能不佳，但有趣的404頁面能緩解用戶的焦慮和挫敗感。於是許多網站/App各出奇招，出現瞭不少讓人眼前一亮的404頁面。01那麼在瞭解“一個有趣的404頁面，是如何體現的？”之前，先瞭解幾個在做這類頁面設計時會考慮的問題：問題一：為什麼會存在404頁面？問題二：什麼人群會看到404頁面？問題三：404頁面的作用問題四：404頁面的表現形式通過以上流程的思考，能夠幫助避免主觀盲目設計這類頁面。問題一和問題二幫我們界定404頁面存在的狀況以及人群，具體要通過用戶體驗以及調研去得到具體的答案。大概來說，一般看到404頁面的人群，基本也屬於「網絡情況問題」和「產品本身問題」，但是他們都有個相同的特征，就是在“需要你的時候，你掛瞭”。所以問題三，404頁面存在的作用有兩個：緩解用戶當前遇到的問題所產生的焦慮解決用戶當前所遇到的問題我們應該從問題一到問題三來思考404頁面的表現形式，而不是說自認為越炫越好，首先要意識到這個頁面是因什麼而存在，存在又是為瞭什麼。如果你不能思考到這個問題，那你的設計是盲目的。02接下來就到瞭如何定義表現形式瞭。在研究分析瞭幾十款404頁面設計之後，發現優秀的設計方式都包含下列元素：圖形（動畫）+文字+（操作按鈕）圖形——品牌形象/可愛形象等——緩解轉移用戶焦點動畫——品牌形象——緩解用戶焦慮文字——提示問題/引導操作——給出解決方案遊戲/互動——互動性引導——緩解用戶焦慮按鈕——引導操作——（視情況而定）因此，綜合以上這些元素，可以把有趣的404頁面分為以下幾類展現方式：轉移註意力法、隱喻手法、平鋪直敘法、遊戲娛樂法、自嘲手法。1. 轉移註意力法這種方法將404頁面視作可被利用的空間，來呈現公益信息，這種方法暫時減弱瞭用戶對產品的憤怒，將註意力轉向對弱勢群體或社會問題的關心，側面感受產品的社會價值，這種方法適用於社會公益性質或相關業務的產品。比如騰訊公益的404頁面，這個項目的靈感源於歐洲失蹤兒童聯合會主導的，名為“NotFound Project”的網絡公益工程。就是利用404頁面展示那些被拐賣兒童、失蹤兒童的信息，幫助那些孩子重新找到傢人。比如丁香園的404頁面，文案是“你所訪問的頁面就如那些遇害的同道，已離我們遠去。”下面還會有這些白衣天使的照片和名字。以這樣的方式悼念亡者，也側面展現瞭丁香園的社會價值。2. 隱喻手法這是一種很藝術很委婉的方式，404這幾個大字太平鋪直敘，缺少細細品味和想象的餘地。隱喻手法運用現實中的事物對404的意義進行比喻，具有藝術審美價值，適合產品品牌介紹網頁。將產品的形象融入到404頁面，也是一個不錯的法子，不僅顯得有趣，提高瞭用戶體驗，也提升瞭品牌認知。像之前收集過的一張棒球網站404，同時也可以延伸出許多靈感，例如：足球類產品404可以放張守球失敗相關圖片，而籃球可以放張“三不沾”的照片，結合自身產品以此類推。也可以根據不同行業，在提示信息中加入行業詞語，例如：教育類的“老師累瞭，需要休息，請稍後再來哦”.3. 平鋪直敘法這種方法雖然沒有藝術性，沒有幽默感或者社會意義，但也是最負責的表達方式，直接告知用戶頁面出現瞭問題，導致問題的原因有哪些，聚焦於如何解決404頁面問題，適合效率為主的產品，例如電商類產品。4. 遊戲娛樂法遊戲可以促進多巴胺產生，玩遊戲或有趣的交互互動，可以激發快樂感受，這種方法可能消耗較多開發和設計人力，用戶體驗價值也難以量化，所以慎用吧。一個典型的栗子是谷歌404小恐龍。呆萌的小恐龍趣味性十足，網上還有用戶發佈瞭谷歌404小恐龍教程，像這類小遊戲404應用的網站也比較多。5. 自嘲手法這種方式一般會將產品擬人化，采用用戶熟悉的人物形象，用偏幽默的方式告知用戶頁面崩瞭，有點像喜劇中自嘲的手段，逗樂用戶，創造積極體驗。適合娛樂類產品，例如電影類網站等。結語無論如何，404頁面之所以出現，是因為沒有滿足用戶需求。所以不管做得再怎麼好玩有趣，原本該出來的沒有出來，用戶想知道的沒有知道，做得再好玩也都是本末倒置的。404頁面如同你在跟女神表白，表達瞭你想跟她在一起的需求，但她拒絕瞭你。把404頁面做得有趣，就有點像女神在委婉拒絕，話說得再好聽，拒絕瞭就是拒絕瞭，終究是會影響用戶體驗的。那麼有趣的404頁面存在的意義，大概是“雖然女神拒絕瞭我，但不妨礙她有趣的靈魂會一直吸引我”。你還見到過哪些有趣的404頁面？點擊下面的鏈接，一起來分享吧~更多精彩回復：http://996.pm/zL5XV相關閱讀【天天問每周精選】第101期：如果支付寶和微信隻能留一個，你留哪個？為什麼？【天天問每周精選】第100期：你會為互動職場劇哪一環節（如面試/工作/離職）設置怎樣的互動，來擊中用戶的興奮點？【天天問每周精選】第99期：什麼樣的場景，才能讓用戶心甘情願購買付費會員？【天天問每周精選】第98期：為什麼長文網站需要點擊“閱讀更多”，才能看到全部內容？【天天問每周精選】第97期：微博和抖音之間，為何會有「是否自動跳轉到下一視頻」的設計差異？素材來源：天天問話題精選「天天問」為人人都是產品經理社區旗下的互助問答模塊，致力產品、運營、營銷等領域知識的學習交流。本欄目由天天問運營 @Ella 整理編輯發佈，歡迎大傢踴躍提問，一起交流。題圖源於網絡