模塊化網(wǎng)頁設(shè)計(jì)例程之所以受到設(shè)計(jì)師的喜愛，是因?yàn)樗鼈兙哂辛己玫囊子眯院涂稍L問性，在轉(zhuǎn)化率和用戶保留率方面具有良好的數(shù)據(jù)性能。

　　然而，從用戶的角度來看，這些由數(shù)據(jù)體現(xiàn)的設(shè)計(jì)模式可能并不理想。設(shè)計(jì)就像做人一樣，少一些套路，多一些真誠。那我們就來曝光一下看似好用，但是用戶體驗(yàn)不好的設(shè)計(jì)模式。

　　1.過度使用顏色類型

　　為了讓你的網(wǎng)站溫馨迷人，很多朋友在上面添加了很多色彩豐富的文字和邊框，但是這些顏色的使用與圖片內(nèi)容并不協(xié)調(diào)。這顯然不利于訪問者對核心內(nèi)容的關(guān)注。

　　解決方案

　　最好的方法是使用最多三種主色和簡單的背景。如果決定選擇質(zhì)感背景，請確保其具體選色不要像霓虹燈一樣犀利耀眼。

　　2.字體大小有問題

　　這類問題的表現(xiàn)有很多，包括字體大小小于12，使用戶看不到甚至點(diǎn)擊后退按鈕。

　　解決方案

　　要解決這些問題，最重要的是明白客戶需要——。40歲以上的群體傾向于喜歡大字體。年長用戶只能清楚地看到14號以上的字體。

　　主題文本也應(yīng)劃分為更易于管理的塊，但其連貫性不應(yīng)被打破。確保信息的易讀性和快速訪問是我們的核心設(shè)計(jì)原則之一。當(dāng)需要提供大量文本內(nèi)容時(shí)，可以將其分成幾個(gè)不同的頁面，以簡化內(nèi)容管理。

　　3.過度使用GIF，動(dòng)畫和音效

　　在某些情況下，GIF動(dòng)畫非常有趣；動(dòng)畫可以給游客更好的體驗(yàn)；音效也可能有助于增進(jìn)感情。但這些只是點(diǎn)綴，切記不要畫蛇添足。太多的GIF動(dòng)畫會(huì)營造出一種庸俗幼稚的氛圍，人們對音效和音樂的取向也不一樣。有時(shí)候，我們精心設(shè)計(jì)，卻很難達(dá)到效果。

　　解決方案

　　不要讓你辛辛苦苦添加的動(dòng)畫和音效變成刺眼刺耳的垃圾元素。最好避免GIF動(dòng)畫，千萬不要使用企業(yè)官網(wǎng)。

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

　　對于包含大量不同子頁面的網(wǎng)站來說，大導(dǎo)航菜單似乎是一個(gè)很好的解決方案，但實(shí)際情況并非如此。我們常見的網(wǎng)站設(shè)計(jì)錯(cuò)誤是在側(cè)邊欄和子菜單中放了一個(gè)很長的列表。對于大多數(shù)普通用戶來說，超大導(dǎo)航菜單看起來更像一個(gè)迷宮。這樣看似滿足了所有用戶的需求，但實(shí)際上會(huì)分散用戶的注意力，讓用戶感覺不太舒服。如果導(dǎo)航、側(cè)邊欄和底部欄不能協(xié)同工作，那么網(wǎng)站內(nèi)容再好也沒有意義。解決方案

　　事實(shí)上，信息分類的集成是為了應(yīng)對這種情況而存在的。網(wǎng)站的導(dǎo)航內(nèi)容被規(guī)劃成不同的類別。有了層級，用戶更容易過濾；或者你可以把導(dǎo)航設(shè)計(jì)成一個(gè)更有趣的圖形鏈接，這樣看起來就不那么無聊了，這也是一個(gè)可取的方案。千萬不要低估屏幕留白的重要性，因?yàn)榱舭资菭I造平衡美感的重要基礎(chǔ)。

　　5.無聊和無聊的加載頁面

　　隨著技術(shù)的發(fā)展，時(shí)間對人們來說越來越寶貴。對于一個(gè)20M的網(wǎng)頁，在瀏覽器前靜坐1分鐘等待加載，大部分用戶都會(huì)擺脫它的沖動(dòng)，因?yàn)槲覀儠?huì)懷疑這個(gè)頁面在這個(gè)過程中是否被卡了無數(shù)次?，F(xiàn)在的網(wǎng)站加載需要速度和效率，符合當(dāng)前真實(shí)的用戶需求。對于一個(gè)優(yōu)秀的產(chǎn)品來說，為用戶提供即時(shí)的位置、時(shí)間和響應(yīng)非常重要。

　　解決方案

　　如果你的網(wǎng)站在加載速度上有問題，你應(yīng)該先在頁面和整個(gè)框架中加載較輕的元素，然后使用加載器逐漸填充較大和較重的元素。這樣用戶就不會(huì)覺得頁面卡在那里，而是在逐漸加載。

　　緩沖應(yīng)該盡量避免，如果一定要存在的話，應(yīng)該是有趣的。加載頁面可以是加載進(jìn)度條，浪費(fèi)用戶等待時(shí)間的道歉，也可以是簡單的帶文案的動(dòng)畫。

　　6.設(shè)計(jì)臃腫，內(nèi)容凌亂

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

　　解決方案

　　產(chǎn)品發(fā)布上線后，能夠覆蓋用戶最常見的用例，提供可靠的使用價(jià)值；考慮用戶的習(xí)慣，這樣你的設(shè)計(jì)才能讓用戶關(guān)注。堅(jiān)持添加必要的、有價(jià)值的功能，盡量避免內(nèi)容的混亂和冗余。產(chǎn)品設(shè)計(jì)的過程應(yīng)該是發(fā)散、優(yōu)化、迭代和細(xì)化，直到你的產(chǎn)品或服務(wù)能夠提供高質(zhì)量的解決方案。

　　7.對移動(dòng)設(shè)備不友好

　　智能手機(jī)已經(jīng)成為人們在互聯(lián)網(wǎng)上獲取內(nèi)容的最佳方式。每個(gè)人的大部分出站流量可能會(huì)流向智能手機(jī)或平板電腦。如果每個(gè)網(wǎng)頁沒有針對移動(dòng)設(shè)備進(jìn)行優(yōu)化，人們可能會(huì)面臨訪問困難或加載時(shí)間長等問題。

　　解決方案

　　目前市場上有大量的免費(fèi)應(yīng)用和插件，可以幫助我們解決這類問題，一個(gè)對移動(dòng)終端優(yōu)化效果極佳的大例子就是MailChimp網(wǎng)站。

　　8.復(fù)雜的注冊過程

　　建立一個(gè)網(wǎng)站需要耗費(fèi)大量的精力，其最終目的是吸引潛在的群體，宣傳或表達(dá)他們的產(chǎn)品或觀點(diǎn)，通過反復(fù)的訪問帶來利益。在設(shè)計(jì)網(wǎng)站時(shí)，我們往往只考慮自己的個(gè)人品味，但正確的方式應(yīng)該是基于目標(biāo)受眾的需求和特點(diǎn)。解決方案

　　每個(gè)人都應(yīng)該盡可能簡化注冊流程，因?yàn)榇蠖鄶?shù)用戶對產(chǎn)品或服務(wù)的注冊機(jī)制不感興趣。如果需要填寫的信息太多或者因?yàn)殒I盤不支持導(dǎo)致流程難以操作，用戶會(huì)很快選擇放棄。