在這七個(gè)小細(xì)節(jié)中糟糕的網(wǎng)頁設(shè)計(jì) 可能會(huì)毀了網(wǎng)站的用戶體驗(yàn)

時(shí)間：2022-07-14 20:06:01 | 來源：建站知識(shí)

時(shí)間：2022-07-14 20:06:01 來源：建站知識(shí)

本地一個(gè)商場(chǎng)上線了一個(gè)購物網(wǎng)站，看到這條消息，處于職業(yè)習(xí)慣，就訪問了這家商場(chǎng)網(wǎng)站，當(dāng)時(shí)我用的是筆記本電腦上的，結(jié)果一下崩潰，圖片超大，分辨率極低，自行腦補(bǔ)一下，是什么感覺……這就是號(hào)稱與某寶并肩的電商網(wǎng)站，崩潰的淚流。

后來，有人告訴我，這是手機(jī)網(wǎng)站，你用PC端訪問，是不是成心找事兒?

不能否認(rèn)，在今天移動(dòng)網(wǎng)絡(luò)用戶足夠多前提下，上線一個(gè)網(wǎng)站，完全可以不用照顧到傳統(tǒng)PC端用戶的感受，因?yàn)橛脩粲檬謾C(jī)就可以完成瀏覽和購物了，何必還要費(fèi)哪些功夫呢?在網(wǎng)頁設(shè)計(jì)中完全忽略了PC端用戶感受，這樣做真的對(duì)嗎?強(qiáng)大的電商網(wǎng)站如淘寶、京東都沒有輕易放棄，一個(gè)地方的商場(chǎng)網(wǎng)站就敢這么做，這是不是作死的節(jié)奏，在當(dāng)今網(wǎng)站建設(shè)很成熟的今天，網(wǎng)站的好壞往往在于一些小細(xì)節(jié)上，也許你不在意，但是，有沒有想到，這是在這些糟糕的細(xì)節(jié)設(shè)計(jì)，影響到了網(wǎng)站功能和體驗(yàn)，結(jié)果讓用戶流失了，下面就和大家分享一下七個(gè)糟糕的網(wǎng)頁設(shè)計(jì)。

排版雜亂

當(dāng)我們打開一個(gè)網(wǎng)站，如果發(fā)現(xiàn)這個(gè)網(wǎng)站排版雜亂，心里面一定感覺不爽，對(duì)網(wǎng)站的信任大打折扣。出現(xiàn)這種情況，也許是網(wǎng)站設(shè)計(jì)者只注重一種程序，或者是沒有做好各個(gè)瀏覽器的兼容性，這樣在A瀏覽器可能沒有問題，而到了B瀏覽器，卻出現(xiàn)了一大堆亂堆砌的現(xiàn)象，網(wǎng)站排版好比一個(gè)企業(yè)的臉面，而現(xiàn)在打開網(wǎng)站的瀏覽器、設(shè)備又那么多，想要不出問題，只有一個(gè)一個(gè)測(cè)試才是最為正確的姿勢(shì)。

網(wǎng)頁圖片尺寸一樣

網(wǎng)頁設(shè)計(jì)離不開圖片，那么在圖片的選擇上該是如何呢?在網(wǎng)頁設(shè)計(jì)的過程中，需要采集大量的圖片，如何對(duì)這些圖片有機(jī)的組合在一起呢，有的站長(zhǎng)喜歡統(tǒng)一規(guī)格，就是組合的圖片大小一致進(jìn)行組合，這樣看起來很整齊，視覺上看也不錯(cuò)，但是有沒有考慮到圖片格式的不同，存儲(chǔ)圖像是采用什么格式最恰當(dāng)呢?

一般層次豐富顏色較多的圖像采用JPG存儲(chǔ)，而顏色簡(jiǎn)單對(duì)比強(qiáng)烈的則需要采用PNG。顯然，圖片格式的選擇以及圖片大小的選擇并非相當(dāng)然就可以了，不僅影響到網(wǎng)站的整體美感，而且還和網(wǎng)站的打開速度有很大的關(guān)系。

層次不分明

有一些站長(zhǎng)抱怨說自己的網(wǎng)站為什么色彩上總是有問題，總是看起來沒什么精神，沒辦法吸引人注意。這就涉及到一個(gè)美學(xué)問題，就是網(wǎng)站層次設(shè)計(jì)。

如何讓網(wǎng)站顯得大氣又有內(nèi)涵，就需要用到色彩的層次設(shè)計(jì)，所謂色彩的層次是指當(dāng)把作品去色之后，作品中有沒有表現(xiàn)出從黑到灰到白的存在比例。如果一個(gè)作品的黑色比較多那么整體的效果就會(huì)顯得很沉重，而如果白色很多的話那么整體效果就會(huì)顯得很蒼白，如果灰色很多，白色與黑色都很少，那么整個(gè)版面就顯得很臟了!

如果在色彩上搭配沒有注意這種層次關(guān)系，那么會(huì)大大影響到用戶的視覺體驗(yàn)。

網(wǎng)頁設(shè)計(jì)基礎(chǔ)功能欠缺

在網(wǎng)頁設(shè)計(jì)比較成熟的今天，很多基本的東西通常會(huì)被站長(zhǎng)忽略掉，比如如何讓網(wǎng)站加載速度更快，一些按鈕放到哪個(gè)位置更合適，在網(wǎng)站分頁導(dǎo)航中，哪個(gè)放在第一位更合適，在網(wǎng)頁當(dāng)中，不同類型的元素涉及到不同類型的內(nèi)容，即使文本和圖片也常常帶有鏈接，或者牽涉到特定的功能或者交互，而用戶對(duì)于這些功能是有預(yù)期的?？捎玫陌粹o、鏈接等基礎(chǔ)功能，確保了信息的完整性和功能的完整性，只有這樣，用戶才能信任網(wǎng)頁本身。

文字描述讓人失望

網(wǎng)頁設(shè)計(jì)離不開圖文并茂，而很多站長(zhǎng)過分注重對(duì)圖片的依賴，卻忽視的文字的重要性，在文字的描述上，要么隨便找一些高大上絢麗的空洞的文字卻堆砌，或者過于直白，更注重于文字和圖片之間的美感，卻忽視了文字要表達(dá)的意思。

顯然，圖文并茂的設(shè)計(jì)更容易讓用戶停留，而在這個(gè)時(shí)候，加上一些簡(jiǎn)練的文字描述，會(huì)不會(huì)更有影響力呢?

低分辨率

分辨率過低的原因是考慮到網(wǎng)頁打開速度，這的確是讓人很多站長(zhǎng)無奈的事情，網(wǎng)速不是自己所能左右的事情，太大的圖片，打開延遲，很容易讓用戶選擇放棄，但是，圖片分辨率過低，同樣不符合用戶的體驗(yàn)，如何在這兩方面權(quán)衡一個(gè)點(diǎn)，需要綜合網(wǎng)站高峰期訪問量進(jìn)行測(cè)試。

隨著隨著網(wǎng)絡(luò)的覆蓋和帶寬的拓展，大尺寸的圖片和文件已經(jīng)慢慢成為標(biāo)準(zhǔn)了。當(dāng)你需要精準(zhǔn)地控制圖片尺寸和屏幕分辨率完全對(duì)應(yīng)起來，也可以參考響應(yīng)式設(shè)計(jì)，借助斷點(diǎn)來控制顯示的尺寸。只有不斷完善自己的設(shè)計(jì)，通過對(duì)網(wǎng)站更新，能從根本解決這個(gè)問題。

太多的花哨在內(nèi)

頁面自動(dòng)跳轉(zhuǎn)、廣告無處不在、彈出窗口滾出網(wǎng)頁設(shè)計(jì)、網(wǎng)頁自動(dòng)播放、過于花哨的動(dòng)態(tài)導(dǎo)航欄……你網(wǎng)站設(shè)計(jì)中有沒有這些東東，不要意味這樣的技術(shù)控用戶就會(huì)買賬，金光閃閃、屎黃色一般的發(fā)亮框，未必是用戶就喜歡，永遠(yuǎn)不要用自己一時(shí)低俗的惡意來挑戰(zhàn)用戶的審美底線，網(wǎng)站設(shè)計(jì)過于花哨，最終導(dǎo)致的結(jié)果是用戶在5s內(nèi)就選擇離開。

站在用戶角度，提高用戶體驗(yàn)，在網(wǎng)站設(shè)計(jì)日益成熟的今天，細(xì)節(jié)的優(yōu)化成為日常最為重要的工作之一，也許，細(xì)節(jié)的優(yōu)化不是在網(wǎng)站建設(shè)之初，而是在網(wǎng)站運(yùn)營(yíng)時(shí)，不斷的優(yōu)化再優(yōu)化。中國財(cái)經(jīng)信息網(wǎng)： 原創(chuàng)文字，版權(quán)所有，轉(zhuǎn)載請(qǐng)注明出處，并保留本鏈接，謝謝!