網(wǎng)站用戶(hù)體驗(yàn)的五大分類(lèi)和76個(gè)要素

每個(gè)人對(duì)網(wǎng)站的使用習(xí)慣不一樣，功能要求也不一樣，要做到最好的用戶(hù)體驗(yàn)只能是照顧最主要目標(biāo)受眾的需求，因此要實(shí)現(xiàn)用戶(hù)體驗(yàn)的優(yōu)化，前提之 一是必須對(duì)自己的目標(biāo)受眾了如指掌。因此，要有一個(gè)詳細(xì)的背景調(diào)查，分析目標(biāo)受眾的屬性，分析他們的需求和行為特征，這樣才能有的放矢，實(shí)現(xiàn)網(wǎng)站用戶(hù)體驗(yàn)優(yōu)化的目的。

現(xiàn)在很多互聯(lián)網(wǎng)行業(yè)的從業(yè)人員動(dòng)不動(dòng)就提“用戶(hù)體驗(yàn)”， 但是在看了很多同行的網(wǎng)站后，發(fā)現(xiàn)很多的網(wǎng)站不僅沒(méi)有把用戶(hù)體驗(yàn)這個(gè)最重要的部分處理好，并 且對(duì)用戶(hù)體驗(yàn)的概念都比較模糊，更不知道從何下手，尤其對(duì)于電子商務(wù)網(wǎng)站而言，直接的后果就是網(wǎng)站的轉(zhuǎn)化率提不上去，銷(xiāo)售額無(wú)法突破。每個(gè)人對(duì)網(wǎng)站的使用 習(xí)慣不一樣，功能要求也不一樣，要做到最好的用戶(hù)體驗(yàn)只能是照顧最主要目標(biāo)受眾的需求，因此要實(shí)現(xiàn)用戶(hù)體驗(yàn)的優(yōu)化，前提之一是必須對(duì)自己的目標(biāo)受眾了如指 掌。因此，要有一個(gè)詳細(xì)的背景調(diào)查，分析目標(biāo)受眾的屬性，分析他們的需求和行為特征，這樣才能有的放矢，實(shí)現(xiàn)網(wǎng)站用戶(hù)體驗(yàn)優(yōu)化的目的。

了解完用戶(hù)之后，還是要回到從哪些方面或角度來(lái)進(jìn)行網(wǎng)站用戶(hù)體驗(yàn)優(yōu)化這個(gè)問(wèn)題上來(lái)，今天有感而發(fā)，總結(jié)了用戶(hù)體驗(yàn)的76個(gè)要素，同行以及相關(guān)朋友可以參考下：

網(wǎng)站用戶(hù)體驗(yàn)的分類(lèi)
1、感官體驗(yàn)：呈現(xiàn)給用戶(hù)視聽(tīng)上的體驗(yàn)，強(qiáng)調(diào)舒適性。
2、交互體驗(yàn)：呈現(xiàn)給用戶(hù)操作上的體驗(yàn)，強(qiáng)調(diào)易用/可用性。
3、情感體驗(yàn)：呈現(xiàn)給用戶(hù)心理上的體驗(yàn)，強(qiáng)調(diào)友好性。
4、瀏覽體驗(yàn)：呈現(xiàn)給用戶(hù)瀏覽上的體驗(yàn)，強(qiáng)調(diào)吸引性。
5、信任體驗(yàn)：呈現(xiàn)給用戶(hù)的信任體驗(yàn)，強(qiáng)調(diào)可靠性。

網(wǎng)站用戶(hù)體驗(yàn)的76個(gè)要素
一、感官體驗(yàn)：呈現(xiàn)給用戶(hù)視聽(tīng)上的體驗(yàn)，強(qiáng)調(diào)舒適性
1. 設(shè)計(jì)風(fēng)格：符合目標(biāo)客戶(hù)的審美習(xí)慣，并具有一定的引導(dǎo)性。網(wǎng)站在設(shè)計(jì)之前，必須明確目標(biāo)客戶(hù)群體，并針對(duì)目標(biāo)客戶(hù)的審美喜好，進(jìn)行分析，從而確定網(wǎng)站的總體設(shè)計(jì)風(fēng)格。
2. 網(wǎng)站LOGO：確保logo的保護(hù)空間，確保品牌的清晰展示而又不占據(jù)過(guò)分空間。
3. 頁(yè)面速度：正常情況下,盡量確保頁(yè)面在5秒內(nèi)打開(kāi)。如果是大 型門(mén)戶(hù)網(wǎng)站，必須考慮南北互通問(wèn)題，進(jìn)行必要的壓力測(cè)試。
4. 頁(yè)面布局：重點(diǎn)突出，主次分明，圖文并茂。與企業(yè)的營(yíng)銷(xiāo)目標(biāo)相結(jié)合，將目標(biāo)客戶(hù)最感興趣的，最具有銷(xiāo)售力的信息放置在最重要的位置。
5. 頁(yè)面色彩：與品牌整體形象相統(tǒng)一，主色調(diào)+輔助色不超過(guò)三種顏色。以恰當(dāng)?shù)纳拭鞫群土炼龋_保瀏覽者的瀏覽舒適度。
6. 動(dòng)畫(huà)效果：與主畫(huà)面相協(xié)調(diào)，打開(kāi)速度快，動(dòng)畫(huà)效果節(jié)奏適中，不干擾主畫(huà)面瀏覽。
7. 頁(yè)面導(dǎo)航：導(dǎo)航條清晰明了、突出，層級(jí)分明。
8. 頁(yè)面大小：適合多數(shù)瀏覽器瀏覽(以15寸及17寸顯示器為主)。
9. 圖片展示：比例協(xié)調(diào)、不變形，圖片清晰。圖片排列既不過(guò)于密集，也不會(huì)過(guò)于疏遠(yuǎn)。
10. 圖標(biāo)使用：簡(jiǎn)潔、明了、易懂、準(zhǔn)確，與頁(yè)面整體風(fēng)格統(tǒng)一。
11. 廣告位：避免干擾視線(xiàn)，廣告圖片符合整體風(fēng)格，避免喧賓奪主。
12. 背景音樂(lè)：與整體網(wǎng)站主題統(tǒng)一，文件要小，不能干擾閱讀。要設(shè)置開(kāi)關(guān)按鈕及音量控制按鈕。

二、交互體驗(yàn)：呈現(xiàn)給用戶(hù)操作上的體驗(yàn)，強(qiáng)調(diào)易用/可用性
13. 會(huì)員申請(qǐng)：介紹清晰的會(huì)員權(quán)責(zé)，并提示用戶(hù)確認(rèn)已閱讀條款。
14. 會(huì)員注冊(cè)：流程清晰、簡(jiǎn)潔。待會(huì)員注冊(cè)成功后，再詳細(xì)完善資料。
15. 表單填寫(xiě)：盡量采用下拉選擇，需填寫(xiě)部分需注明要填寫(xiě)內(nèi)容，并對(duì)必填字段作出限制。(如手機(jī)位數(shù)、郵編等等，避免無(wú)效信息)
16. 表單提交：表單填寫(xiě)后需輸入驗(yàn)證碼，防止注水。提交成功后，應(yīng)顯示感謝提示。
17. 按鈕設(shè)置：對(duì)于交互性的按鈕必須清晰突出，以確保用戶(hù)可以清楚地點(diǎn)擊。
18. 點(diǎn)擊提示：點(diǎn)擊瀏覽過(guò)的信息顏色需要顯示為不同的顏色，以區(qū)分于未閱讀內(nèi)容，避免重復(fù)閱讀。
19. 錯(cuò)誤提示：若表單填寫(xiě)錯(cuò)誤，應(yīng)指明填寫(xiě)錯(cuò)誤之處，并保存原有填寫(xiě)內(nèi)容，減少重復(fù)工作。
20. 在線(xiàn)問(wèn)答：用戶(hù)提問(wèn)后后臺(tái)要及時(shí)反饋，后臺(tái)顯示有新提問(wèn)以確保回復(fù)及時(shí)。
21. 意見(jiàn)反饋：當(dāng)用戶(hù)在使用中發(fā)生任何問(wèn)題，都可隨時(shí)提供反饋意見(jiàn)。
22. 在線(xiàn)調(diào)查：為用戶(hù)關(guān)注的問(wèn)題設(shè)置調(diào)查，并顯示調(diào)查結(jié)果，提高用戶(hù)的參與度。
23. 在線(xiàn)搜索：搜索提交后，顯示清晰列表，并對(duì)該搜索結(jié)果中的相關(guān)字符以不同顏色加以區(qū)分。
24. 頁(yè)面刷新：盡量采用無(wú)刷新(AJAX)技術(shù)，以減少頁(yè)面的刷新率。Ajax是新興的網(wǎng)絡(luò)開(kāi)發(fā)技術(shù)的象征。它將JavaScript和XML技術(shù)結(jié)合在一起，用戶(hù)每次調(diào)用新數(shù)據(jù)時(shí)，無(wú)需反復(fù)向服務(wù)器發(fā)出請(qǐng)求，而是在瀏覽器的緩存區(qū)預(yù)先獲取下次可能用到的數(shù)據(jù)，界面的響應(yīng)速度因此得到了顯著提升。
25. 新開(kāi)窗口：盡量減少新開(kāi)的窗口，以避免開(kāi)過(guò)多的無(wú)效窗口，設(shè)置彈出窗口的關(guān)閉功能。
26. 資料安全：確保資料的安全保密，對(duì)于客戶(hù)密碼和資料進(jìn)行加密保存。
27. 顯示路徑：無(wú)論用戶(hù)瀏覽到哪一個(gè)層級(jí)，哪一個(gè)頁(yè)面，都可以清楚知道看到該頁(yè)面的路徑。精彩內(nèi)容，請(qǐng)點(diǎn)擊下一頁(yè)！

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)