網頁流失率高?請看網頁設計問題自查指南
網頁設計的所有考慮因素最後的落腳點都在用戶體驗上。而用戶每天接觸大量的信息,一旦有什麼不友好或者不舒服的地方就會退出離開。但導致用戶流失的問題到底出在哪?用戶不會說,很多設計師其實也並不清楚。今天,秒秒學小編找到了一份網頁設計自查指南,幫助各位設計師按圖索驥,找到用戶流失的關鍵。現在就跟我們一起來看看你的網站有沒有以下的問題吧。
1、設計時沒有定義樣式
樣式和配色是網頁設計的核心。整個網站最好在CSS中定義所有內容,不要太依賴於記憶和手動修改。
定義樣式包括字體的選擇、大小與配色,以及其他需要配色的部分(比如按鈕或鏈接),這些都應該在設計時注意。
不同頁面之間各個元素的樣式和它引發的行為不見得明確和統一,如果沒有定義樣式,用戶會不知道如何進行界面操作,產生混亂。
定義樣式也有助於防止「過渡」設計。合理的、一致的設計可以幫助用戶輕鬆找到信息。
2、所有東西的大小沒規範
查看你的設計,比如說文本和元素(圖像、按鈕、鏈接)是否有一個清晰的層次結構,並按照不同層次使用不同的規範。例如一級標題統一使用黑體粗體三號,二級標題使用宋體加粗四號,正文使用宋體標準小四號,這樣普通用戶才能清楚地區分標題和正文。圖片和按鈕也是如此,圖片的尺寸往往要大於按鈕的尺寸,這樣造成視覺差異,為用戶創建可視化路徑,引導用戶視線,讓用戶不至於把圖片當成按鈕。
3、網頁跳出率高
你注意到了網頁後台數據中的跳出率嗎?將跳出率與停留時間進行比較,跳出率低,在你的網頁里停留時間就越長。如果是相反的趨勢,那你就要注意了。
如果用戶離開你的網頁太快,請深入分析後台數據。了解他們第一時間是如何到達你的網站,他們正在尋找什麼(通過使用的點擊模式、首頁、搜索結果分析)。然後再去根據診斷情況調整網站設計。
4、用戶沒有點擊你希望他們點擊的東西。
注意用戶點擊的那些東西。思考下實際點擊次數與需求點擊次數符合嗎?如果用戶沒有點擊你希望他們點擊的東西,那可能是視覺引導上有問題。是不是按鈕不夠大或者不夠清晰?還是文案不夠吸引用戶去行動?……
通常情況上網時有太多分散注意的東西。比如一個網站置頂廣告中有個大大的電話呼籲你行動,但在它的正下方有一個郵件表格提交,還彈出了優惠券信息。這時用戶會先點什麼?或者是因為無法選擇乾脆關掉網站離開?
這種情況下,解決方案也很容易:把可進行操作的元素限制在每個頁面導航之外或者放到頁腳。就像上面那個例子,可以這樣設計:廣告中保留號召行動的電話,但郵件表單可以放在另一頁,而彈出框可以延遲幾秒鐘,讓人看完了廣告再彈出。
5、設計時用了太多技巧
當你進行網頁設計的時候,在某個元素上花了很多的設計技巧,讓這個元素看起來非常酷炫——但這樣很可能會影響用戶體驗,就像畫蛇添足。試著,只用一種設計技巧,也就是只做一種特效到元素上,這樣反而能給用戶提供一個興趣焦點。
6、操作不符合用戶習慣
你的網站操作方式是不是比容易理解、符合人們日常操作習慣呢?比如用戶一般是從上往下滾動,而你設計的是從左到右,這樣就會讓用戶很不習慣。堅持使用用戶普遍接受的工作流、工具和操作,以確保大多數人知道如何與網站進行交互和互動。使用的圖標和元素最好也是眾所周知的……創造完全不同的全新的東西雖然很有趣,但是想想你網頁設計的目標,如果不被用戶接受,那一切都是徒勞。
7、沒有留白
空間留白可以讓頁面顯得簡潔明了,能給用戶提供明確引導,分清層次結構,讓用戶更容易理解和操作。如果你不知道如何留白,那可以做一些簡單的設計。比如將文本行距從1增加到1.5,那就能大大提高可讀性。
留白也會影響其他地方,比如分欄設計中更寬的間隔有助於用戶分清區塊;元素周圍的大片空白可以凸顯其重要性,並引導用戶將視覺重點放在該處。
以上都是經驗總結,覺得有用的話你就收藏起來吧。你還可以看下秒秒學推薦的課程,對你應該幫助很大:
《網頁設計美學》
※噓,別外傳!最新發現的網頁設計趨勢!
※老鳥幹活比你快,就靠這7招
※這兩個東西都搞不清,你搞什麼互聯網創業?
※這些人PS一下就成了顏值擔當
※PS用多了會上癮?看看這些被玩壞的圖
TAG:秒秒學 |
※在線翻譯英文網頁,解決你看不懂英文網頁的問題
※新網頁標準:指紋識別可用於登錄網站
※告別網頁彈窗和網頁視頻廣告——凈網大師
※訪問網頁之協議淺析
※網易首款東方幻想頁游 鎮魔曲網頁版今日先鋒測試
※網易首款東方幻想頁游鎮魔曲網頁版今日先鋒測試
※A站恢復訪問:網頁客戶端正常看視頻
※久安網路網頁版小程序內頁可以分享了!
※你不得不知道的互聯網環境下網頁設計中的配色問題
※北京網站建設中 如何設計簡約網頁風格?
※網頁設計有哪些基本流程以及需要注意的問題
※軟網推薦:滾動截圖將超長網頁「一網打盡」
※問:小程序可以跳轉網頁么?
※瀏覽器渲染網頁過程
※如何下載網頁在線視頻?
※石家莊橋東網站建設公司講述的網站製作中網頁設計重點
※傳奇世界網頁版
※什麼是黑暗網頁?
※快訊:微博網頁版出現故障
※巧用瀏覽器模式切換解決網頁瀏覽問題