鐘智鑫：用戶體驗(yàn)分析之網(wǎng)站易用性（一）

時(shí)間：2022-07-12 14:27:01 | 來(lái)源：建站知識(shí)

時(shí)間：2022-07-12 14:27:01 來(lái)源：建站知識(shí)

曾經(jīng)在網(wǎng)絡(luò)上看到這樣一個(gè)測(cè)試的文章：某個(gè)市場(chǎng)調(diào)研公司做過(guò)實(shí)驗(yàn)，10個(gè)人被測(cè)試人員瀏覽指定的網(wǎng)站，給他們可以使用的專門用來(lái)測(cè)試的信用卡，要求他們完成某個(gè)特定產(chǎn)品的購(gòu)買。也就是說(shuō)，基本不存在網(wǎng)站信任度、產(chǎn)品質(zhì)量、文案寫作水平、價(jià)格等問(wèn)題，被測(cè)試者是花別人的錢給自己買東西，而且是必須要買。但是結(jié)果卻令人遺憾，平均只有兩成被測(cè)試者能成功完成購(gòu)買過(guò)程。

不難看出，會(huì)有以上這樣的結(jié)果，用戶無(wú)法完成購(gòu)買的主要原因，只能歸于網(wǎng)站的易用性太差。也許這個(gè)成功比例在不同行業(yè)、不同的目標(biāo)用戶群會(huì)有變化，但不可否認(rèn)的是，網(wǎng)站易用性是很多網(wǎng)站妨礙用戶購(gòu)買的其中一個(gè)非常重要的原因。

易用性是網(wǎng)站運(yùn)營(yíng)各個(gè)部門都要關(guān)心的問(wèn)題，不僅僅是網(wǎng)絡(luò)營(yíng)銷人員。網(wǎng)站設(shè)計(jì)師、產(chǎn)品經(jīng)理等都會(huì)對(duì)易用性投入很多精力，相關(guān)的研究也比較深入。我就簡(jiǎn)單從網(wǎng)絡(luò)營(yíng)銷的角度探討網(wǎng)站易用性需要注意哪些問(wèn)題，純屬個(gè)人意見(jiàn)，僅供參考。欲知后事如何，請(qǐng)關(guān)注鐘智鑫的博客或站長(zhǎng)心論壇。

網(wǎng)站存在的價(jià)值就是賣東西，無(wú)論是產(chǎn)品還是服務(wù)。易用性也是為了提高轉(zhuǎn)化率，使用戶更容易找到產(chǎn)品，更容易買到產(chǎn)品。對(duì)網(wǎng)絡(luò)營(yíng)銷人員來(lái)說(shuō)，提高易用性也就是在優(yōu)化網(wǎng)站購(gòu)買的流程?？偟膩?lái)說(shuō)，就是越簡(jiǎn)單越好，無(wú)論是用戶閱讀、瀏覽、理解內(nèi)容還是最后的購(gòu)買，都要力圖簡(jiǎn)單。網(wǎng)上用戶都很著急、都很懶，找不到信息或者購(gòu)買流程稍微復(fù)雜一點(diǎn)，他們就寧愿去其他網(wǎng)站，也不愿意在你的網(wǎng)站上耽誤更多的時(shí)間。

簡(jiǎn)單是大家都一直同意的原則，問(wèn)題就在于事實(shí)上沒(méi)有什么是比使網(wǎng)站更復(fù)雜更困難的事情了。要使網(wǎng)站復(fù)雜，只要把內(nèi)容雜亂無(wú)章的堆起來(lái)，可是要讓一切簡(jiǎn)單清晰，卻又包含所有該有的內(nèi)容，是一件非常不容易做到的事情。

1、網(wǎng)站鏈接

首先確保整個(gè)網(wǎng)站沒(méi)有無(wú)效鏈接。稍微有規(guī)模的網(wǎng)站，可能因?yàn)榉N種原因而產(chǎn)生無(wú)效鏈接，引起的原因有很多，比如，人員變動(dòng)、網(wǎng)站結(jié)構(gòu)調(diào)整、頁(yè)面信息刪除鏈接去沒(méi)刪除等等。無(wú)效鏈接是很讓人掃興的，用戶本來(lái)想查看更多詳情，卻打開(kāi)一個(gè)錯(cuò)誤頁(yè)面。這個(gè)可以利用工具定時(shí)的對(duì)完整進(jìn)行檢查。

鏈接文字要有描述性，除了導(dǎo)航系統(tǒng)中的鏈接應(yīng)該盡可能準(zhǔn)確描述欄目或頻道內(nèi)容之外，正文中的鏈接也應(yīng)該盡可能具有描述性，讓用戶在點(diǎn)擊之前就知道將要看到的是什么內(nèi)容。只有這樣用戶才能有效做出判斷，到底是該點(diǎn)擊了解詳情，還是已經(jīng)知道內(nèi)容不必點(diǎn)擊。

鏈接標(biāo)準(zhǔn)顏色，這是習(xí)慣的問(wèn)題，無(wú)論是網(wǎng)頁(yè)設(shè)計(jì)師還是用戶都已經(jīng)習(xí)慣幾種不同的鏈接顏色，還沒(méi)點(diǎn)擊的鏈接是藍(lán)色，已經(jīng)點(diǎn)擊過(guò)的鏈接是粉紅色，正在被點(diǎn)擊的鏈接是紅色。這些顏色都已經(jīng)成為了用戶的習(xí)慣，在可能的情況下，應(yīng)該盡量使用這些標(biāo)準(zhǔn)顏色。就算因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)源于，在鏈接顏色上稍有變化，也要與標(biāo)準(zhǔn)顏色接近。

最失敗的鏈接就是使用與普通非連接文字相同的顏色，如果不帶下劃線的話，用戶根本不能發(fā)現(xiàn)鏈接，只是偶然鼠標(biāo)劃過(guò)文字的時(shí)候才能知道是個(gè)鏈接?？雌饋?lái)是個(gè)挺不該發(fā)生的錯(cuò)誤，還會(huì)有人這樣設(shè)計(jì)網(wǎng)站嗎?實(shí)際上是有的。

404頁(yè)面，無(wú)論怎樣認(rèn)真堅(jiān)持無(wú)效鏈接，當(dāng)網(wǎng)站規(guī)模比較大的時(shí)候，出現(xiàn)無(wú)效鏈接或者用戶從搜索引擎結(jié)果直接訪問(wèn)某個(gè)不存在的頁(yè)面，是無(wú)法完全避免的。用戶訪問(wèn)這種不存在的頁(yè)面時(shí)，通常會(huì)看到404錯(cuò)誤信息。如果網(wǎng)站沒(méi)有設(shè)計(jì)一個(gè)專門的404頁(yè)面，用戶看到的只是頁(yè)面找不到的默認(rèn)錯(cuò)誤信息，相信大家非常熟悉。我們應(yīng)該設(shè)計(jì)一個(gè)專用的404錯(cuò)誤頁(yè)面，在頁(yè)面上放上清楚說(shuō)明，比如站長(zhǎng)心論壇bbs.zhzhxin.com/123456這個(gè)頁(yè)面是絕對(duì)不存在的，不只是這個(gè)頁(yè)面，只要是一個(gè)不存在的頁(yè)面，都會(huì)自動(dòng)跳轉(zhuǎn)到設(shè)定好的404頁(yè)面。同時(shí)列出網(wǎng)站的主要欄目鏈接，可以于主導(dǎo)航相同，再加上網(wǎng)站地圖鏈接和一個(gè)站內(nèi)搜索引擎。這樣，用戶還有機(jī)會(huì)從404頁(yè)面重新進(jìn)入到網(wǎng)站有用的部分。

2、網(wǎng)頁(yè)的內(nèi)容容易閱讀

這是用戶理解網(wǎng)站內(nèi)容的基礎(chǔ)，這里指的不是文章寫作中提到的文字寫作問(wèn)題，二十怎樣在視覺(jué)和形式上使文字更容易閱讀。

首先是背景和文字顏色，有的網(wǎng)站為了顯示新潮，把背景設(shè)為黑色，文字使用白色，或者其他類似的深色背景加淺色文字。這與白色背景、黑色文字只是顛倒過(guò)來(lái)，但是對(duì)用戶的視覺(jué)影響卻差別很大。更有的網(wǎng)站使用其他對(duì)比不明顯的配色，諸如黃色背景綠色文字，甚至有的網(wǎng)站使用五顏六色的背景，這對(duì)用戶的閱讀過(guò)程來(lái)說(shuō)，簡(jiǎn)直就是不堪入目。

在網(wǎng)頁(yè)背景及文字顏色上不要試圖玩新花樣，就是使用白色背景、黑色文字。有時(shí)為了美化版面，可以使用非常淡顏色的背景，其亮度與白色相差微乎其微，但視覺(jué)上會(huì)起到很好的美化效果。

文字排版需要有些研究。頁(yè)面文字部分應(yīng)該一眼看上去就能抓住重點(diǎn)。除了頁(yè)面大標(biāo)題之外，可以在段落之間插入小標(biāo)題，小標(biāo)題字體稍微大于普通段落文字，這樣用戶掃一眼就能知道文章分幾部分，重點(diǎn)在哪里，可以視自己需要快速瀏覽，看到感興趣的段落再認(rèn)真閱讀。

網(wǎng)頁(yè)文章最好使用比較短的段落，個(gè)人認(rèn)為三到五行為佳。沒(méi)有什么比連續(xù)二三十行不分段的文章看起來(lái)更累的了。讓用戶眼睛累、心煩，就離購(gòu)買越走越遠(yuǎn)了。

除了標(biāo)題外，段落中的文章也可以在需要強(qiáng)調(diào)時(shí)適當(dāng)?shù)募哟?，但是一定要?jǐn)慎使用，用一屏文章中，加粗的地方不要超過(guò)兩三處，不然會(huì)起副作用，讓人眼花繚亂。加粗的地方就是強(qiáng)調(diào)賣點(diǎn)的地方。

不要使用斜體字體。因?yàn)樾斌w文字識(shí)別起來(lái)比正常文字要困難的多，尤其是在電腦屏幕上、字號(hào)又偏小。

不要無(wú)故使用下劃線。下劃線配以藍(lán)色文字是鏈接的標(biāo)準(zhǔn)形式。大家都已經(jīng)習(xí)慣了這種方式，不要試圖挑戰(zhàn)用戶已經(jīng)形成的習(xí)慣，不要為了強(qiáng)調(diào)文字而使用下劃線。很多用戶因?yàn)榱?xí)慣問(wèn)題，看到下劃線就不由自主的把鼠標(biāo)放上去，看看能否點(diǎn)擊。在非鏈接文字上使用下劃線是強(qiáng)迫用戶浪費(fèi)時(shí)間，打斷流暢的閱讀過(guò)程。

使用列表，在適當(dāng)?shù)臅r(shí)候使用列表，可以達(dá)到一定的效果，

● 排版整潔美觀

● 思路清晰，利于理解

● 用戶極容易抓住重點(diǎn)，又利于快速瀏覽

上面三行就是個(gè)列表，效果很明顯，前面的小圓點(diǎn)也可以用其他來(lái)代替，比如正方形，三角形都可以。

使用表格，尤其是音樂(lè)數(shù)據(jù)說(shuō)明問(wèn)題是，列出表格最容易吸引用戶目光，并且以最清晰的格式展現(xiàn)論據(jù)。

分頁(yè)與不分頁(yè)。很多新聞或門戶網(wǎng)站最喜歡分頁(yè)，問(wèn)的就是增加pv，文章稍微長(zhǎng)一點(diǎn)，就分幾段，每一段結(jié)尾處表上下一頁(yè)，用戶需要點(diǎn)擊才能繼續(xù)閱讀。都是為了收廣告費(fèi)，甚至有時(shí)候只有三四百字的文章還要分頁(yè)。反正我是很反感，相信大多數(shù)用戶都是非常反感的。所以，我們盡可能的不要分頁(yè)。因?yàn)槊看涡枰脩酎c(diǎn)擊的時(shí)候，都給用戶增加了工作量，也增加了不確定性，用戶可能點(diǎn)擊繼續(xù)閱讀，也可能不點(diǎn)擊。不要怕很長(zhǎng)的網(wǎng)頁(yè)，只要內(nèi)容精彩，用戶會(huì)一直往下拉窗口，繼續(xù)閱讀下去。分頁(yè)往往會(huì)打斷用戶的流暢閱讀進(jìn)程，給通往網(wǎng)站目標(biāo)的道路上增加障礙。

文字不要太寬，現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)未來(lái)照顧越來(lái)越廣泛使用的大屏幕，比較流行自適應(yīng)寬度設(shè)計(jì)，也就是說(shuō)，無(wú)論用戶屏幕是800x600，還是1024x800，頁(yè)面上的文字排版隨著屏幕寬度自行調(diào)節(jié)，始終充滿屏幕或占屏幕的固定百分比。這固然使頁(yè)面有一種流動(dòng)感和現(xiàn)代感，但是正文部分太寬的話，容易造成閱讀上的困難。因?yàn)槲淖侄温鋸淖蟮接页^(guò)一定范圍，用戶目光換行時(shí)就可能有困難。所以盡量不要使正文寬度超過(guò)500像素。

3、網(wǎng)站兼容性要好

網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程和結(jié)束后，切記一定要測(cè)試頁(yè)面兼容性，包括不同的操作系統(tǒng)windows、linux等，不同的瀏覽器IE、火狐、遨游等，要確保網(wǎng)頁(yè)在上面所有系統(tǒng)正常顯示，功能可以正常使用。這些相信做網(wǎng)站的都懂，但有太多網(wǎng)站忽視了這些最基本的東西。本來(lái)用戶購(gòu)買的欲望很強(qiáng)烈，但是因?yàn)榫W(wǎng)站的兼容性不好而導(dǎo)致無(wú)法正常瀏覽，那就失去了不少的用戶。

打字打得手都痛了，今天就先到這吧，欲知后事如何，請(qǐng)聽(tīng)下回分解。本文由茂名新聞網(wǎng)www.maomingxinwen.com站長(zhǎng)鐘智鑫原創(chuàng)。