模式化的網頁設計套路之所以為廣大設計師所喜愛，很大程度上是因為它們具備有良好的可用性和可訪問性，在轉化率和用戶留存率上有著不錯的數據表現。

但是這些通過數據來體現的設計模式，在用戶的視角里，可能并不那么理想。設計和做人一樣，需要少一些套路，多一些真誠。那么下面就為大家揭穿那些看似好用，但用戶體驗并不好的設計模式。

1、色彩種類運用過多

為了讓自己的網站表現得熱情而有吸引力，很多朋友非常極端地向其中加入大量色彩鮮艷的文字與邊框，而這些顏色的運用與圖片內容并不協調。這顯然有損訪客對核心內容的關注。

解決辦法

最好的辦法是使用最多三種主色調與素雅的背景。如果大家決定選擇紋理背景，請確保其具體取色不會像霓虹燈般銳利刺眼。

2、字體大小存在問題

這類問題往往存在多種表現形式，包括字體不足12號使得用戶無法看清甚至點不到后退按鈕。

解決辦法

要解決這些難題，最重要的是理解客戶需要——年紀超過40歲的群體往往更喜歡大字體。年紀更大的使用者甚至只能看得清14號以上的字體。

主題文本還應被拆分成更易于管理的區塊，但卻又不能破壞其連貫性。保證信息的易讀性與快速獲取性是我們的核心設計原則之一。當需要提供大量文本內容時，可以考慮將其劃分成多個不同頁面以簡化內容管理。

3、過度使用GIF、動畫與音效

在某些情況下，GIF動畫非常有趣；動畫能夠讓訪問者獲得更好的使用體驗；音效可能也有助于提升感受。但這些都只是點綴，切記不可畫蛇添足。GIF動畫過多會造成一種庸俗而幼稚的氛圍，而大家對于音效以及音樂的取向也有所不同。有時，我們精心設計，卻難以實現效果。

解決辦法

千萬別讓費盡心力添加的動畫與音效成了刺眼又刺耳的垃圾元素。使用GIF動畫最好能免則免，企業的官方網站絕對不要使用。

4、超大的導航菜單

大型的導航菜單，對于包含大量不同子頁面的網站而言，似乎是一個很好的解決方案，然而實際情況并非如此。我們常見的網站設計錯誤就是在邊欄及子菜單中塞進長長的清單，超大的導航菜單對于絕大多數的普通用戶而言，看起來更像是迷宮。這看似滿足了全部用戶的需求，實則會分散用戶注意力，并讓用戶覺得不那么爽。如果導航、側欄與底欄無法協同工作，那么網站內容再好也將沒有意義。

解決辦法

信息分類整合其實是就是為了應對這種情況而存在的，將網站的導航內容規劃為不同的大分類，有了層級，用戶更容易篩選；又或者你可以將導航設計成為更為有趣的圖文式鏈接，讓它看起來不那么枯燥，也不失為一個可取的方案。永遠不要低估在屏幕上留白的重要性，因為其是創造平衡美感的重要基礎。

5、乏味無趣的加載頁面

隨著技術的進步，時間對于人們來說越來越寶貴，為了一個20M的網頁在瀏覽器前靜靜坐上1分鐘等待加載，那大多數用戶都會有關掉它的沖動，因為我們會在這個過程中無數次懷疑這個頁面是不是卡住了。如今的網站加載需要的是速度和效率，這符合當前的真實用戶需求。給用戶提供即時的位置、時間和響應對一個優秀的產品來說很重要。

解決辦法

如果你的網站在加載速度上有問題，首先應該加載頁面中較輕的元素，以及整個框架，然后使用加載器將較大和較重的元素逐步填充進去。這樣一來，用戶就不會覺得頁面卡在那兒，而是在逐步加載了。

緩沖應該盡量避免，如果它必須存在，那就應該有趣一點。加載頁面可以是一個加載進度條，一個為浪費用戶等待時間的道歉或者是配有文案的簡單動畫。

6、設計臃腫，內容雜亂

不斷增加的功能會導致需求和交付之間的延遲，這會讓設計逐漸變得臃腫。將各類新聞、鏈接以及圖片塞進同一頁面只會使其顯得雜亂不堪，導致用戶難以閱讀及導航。

解決辦法

產品發布上線后能夠覆蓋用戶最常見的使用情形并提供值得信賴的使用價值；考慮用戶的使用習慣，使你的設計能夠讓用戶集中注意力。堅持增加必要且有價值的功能，盡量避免內容混亂多余。產品設計的流程應該是：發散，優化，迭代和提煉，直到你們的產品或服務可以提供一個優質的解決方案。

7、對移動設備不夠友好

智能手機已經成為人們在互聯網上獲取內容的好途徑。大家的多數出站流量很可能都指向智能手機或者平板電腦。如果各網頁沒有針對移動設備進行優化，那么人們可能面對難以進行訪問或者加載時間過長等問題。

解決辦法

目前市面上有著大量免費的應用與插件能夠幫助我們解決這類難題，而針對移動端擁有出色優化效果的一大實例就是MailChimp網站。

8、復雜的注冊流程

網站構建需要投入大量精力，而其最終目的在于吸引潛在群體并宣傳或者表達自己的產品或觀點，并通過重復訪問帶來收益。在設計網站時，我們往往只考慮自己的個人品味——但正確的作法應該是立足于目標受眾的需要與特點。

解決辦法

大家應當盡可能簡化注冊流程，因為多數用戶對產品或者服務的注冊機制并不感興趣。如果需要填寫的信息太多或者由于不支持鍵盤而導致流程難于操作，用戶會很快選擇放棄。

（蛋花 靜Design）

本文題目：別讓這9個鬧心的套路，毀了你的網頁設計！
轉載源于：http://m.newbst.com/news5/149605.html

成都網站建設公司_創新互聯，為您提供靜態網站、定制網站、微信小程序、網站營銷、Google、標簽優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯