別讓這9個鬧心的套路，毀了你的網(wǎng)頁設計！

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

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

1、色彩種類運用過多

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

解決辦法

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

2、字體大小存在問題

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

解決辦法

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

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

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

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

解決辦法

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

4、超大的導航菜單

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

解決辦法

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

5、乏味無趣的加載頁面

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

解決辦法

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

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

6、設計臃腫，內(nèi)容雜亂

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

解決辦法

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

7、對移動設備不夠友好

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

解決辦法

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

8、復雜的注冊流程

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

解決辦法

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

（蛋花 靜Design）

本文題目：別讓這9個鬧心的套路，毀了你的網(wǎng)頁設計！
轉(zhuǎn)載源于：http://www.muchs.cn/news5/149605.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、定制網(wǎng)站、微信小程序、網(wǎng)站營銷、Google、標簽優(yōu)化

廣告

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