很多時(shí)候，我們希望做一個(gè)優(yōu)質(zhì)的網(wǎng)頁設(shè)計(jì)，希望能實(shí)現(xiàn)預(yù)期的設(shè)計(jì)效果，能給用戶留下好的印象，提高用戶體驗(yàn)和留存率，但往往看著沒什么問題，也覺得很不錯(cuò)的網(wǎng)頁設(shè)計(jì)實(shí)際上用戶體驗(yàn)等效果并不好，這是怎么回事呢?杭州蒙特18年專業(yè)網(wǎng)站設(shè)計(jì)公司給大家分析如下：

　　1、色彩種類運(yùn)用過多畫蛇添足

　　為了讓自己的網(wǎng)站表現(xiàn)得熱情而有吸引力，很多朋友非常極端地向其中加入大量色彩鮮艷的文字與邊框，而這些顏色的運(yùn)用與圖片內(nèi)容并不協(xié)調(diào)。這顯然有損訪客對核心內(nèi)容的關(guān)注。最好的辦法是使用最多三種主色調(diào)與素雅的背景。如果大家決定選擇紋理背景，請確保其具體取色不會像霓虹燈般銳利刺眼。

　　2、字體大小不協(xié)調(diào)問題

　　有些網(wǎng)頁設(shè)計(jì)字體不足12號，使得用戶無法看清甚至點(diǎn)不到后退按鈕。要知道年紀(jì)超過40歲的群體往往更喜歡大字體。年紀(jì)更大的使用者甚至只能看得清14號以上的字體。而且字體大小、樣式、布局等不協(xié)調(diào)也會讓網(wǎng)頁設(shè)計(jì)體驗(yàn)下降。

　　3、過度使用GIF、動(dòng)畫與音效

　　在某些情況下，GIF動(dòng)畫非常有趣;動(dòng)畫能夠讓訪問者獲得更好的使用體驗(yàn);音效可能也有助于提升感受。但這些都只是點(diǎn)綴，切記不可畫蛇添足。千萬別讓費(fèi)盡心力添加的動(dòng)畫與音效成了刺眼又刺耳的垃圾元素。使用GIF動(dòng)畫最好能免則免，企業(yè)的官方網(wǎng)站絕對不要使用。

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

　　超大的導(dǎo)航菜單對于絕大多數(shù)的普通用戶而言，看起來更像是迷宮。這看似滿足了全部用戶的需求，實(shí)則會分散用戶注意力，并讓用戶覺得不那么爽。如果導(dǎo)航、側(cè)欄與底欄無法協(xié)同工作，那么網(wǎng)站內(nèi)容再好也將沒有意義。實(shí)際上可以將網(wǎng)站的導(dǎo)航內(nèi)容規(guī)劃為不同的大分類，有了層級，用戶更容易篩選;又或者你可以將導(dǎo)航設(shè)計(jì)成為更為有趣的圖文式鏈接，讓它看起來不那么枯燥，也不失為一個(gè)可取的方案。永遠(yuǎn)不要低估在屏幕上留白的重要性，因?yàn)槠涫莿?chuàng)造平衡美感的重要基礎(chǔ)。

　　5、乏味無趣的加載頁面

　　時(shí)間對于我們來說越來越珍貴，誰會為了一個(gè)20M的網(wǎng)頁在瀏覽器前靜靜坐上1分鐘等待加載，那大多數(shù)用戶都會有關(guān)掉它的沖動(dòng)，因?yàn)槲覀儠谶@個(gè)過程中無數(shù)次懷疑這個(gè)頁面是不是卡住了。如果你的網(wǎng)站在加載速度上有問題，首先應(yīng)該加載頁面中較輕的元素，以及整個(gè)框架，然后使用加載器將較大和較重的元素逐步填充進(jìn)去。這樣一來，用戶就不會覺得頁面卡在那兒，而是在逐步加載了。

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

　　不斷增加的功能會導(dǎo)致需求和交付之間的延遲，這會讓設(shè)計(jì)逐漸變得臃腫。將各類新聞、鏈接以及圖片塞進(jìn)同一頁面只會使其顯得雜亂不堪，導(dǎo)致用戶難以閱讀及導(dǎo)航。堅(jiān)持增加必要且有價(jià)值的功能，盡量避免內(nèi)容混亂多余。產(chǎn)品設(shè)計(jì)的流程應(yīng)該是：發(fā)散，優(yōu)化，迭代和提煉，直到你們的產(chǎn)品或服務(wù)可以提供一個(gè)優(yōu)質(zhì)的解決方案。

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

　　如果網(wǎng)頁設(shè)計(jì)沒有針對移動(dòng)設(shè)備進(jìn)行優(yōu)化，那么人們可能面對難以進(jìn)行訪問或者加載時(shí)間過長等問題。目前市面上有著大量免費(fèi)的應(yīng)用與插件能夠幫助我們解決這類難題，而針對移動(dòng)端擁有出色優(yōu)化效果的一大實(shí)例就是MailChimp網(wǎng)站。

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

　　網(wǎng)站建設(shè)好之后，用戶若想使用就要注冊，而很多時(shí)候注冊這一環(huán)節(jié)常被我們自己的主管想法左右了，導(dǎo)致注冊流程非常復(fù)雜，造成用戶使用上不便。應(yīng)當(dāng)盡可能簡化注冊流程，因?yàn)槎鄶?shù)用戶對產(chǎn)品或者服務(wù)的注冊機(jī)制并不感興趣。如果需要填寫的信息太多或者由于不支持鍵盤而導(dǎo)致流程難于操作，用戶會很快選擇放棄。

　　9、無限滾動(dòng)

　　無限滾動(dòng)的出現(xiàn)，終于解決了移動(dòng)端上查看繁復(fù)的分類頁的問題。不過與此同時(shí)，無限滾動(dòng)的設(shè)計(jì)，還為我們創(chuàng)造了不少從未遇到的新問題。就像超大的導(dǎo)航菜單一樣，想要讓它發(fā)揮作用一樣有合理的解決方案。將傳統(tǒng)的移動(dòng)端頁面和無限滾動(dòng)兩種模式結(jié)合起來使用，讓用戶自己來選擇更適合自己的模式，這有助于提升頁面的可訪問性。

　　網(wǎng)頁設(shè)計(jì)是一門學(xué)問，即使是經(jīng)驗(yàn)豐富的設(shè)計(jì)老司機(jī)也要不斷的學(xué)習(xí)，積累新的經(jīng)驗(yàn)。每一個(gè)設(shè)計(jì)師都希望設(shè)計(jì)出來的作品是優(yōu)秀的，每一個(gè)企業(yè)也希望網(wǎng)頁設(shè)計(jì)是優(yōu)質(zhì)的的，但若是都能實(shí)現(xiàn)的好，網(wǎng)頁設(shè)計(jì)細(xì)節(jié)就很重要了。蒙特近期做了多個(gè)行業(yè)比較好的網(wǎng)站設(shè)計(jì)案例，大家不妨來了解一下，這一批新的作品得到了用戶的高度贊賞，設(shè)計(jì)大咖加班加點(diǎn)花費(fèi)了不少心思，喜歡的話拿去!