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

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

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

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

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

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

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

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

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

　　5、乏味無(wú)趣的加載頁(yè)面

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

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

　　不斷增加的功能會(huì)導(dǎo)致需求和交付之間的延遲，這會(huì)讓設(shè)計(jì)逐漸變得臃腫。將各類新聞、鏈接以及圖片塞進(jìn)同一頁(yè)面只會(huì)使其顯得雜亂不堪，導(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、對(duì)移動(dòng)設(shè)備不夠友好

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

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

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

　　9、無(wú)限滾動(dòng)

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

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