前幾天，在深圳的網(wǎng)站建設(shè)公司分享了《影響網(wǎng)頁用戶體驗(yàn)的因素（上篇）》，今天我們接著從用戶體驗(yàn)的角度出發(fā)，看一下還有那些讓訪客反感的網(wǎng)頁設(shè)計吧。

一、關(guān)鍵信息不在顯眼位置；

設(shè)計網(wǎng)頁的時候，你必須要知道用戶第一眼看到網(wǎng)頁時，視線的集中點(diǎn)會落在哪里?？赡苣阏J(rèn)為網(wǎng)頁設(shè)計只是往頁面上堆砌信息那般簡單，但其實(shí)信息的分配布局是很有講究的。頁面的關(guān)鍵信息必須要在顯眼的位置突出展現(xiàn)，才能更方便地被用戶獲取，不然的話其實(shí)很影響用戶體驗(yàn)。

就這么說吧，之前我瀏覽過一個主題酒店的網(wǎng)頁，但找了半天沒發(fā)現(xiàn)在哪里查看房型、價錢這些用戶比較關(guān)心的信息和資訊，反倒是其企業(yè)文化介紹、發(fā)展歷程這些并不太重要的信息，擺在了非常明顯的位置。這樣的設(shè)計是反人類的，在顯眼位置放置用戶關(guān)心的關(guān)鍵信息，才是正確的設(shè)計。

二、糟糕的導(dǎo)航設(shè)計；

網(wǎng)站的導(dǎo)航欄往往是為了更好地引導(dǎo)用戶，如果導(dǎo)航欄設(shè)計得太過糟糕的話，還怎么能起到引導(dǎo)用戶的作用呢？設(shè)計網(wǎng)站導(dǎo)航欄的時候，一般要遵循鼠標(biāo)的最短路徑原則，還要盡可能的方便用戶去到他們想要去的頁面。網(wǎng)站設(shè)計的每一點(diǎn)一滴其實(shí)都有講究，要不然怎么配得上設(shè)計二字？

還是以那個主題酒店的網(wǎng)頁為例，試想一下，如果你現(xiàn)在迫切需要預(yù)定一個房間，但找了半天沒找到訂房的鏈接入口，內(nèi)心會不會很崩潰？一邊是即將噴涌而出的荷爾蒙，一邊是對這糟糕網(wǎng)頁體驗(yàn)上的各種差評，兩者無論哪一個都夠讓你瘋狂的，內(nèi)心難免會大罵道：這都TM什么網(wǎng)站啊！

三、table布局 or 界面過丑；

正如文章開頭所言，現(xiàn)在的網(wǎng)頁之所以可以設(shè)計得比十二年前精美，是因?yàn)閐iv+css的布局結(jié)構(gòu)能夠營造出很多table布局實(shí)現(xiàn)不了的效果。如果你還沉迷于table布局的網(wǎng)頁中無法自拔的話，那么請?jiān)徫覍?shí)在看不下去，只好默默退出你的網(wǎng)站了。table布局的網(wǎng)頁非常難看，總之我是忍受夠了。

不過，就算是div+css布局，竟然也有人能夠把網(wǎng)頁設(shè)計得非常丑的。這樣的網(wǎng)頁一般多是采用類似于dreamweaver的軟件拖動設(shè)計出來的，沒有代碼寫出來的網(wǎng)頁來得精致。界面過丑的網(wǎng)頁總之不會太讓人喜歡，畢竟大家還是更樂于追求美感的，沒有人會喜歡在那些丑陋的界面上多加停留。

四、網(wǎng)站太過“業(yè)余”；

這里所謂的業(yè)余，不僅體現(xiàn)在網(wǎng)站資訊表達(dá)上，也體現(xiàn)在網(wǎng)站所有者的運(yùn)營上。如果網(wǎng)站的主題不夠明確，網(wǎng)站文章對某件事物所表達(dá)的觀點(diǎn)也不是很讓大部分人贊同，那么就可以說這樣的網(wǎng)站很是業(yè)余。網(wǎng)站所有者在日常運(yùn)營工作中，如果未及時更新網(wǎng)站資訊，或者甚至連網(wǎng)站的關(guān)于我們和聯(lián)系我們等重要信息都未及時更新，那么這樣的網(wǎng)站也可以稱為業(yè)余網(wǎng)站。

如果我進(jìn)入一個網(wǎng)站，發(fā)現(xiàn)首頁最新推薦的文章還是2002年的，那我肯定不會多看就馬上退出這個網(wǎng)站了。你如果在編碼技術(shù)上或者SEO基礎(chǔ)常識上略顯業(yè)余，我還是可以忍受的，畢竟那跟我沒有多大的關(guān)系。但如果我想獲取的東西找不到，或者找到了但卻很業(yè)余可笑的，那肯定也不會有好感。

五、設(shè)計上的一些瑕疵；

這些因素可能不會導(dǎo)致大量用戶對你的網(wǎng)站產(chǎn)生反感情緒，但如果能注意到這些問題并且有針對性地進(jìn)行改進(jìn)，一定能更好地提升網(wǎng)站用戶體驗(yàn)。接下來我們就簡單聊聊，這些設(shè)計上的瑕疵。

1、分頁瀏覽圖片

常見于一些圖片類站點(diǎn)，瀏覽一張圖片就要轉(zhuǎn)向下一頁才能繼續(xù)瀏覽，但真的有必要嗎？明明可以在一頁瀏覽完十張圖片，我卻不得不翻十頁瀏覽完，雖然網(wǎng)站的流量得到了很好的提升，但用戶體驗(yàn)真的會非常差，瀏覽起圖片來真的好累啊；

2、 字體選擇和布局

特別是對于文字信息比較多的站點(diǎn)來說，良好的閱讀體驗(yàn)很是重要。代碼君網(wǎng)站的文章頁字體是經(jīng)過嚴(yán)格試驗(yàn)后，綜合用戶反饋進(jìn)行改進(jìn)的。字體類型的選擇、大小、行高和段落之間的距離等等因素，還有字體的右對齊，只有都做精細(xì)了才能達(dá)到更好的感官效果；

3、網(wǎng)頁過窄或者偏向一側(cè)對齊

現(xiàn)在大屏的設(shè)備越來越普遍，寬度為800px的網(wǎng)頁設(shè)計顯然已經(jīng)跟不上時代了。建議PC端網(wǎng)頁寬度至少要保持在1000px至1200px左右，當(dāng)然可自適應(yīng)布局。而網(wǎng)頁如果偏向一側(cè)對齊也是非常難看的，雖然分割屏幕的做法很新穎，但不適合整站偏向一側(cè)對齊；

4、結(jié)構(gòu)混亂

這個想必也不用多說了，跟糟糕的導(dǎo)航設(shè)計給人感覺差不多。網(wǎng)站結(jié)構(gòu)混亂很容易讓人進(jìn)去就找不到出來的路，只好關(guān)閉瀏覽器直接退出了。對于一般的小站點(diǎn)來說，沒有太多的東西拿來分配，自然不會有太復(fù)雜或者混亂的結(jié)構(gòu)。一旦網(wǎng)站做大了，考慮結(jié)構(gòu)的合理布局就很必要了；

5、瀏覽器兼容問題

不寫代碼的人可能就會容易忽略這個問題，訪客在使用IE瀏覽器和谷歌瀏覽器分別對你網(wǎng)頁進(jìn)行瀏覽的時候，看到的效果可能是不一樣的。從用戶體驗(yàn)的角度出發(fā)，這個問題是很有必要考慮的，但你也可以忽略這個因素，祈禱用戶別用低等級的IE等瀏覽器，或者祈禱這些低等級瀏覽器升級。

六、沒有wap端入口或沒有自適應(yīng)布局；

web端網(wǎng)頁在屏幕較大的電腦設(shè)備上欣賞起來可能還不錯，但換了屏幕較小的平板電腦或者手機(jī)等移動設(shè)備瀏覽時，難免會讓內(nèi)容布局顯得過于局促。手機(jī)端網(wǎng)站開發(fā)設(shè)計在很早前就被大家提出但卻一直沒被重視，不過隨著近些年百度等搜索引擎對擁有wap端入口或自適應(yīng)布局的網(wǎng)頁表現(xiàn)得更為友好，讓大家開始重視wap端網(wǎng)站建設(shè)。而移動設(shè)備的普及和移動端搜索流量的提升，則促成了更多人下定決心要建設(shè)wap端網(wǎng)站或者直接采用自適應(yīng)布局來設(shè)計網(wǎng)頁。

個人還是比較建議大家采用自適應(yīng)網(wǎng)頁布局的，比較適合各種不同配置的瀏覽設(shè)備，符合當(dāng)下的用戶瀏覽情況。如果想了解自適應(yīng)網(wǎng)頁布局的，可自行查看本欄目之前發(fā)表的系列文章。

最后總結(jié)：

通過這兩篇文章，我們看到了十二中讓用戶反感的網(wǎng)頁設(shè)計，同時也讓我們明白了，對用戶體驗(yàn)的考慮是非常重要的。當(dāng)然了，讓用戶離開你的網(wǎng)站的原因不一定這十二點(diǎn)。比如我是點(diǎn)錯鏈接才進(jìn)的你網(wǎng)站，那我肯定會馬上離開，這也是一種可能。那么，在深圳做網(wǎng)頁設(shè)計的你為什么離開會一個網(wǎng)頁呢？