出錯的藝術:如何設計404頁面

Others

許多時候,404出錯頁面會令人感覺厭煩。但有趣的是,在一些情況下,這些頁面可以給用戶帶來樂趣,使用戶不再介意頁面本身的問題。

出現這種差異並不是偶然。你的404頁面應當與其他網頁有著同樣的風格和設計。這一點很重要,因為404頁面的彈出已經給用戶體驗帶來了干擾。不過,如果能加以適當的處理,你可以扭轉這種不利局面,給用戶帶來意外驚喜。

情緒連接的力量

網站的功能、可用性和服務很重要,但用戶與網站之間的情緒連接最能影響他們對網站的評價。對於許多日常決定,人類的決策機制通常是“跟著感覺走”,而用戶與網站的互動也是如此。換句話說,用戶對網站的感覺比他們對網站的看法更重要。

2

因此,在試圖訪問某一網頁時看到404出錯頁面給人的感覺很不好。這種出錯有可能拖累整體體驗,而如果網站還存在其他小缺陷,那麼404頁面將會是毀滅性的。因此,網站開發者必須非常謹慎地對待404頁面。

不過從好的一面來看,404頁面也帶來了逗樂的機會。網站沒有按正常機制工作,但你也可以借此機會給用戶帶來驚喜,因為用戶通常不會想到404頁面會帶來有趣的消息。以下是我們欣賞的幾個404頁面設計,以及為何這些頁面使我們更喜歡相應的網站。

搞笑

創造情緒連接的最古老方式之一在於搞笑,搞笑將使用戶很難形成不滿的情緒。

3

Magnet的404頁面正是如此。頁面上的維恩圖令人覺得好笑,這很清楚地創造了情緒鏈接。

4

一些404頁面則參考了流行文化,因為如果你自身無法搞笑,那麼可以借鑒能搞笑的人。來自Worrydream的404頁面很經典。請注意,“404”的字樣以煙鬥煙霧的形式出現。

漂亮的視覺效果

如果無法令用戶感到有趣,那麼請嘗試利用你的藝術天分去吸引他們。這樣的404頁面看起來很酷,在很多情況下能改變用戶的觀感。

5

忍者的形像是大眾明星,而Huwshimi的404頁面利用了這樣的形像。框架設計、繪制技巧和配色使這一頁面看起來就像是藝術作品,而我們並不介意看到這一頁面。

6

類似地,來自Audiko的404頁面也很有意思。這一頁面會讓人忘卻最初打開頁面是為了尋找什麼信息。盡管不像Huwshimi的頁面一樣精致,但這幅圖片更容易吸引用戶的注意力。

互動功能

既不是很有趣,也沒有精美的藝術感?那麼可以試試利用游戲。

7

來自Blue Fountain Media的404頁面非常聰明地利用了吃豆人游戲。有時,你可能會故意訪問這一404頁面,以消磨時間。

8

另一個可以用於打發時間的404頁面來自Hot Dot。用戶可以點擊頁面上的點,觀看這些點的運動。這一互動功能比你想像中可能更有趣,而用戶很可能會長時間注視這一頁面,忘了他們最初打開頁面的意圖。

9

並非所有具備互動功能的404頁面都令人上癮。GitHub的404頁面很簡單,不會占用你很多時間,但這一頁面同樣能帶來樂趣。這一頁面的互動功能不是很強大(前景上的對像會隨著鼠標而移動),但可愛的動畫會吸引用戶。

10

創造情緒連接並不一定需要走可愛路線。Hakim El Hattab的404頁面上有著令人毛骨悚然的眼球,會隨著你的鼠標而轉動,並有節奏地眨眼。頁面下方的文字會提示,在幾秒鐘之後,網站將自動跳轉至主頁。

以巧妙的方式去宣傳品牌

一些情況下,只要引入一兩個其他元素,404頁面也會是推廣品牌的良機。馬斯洛的“情感需求層次理論”可以作為參考。你需要確保,你的品牌能對頁面的功能和個性化實現良好的補充。

11

例如,樂高的404頁面采用了具有幽默感、有趣的視覺效果,但也使用了該品牌標志性的形像。這一形像很簡單、很可愛,能夠提高品牌認知度。僅僅看著這一頁面就可以給你帶來一些回憶。可以發現,他們給前景角色選擇了紅色配色,從而更好地表達出錯的信號。

12

類似地,來自eHarmony的404頁面集成了有趣的視覺畫面,同時推廣了該網站關於“愛”的主題。對交友網站來說,開玩笑可能並不是很合適,但這一頁面做得很好。他們還將頁面出錯轉化成了與用戶展開對話的機會,推動用戶注冊服務。

贏家

13

我們認為,Nouveller的404頁面具備了以上所有元素。這一頁面最開始是電影《侏羅紀公園》中央公園控制台的DOS輸入窗口,但在幾次嘗試(交互元素)後,你會看到丹尼斯·納德利(Dennis Nadry)在電影中的台詞(流行文化和幽默感)。此外,這一頁面也會令你感到驚訝。

當然,這樣的消息並未失控,因為你可以通過“重啟並重試”選項返回至主頁。這一404頁面擁有所有必要元素:樂趣、互動性,以及幫助用戶返回至正確頁面的基本功能。

實用的建議

讓你的404頁面有趣只解決了問題的一部分,你還需要記住其他原則。最後,讓我們來回顧一些通用的小技巧:

– 鏈接至熱門文章。如果用戶並不知道下一步要怎麼做,那麼這是一個不錯的方式。在用戶願意接受建議的情況下,推薦你最好的內容。
– 集成搜索欄。與上一條建議類似,集成搜索欄將幫助用戶繼續瀏覽,而不會受到太大的干擾。

– 提供選項,幫助用戶報告損壞的鏈接。推動用戶參與將使網站變得更好,同時也將給用戶帶來滿足感。你至少可以向他們提供技術支持郵件的地址,讓他們發出自己的聲音。

– 像普通人一樣解釋狀況。告訴用戶,究竟是什麼出現了錯誤(用門外漢的語言),並將404頁面當作信息門戶。如果設計能夠實現,那麼你甚至可以同時集成搜索欄和推薦內容鏈接。請不要用技術語言來說明這樣的問題。

總而言之,對於404頁面,你應當給予與其他頁面同樣多,甚至更多的關注。通過適當的設計,你可以獲得意料之外的粉絲,這樣的人群會在社交媒體上分享聰明的設計。

(轉自互聯網)

Post a comment

 

Loading...