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

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

1、色彩種類運用過多

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

解決辦法

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

2、字體大小存在問題

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

解決辦法

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

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

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

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

解決辦法

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

4、超大的導(dǎo)航菜單

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

解決辦法

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

5、乏味無趣的加載頁面

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

解決辦法

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

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

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

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

解決辦法

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

7、對移動設(shè)備不夠友好

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

解決辦法

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

8、復(fù)雜的注冊流程

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

解決辦法

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

（蛋花 靜Design）

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

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、定制網(wǎng)站、微信小程序、網(wǎng)站營銷、Google、標(biāo)簽優(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)