網(wǎng)站設(shè)計(jì)用戶(hù)體驗(yàn)設(shè)計(jì)的體驗(yàn)點(diǎn)詳細(xì)流程發(fā)布者：本站     時(shí)間：2020-05-23 12:05:27

網(wǎng)站體驗(yàn)談的很多，但許多都覺(jué)得網(wǎng)站體驗(yàn)很飄渺，很難具體都每一點(diǎn)，那么本文可能會(huì)將所有與網(wǎng)站體驗(yàn)有關(guān)的一些體驗(yàn)點(diǎn)詳細(xì)梳理整理，一種總結(jié)了76點(diǎn)，分五大類(lèi)，做為網(wǎng)頁(yè)設(shè)計(jì)都不可錯(cuò)過(guò)的好資料
近期自己跟同事一起在做一個(gè)網(wǎng)站的報(bào)表系統(tǒng)，之前不是做這個(gè)項(xiàng)目的時(shí)候，雖然也會(huì)提用戶(hù)體驗(yàn)，但針對(duì)網(wǎng)站這塊的用戶(hù)體驗(yàn)，還是做了之后才有很深的了解。昨天在與朋友聊天時(shí)，他推薦我看了一篇關(guān)于網(wǎng)站體驗(yàn)的文章，現(xiàn)摘選一點(diǎn)，與大家共同學(xué)習(xí)：

網(wǎng)站體驗(yàn)，指的是利用網(wǎng)絡(luò)特性，為客戶(hù)提供完善的網(wǎng)絡(luò)體驗(yàn)，提高客戶(hù)的滿(mǎn)意度，從而與客戶(hù)建立起緊密而持續(xù)的關(guān)系。

網(wǎng)站體驗(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)站體驗(yàn)的76個(gè)體驗(yàn)點(diǎn)

一、感官體驗(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. 廣告位：避免干擾視線，廣告圖片符合整體風(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. 在線問(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. 在線調(diào)查：為用戶(hù)關(guān)注的問(wèn)題設(shè)置調(diào)查，并顯示調(diào)查結(jié)果，提高用戶(hù)的參與度。

23. 在線搜索：搜索提交后，顯示清晰列表，并對(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è)面的路徑。

三、瀏覽體驗(yàn)：呈現(xiàn)給用戶(hù)瀏覽上的體驗(yàn)，強(qiáng)調(diào)吸引性。

28. 欄目的命名：與欄目?jī)?nèi)容準(zhǔn)確相關(guān)，簡(jiǎn)潔清晰，不宜過(guò)于深?yuàn)W。

29. 欄目的層級(jí)：最多不超過(guò)三層，導(dǎo)航清晰，運(yùn)用JAVAscrip等技術(shù)使得層級(jí)之間伸縮便利。

30. 內(nèi)容的分類(lèi)：同一欄目下，不同分類(lèi)區(qū)隔清晰，不要互相包含或混淆。

31. 內(nèi)容的豐富性：每一個(gè)欄目應(yīng)確保足夠的信息量，避免欄目無(wú)內(nèi)容情況出現(xiàn)。

32. 內(nèi)容的原創(chuàng)性：盡量多采用原創(chuàng)性?xún)?nèi)容，以確保內(nèi)容的可讀性。

33. 信息的更新頻率：確保穩(wěn)定的更新頻率，以吸引瀏覽者經(jīng)常瀏覽。

34. 信息的編寫(xiě)方式：段落標(biāo)題加粗，以區(qū)別于內(nèi)文。采用倒金字塔結(jié)構(gòu)。

35. 新文章的標(biāo)記：為新文章提供不同標(biāo)識(shí)（如new），吸引瀏覽者查看。

36. 文章導(dǎo)讀：為重要內(nèi)容在首頁(yè)設(shè)立導(dǎo)讀，使得瀏覽者可以了解到所需信息。文字截取字?jǐn)?shù)準(zhǔn)確，避免斷章取義。

37. 精彩內(nèi)容的推薦：在頻道首頁(yè)或文章左右側(cè)，提供精彩內(nèi)容推薦，吸引瀏覽者瀏覽。

38. 相關(guān)內(nèi)容的推薦：在用戶(hù)瀏覽文章的左右側(cè)或下部，提供相關(guān)內(nèi)容推薦，吸引瀏覽者瀏覽。

39. 收藏夾的設(shè)置：為會(huì)員設(shè)置收藏夾，對(duì)于喜愛(ài)的產(chǎn)品或信息，可進(jìn)行收藏。

40. 欄目的訂閱：提供Rss或郵件訂閱功能

41. 信息的搜索：在頁(yè)面的醒目位置，提供信息搜索框，便于查找到所需內(nèi)容。

42. 頁(yè)面打?。涸试S用戶(hù)打印該頁(yè)資料，以便于保存。

43. 文字排列：標(biāo)題與正文明顯區(qū)隔，段落清晰。

44. 文字字體：采用易于閱讀的字體，避免文字過(guò)小或過(guò)密造成的閱讀障礙?？蓪?duì)字體進(jìn)行大中小設(shè)置，以滿(mǎn)足不同的瀏覽習(xí)慣。

45. 頁(yè)面底色：不能干擾主體頁(yè)面的閱讀。

46. 頁(yè)面的長(zhǎng)度：設(shè)置一定的頁(yè)面長(zhǎng)度，避免頁(yè)面過(guò)長(zhǎng)而影響閱讀。

47. 分頁(yè)瀏覽：對(duì)于長(zhǎng)篇文章 進(jìn)行分頁(yè)瀏覽。

48. 語(yǔ)言版本：為面向不同國(guó)家的客戶(hù)提供不同的瀏覽版本。

49. 快速通道：為有明確目的的用戶(hù)提供快速入口。

四、情感體驗(yàn)：呈現(xiàn)給用戶(hù)心理上的體驗(yàn)，強(qiáng)調(diào)友好性。

50. 客戶(hù)分類(lèi)：將不同的瀏覽者進(jìn)行劃分（如消費(fèi)者、經(jīng)銷(xiāo)商、內(nèi)部員工），為客戶(hù)提供不同的服務(wù)。

51. 友好提示：對(duì)于每一個(gè)操作進(jìn)行友好提示，以增加瀏覽者的親和度。

52. 會(huì)員交流：提供便利的會(huì)員交流功能（如論壇），增進(jìn)會(huì)員感情。

53. 售后反饋：定期進(jìn)行售后的反饋跟蹤，提高客戶(hù)滿(mǎn)意度。

54. 會(huì)員優(yōu)惠：定期舉辦會(huì)員優(yōu)惠活動(dòng)，讓會(huì)員感覺(jué)到實(shí)實(shí)在在的利益。

55. 會(huì)員推薦：根據(jù)會(huì)員資料及購(gòu)買(mǎi)習(xí)慣，為其推薦適合的產(chǎn)品或服務(wù)。

56. 鼓勵(lì)用戶(hù)參與：提供用戶(hù)評(píng)論、投票等功能，讓會(huì)員更多地參與進(jìn)來(lái)。

57. 會(huì)員活動(dòng)：定期舉辦網(wǎng)上會(huì)員活動(dòng)，提供會(huì)員網(wǎng)下交流機(jī)會(huì)。

58. 專(zhuān)家答疑：為用戶(hù)提出的疑問(wèn)進(jìn)行專(zhuān)業(yè)解答。

59. 郵件/短信問(wèn)候：針對(duì)不同客戶(hù)，為客戶(hù)定期提供郵件/短信問(wèn)候，增進(jìn)與客戶(hù)間感情。

60. 好友推薦：提供郵件推薦功能。

61. 網(wǎng)站地圖：為用戶(hù)提供清晰的網(wǎng)站指引。

五、信任體驗(yàn)：呈現(xiàn)給用戶(hù)的信任體驗(yàn)，強(qiáng)調(diào)可靠性。

62. 搜索引擎：查找相關(guān)內(nèi)容可以顯示在搜索引擎前列。

63. 公司介紹：真實(shí)可靠的信息發(fā)布，包括公司規(guī)模、發(fā)展?fàn)顩r、公司資質(zhì)等。

64. 投資者關(guān)系：上市公司需為股民提供真實(shí)準(zhǔn)確的年報(bào)，財(cái)務(wù)信息等。

65. 服務(wù)保障：將公司的服務(wù)保障清晰列出，增強(qiáng)客戶(hù)信任。

66. 頁(yè)面標(biāo)題：準(zhǔn)確地描述公司名稱(chēng)及相關(guān)內(nèi)容。

67. 文章來(lái)源：為摘引的文章標(biāo)注摘引來(lái)源，避免版權(quán)糾紛。

68. 文章編輯作者：為原創(chuàng)性文章注明編輯或作者，以提高文章的可信度。

69. 聯(lián)系方式：準(zhǔn)確有效的地址、電話等聯(lián)系方式，便于查找。

70. 服務(wù)熱線：將公司的服務(wù)熱線列在醒目的地方，便于客戶(hù)查找。

71. 有效的投訴途徑：為客戶(hù)提供投訴或建議郵箱或在線反饋。

72. 安全及隱私條款：對(duì)于交互式網(wǎng)站，注明安全及隱私條款可以減少客戶(hù)顧慮，避免糾紛。

73. 法律聲明：對(duì)于網(wǎng)站法律條款的聲明可以避免企業(yè)陷入不必要的糾紛中。

74. 網(wǎng)站備案：讓瀏覽者確認(rèn)網(wǎng)站的合法性。

75. 相關(guān)鏈接：對(duì)于集團(tuán)企業(yè)及相關(guān)企業(yè)的鏈接，應(yīng)該具有相關(guān)性。

76. 幫助中心：對(duì)于流程較復(fù)雜的服務(wù)，必須具備幫助中心進(jìn)行服務(wù)介紹。