欧美中文字幕第一页-欧美中文字幕一区-欧美中文字幕一区二区三区-欧美中文字幕在线-欧美中文字幕在线播放-欧美中文字幕在线视频

404頁面的幾個設計思路

我是創始人李巖:很抱歉!給自己產品做個廣告,點擊進來看看。  

經常有看到一些平臺分享404頁面的設計,但只是丟了一些別人設計好的頁面,再無其它說明。畢竟設計師都清楚設計404頁面并不是只是單純地畫一幅插畫而已。于是花了一些時間搜集和分析了404頁面的設計,思考和整理了相關的設計思路。

404頁面的幾個設計思路

在此之前先簡單明確一下404頁面的定義,404頁面是客戶端在瀏覽網頁時,服務器無法正常提供信息,或是服務器無法回應,且不知道原因所返回的頁面。

自定義404頁面是處理空白狀態的一種情況,其在用戶體驗上的作用通常是:

  1. 告知用戶錯誤所在,緩解用戶焦慮。
  2. 提供解決方案,如返回上一頁或首頁,提升用戶留存率。
  3. 影響用戶對網站的印象。

同時百度百科還提到“峰終定律”在404頁面的運用:

對一項事物的體驗之 后,所能記住的就只是在峰與終時的體驗,而在過程中好與不好體驗的比重、好與不好體驗的時間長短,對記憶差不多沒有影響。404錯誤頁面應該作為頁面瀏覽的一部分,看到“出錯”或者“抱歉”頁面之類404頁面的時候,用戶會對網站的信任度迅速降低,有種挫敗感。

下面是一些相關的設計思路:

1.直接表示出現了錯誤。

通常可用搞砸的事物表示,如斷線風箏、斷了的鉛筆、撕碎的書頁、下雨天沒傘、破碎的玻璃、機器人故障等等。

404頁面的幾個設計思路

2.表示抱歉,沒能找到頁面。

向用戶道歉,而不是責備用戶(用戶心軟,哈哈)。

404頁面的幾個設計思路

3.用幽默詼諧的方式提示用戶到了一個錯誤的頁面。

404頁面的幾個設計思路

啊啊啊啊啊啊,頁面不存在!就像是從圖片中的動物口中說出來的一樣。

4.轉移用戶注意力,如可以在404頁面玩一會小游戲、展示公益廣告、甚至傳播正能量:

404頁面的幾個設計思路

吃豆豆游戲

類似的還有為人所熟知的谷歌404的跳跳龍游戲。

404頁面的幾個設計思路

5.頁面的去向

腦洞下沒有找到的頁面的下落,如頁面正在休息,頁面消失了,頁面被吹走了。

404頁面的幾個設計思路

網頁被忍者偷去啦!

6.表示訪客迷失。

如表示訪客迷路了,迷失在茫茫宇宙,到了不正確的地方等示意用戶這是錯誤頁面。

404頁面的幾個設計思路

7.如果你的網站受眾是年輕人,你也可以選擇賣個萌,討個喜。

404頁面的幾個設計思路

404頁面的幾個設計思路

關于404頁面的設計注意事項有許多,覺得百科上已經寫得很詳細,就搬過來了:

1.不要將404錯誤轉向到網站主頁,否則可能會導致主頁在搜索引擎中消失。

2.404頁面不要自動跳轉,讓用戶來決定去向。

3、不使用專業術語:“404錯誤”這個詞的使用一直非常規范,但這并不是你使用專業術語嚇跑訪客的理由。“找不到網頁”這個說法相比來說更準確也更易于接受。

4、不要責備訪客

5、提示訪客檢查拼寫(常出現在搜索引擎中):還有一個可能是訪客看到404錯誤頁面是由于他們自己在輸入URL網址時出現了拼寫錯誤。提示訪客檢查他們的拼寫,但不要失禮。

6、明確表明404:清楚地向訪客聲明他們正在搜尋的頁面無法找到,且不要讓錯誤頁面看起來與正常的內容頁(如加入過多的文本和鏈接)太過相似。你是想要表明這是一個錯誤頁面,所以就不要羞于向訪客們聲明這一點。

7、放置網站主頁鏈接:不要讓訪客無處可去或是無法找到你的網站信息。至少應該有一個鏈接鏈回你的網站主頁。這樣一來,從其他網站鏈接而來的訪客就可以了解你以及你的網站,甚至他們可能在你的網站中找到一些他們喜歡的內容。

8、訪客方便反饋信息:如果訪問者點擊了你網站上的一個錯誤鏈接,你會想了解這個鏈接故障。如果通過404頁面給他們提供一個反饋信息的便捷方式,讓他們可以報告這個故障以便你去解決。這只需要一個非常簡短的形式來提示訪客告訴你他們來自哪個頁面及哪個鏈接。通過這個方法,你可以獲取到所有你需要的信息。

9、保持品牌風格:我們都看過非常酷的“讓訪客發現一個巨大的“復活節蛋”“的錯誤頁面的設計案例。但千萬不要使這個頁面的設計與你網站的其他頁面相差太大,否則會看起來這個頁面不像你網站的設計,會讓訪客產生疑惑,誤以為自己已經被帶到了一個外部網站。

10、語言版本:如果你的網站是多語種的,404錯誤頁面將從你所有語言版本的網站中獲取錯誤信息。無論你想要顯示任何信息,都需要將其翻譯成各個語言版本,使每個人都能理解。同時還需提供一個鏈接返回到訪客所對應的語言版本的網站。

11、讓訪客搜索想要的:如果訪客正在訪問的頁面已被移動,你可能想給他們一個途徑來搜索頁面被移動到了何處,可以考慮在頁面增加一個搜索框。

如果只是像下面這樣,可能會不太合適:

404頁面的幾個設計思路

圖片來自網絡

當然,如果你的用戶就是程序員,你也可以這樣啦:

404頁面的幾個設計思路

以上只是有限的設計思路,然而創意是無限的,比如這樣:

404頁面的幾個設計思路

?

作者:_Ammy

來源:http://www.jianshu.com/p/16f63d2d2478

本文由 @_Ammy 授權發布于人人都是產品經理,未經作者許可,禁止轉載。

? 收藏

隨意打賞

404頁面設計專題頁面設計h5頁面設計網站頁面設計404頁面頁面設計設計思路
提交建議
微信掃一掃,分享給好友吧。
主站蜘蛛池模板: 国产精品久久久 | 一区在线免费 | 国产臀控福利视频在线 | 香蕉视频亚洲 | 网友自拍视频悠悠在线 | 麻豆国产在线观看一区二区 | 一本久道热中字伊人 | 欧美视频在线观看一区二区 | 99欧美精品 | 五月婷中文字幕 | 亚洲精品国产福利一区二区三区 | 99伦理| 久久精品欧美日韩精品 | 九九99re在线视频精品免费 | 亚洲视频免费观看 | 在线成人免费观看国产精品 | 久久精品这里 | 国产精品一区二区不卡 | 国产91久久最新观看地址 | 精品视频午夜一区二区 | 57pao一国产成视频永久免费 | 久久综合久久综合九色 | 亚洲高清中文字幕一区二区三区 | 国产在线伊人 | 五月久久亚洲七七综合中文网 | 大乳妇女bd视频在线观看 | 九九热九九热 | 天天操综合| 国产91成人 | 神马九九 | 亚洲黄色自拍 | 久久精品国产午夜伦班片 | 欧美色另类 | 国产欧美综合在线一区二区三区 | 九九亚洲精品自拍 | 欧美一区二区三区不卡片 | 欧美在线一区二区三区 | 久久er国产精品免费观看2 | 亚洲一区二区三区在线播放 | 国产香蕉一区二区在线观看 | 日本一区二区在线 |