DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網站設計用戶體驗設計的體驗點詳細流程
網站設計用戶體驗設計的體驗點詳細流程
編輯:關於網頁技巧     

網站體驗談的很多,但許多都覺得網站體驗很飄渺,很難具體都每一點,那麼本文可能會將所有與網站體驗有關的一些體驗點詳細梳理整理,一種總結了76點,分五大類,做為網頁設計都不可錯過的好資料

近期自己跟同事一起在做一個網站的報表系統,之前不是做這個項目的時候,雖然也會提用戶體驗,但針對網站這塊的用戶體驗,還是做了之後才有很深的了解。昨天在與朋友聊天時,他推薦我看了一篇關於網站體驗的文章,現摘選一點,與大家共同學習:

網站體驗,指的是利用網絡特性,為客戶提供完善的網絡體驗,提高客戶的滿意度,從而與客戶建立起緊密而持續的關系。

網站體驗的分類

1、感官體驗:呈現給用戶視聽上的體驗,強調舒適性。

2、交互體驗:呈現給用戶操作上的體驗,強調易用/可用性。

3、情感體驗:呈現給用戶心理上的體驗,強調友好性。

4、浏覽體驗:呈現給用戶浏覽上的體驗,強調吸引性。

5、信任體驗:呈現給用戶的信任體驗,強調可靠性。

網站體驗的76個體驗點

一、感官體驗:呈現給用戶視聽上的體驗,強調舒適性。

1. 設計風格:符合目標客戶的審美習慣,並具有一定的引導性。

網站在設計之前,必須明確目標客戶群體,並針對目標客戶的審美喜好,進行分析,從而確定網站的總體設計風格。

2. 網站LOGO:確保logo的保護空間,確保品牌的清晰展示而又不占據過分空間。

3. 頁面速度:正常情況下,盡量確保頁面在5秒內打開。如果是大 型門戶網站,必須考慮南北互通問題,進行必要的壓力測試。

4. 頁面布局:重點突出,主次分明,圖文並茂。與企業的營銷目標相結合,將目標客戶最感興趣的,最具有銷售力的信息放置在最重要的位置。

5. 頁面色彩:與品牌整體形象相統一,主色調+輔助色不超過三種顏色。以恰當的色彩明度和亮度,確保浏覽者的浏覽舒適度。

6. 動畫效果:與主畫面相協調,打開速度快,動畫效果節奏適中,不干擾主畫面浏覽。

7. 頁面導航:導航條清晰明了、突出,層級分明。

8. 頁面大小:適合多數浏覽器浏覽(以15寸及17寸顯示器為主)。

9. 圖片展示:比例協調、不變形,圖片清晰。圖片排列既不過於密集,也不會過於疏遠。

10. 圖標使用:簡潔、明了、易懂、准確,與頁面整體風格統一。

11. 廣告位:避免干擾視線,廣告圖片符合整體風格,避免喧賓奪主。

12. 背景音樂:與整體網站主題統一,文件要小,不能干擾閱讀。要設置開關按鈕及音量控制按鈕。

二、交互體驗:呈現給用戶操作上的體驗,強調易用/可用性。

13. 會員申請:介紹清晰的會員權責,並提示用戶確認已閱讀條款。

14. 會員注冊:流程清晰、簡潔。待會員注冊成功後,再詳細完善資料。

15. 表單填寫:盡量采用下拉選擇,需填寫部分需注明要填寫內容,並對必填字段作出限制。(如手機位數、郵編等等,避免無效信息)

16. 表單提交:表單填寫後需輸入驗證碼,防止注水。提交成功後,應顯示感謝提示。

17. 按鈕設置:對於交互性的按鈕必須清晰突出,以確保用戶可以清楚地點擊。

18. 點擊提示:點擊浏覽過的信息顏色需要顯示為不同的顏色,以區分於未閱讀內容,避免重復閱讀。

19. 錯誤提示:若表單填寫錯誤,應指明填寫錯誤之處,並保存原有填寫內容,減少重復工作。

20. 在線問答:用戶提問後後台要及時反饋,後台顯示有新提問以確保回復及時。

21. 意見反饋:當用戶在使用中發生任何問題,都可隨時提供反饋意見。

22. 在線調查:為用戶關注的問題設置調查,並顯示調查結果,提高用戶的參與度。

23. 在線搜索:搜索提交後,顯示清晰列表,並對該搜索結果中的相關字符以不同顏色加以區分。

24. 頁面刷新:盡量采用無刷新(AJAX)技術,以減少頁面的刷新率。

Ajax是新興的網絡開發技術的象征。它將JavaScript和XML技術結合在一起,用戶每次調用新數據時,無需反復向服務器發出請求,而是在浏覽器的緩存區預先獲取下次可能用到的數據,界面的響應速度因此得到了顯著提升。

25. 新開窗口:盡量減少新開的窗口,以避免開過多的無效窗口,設置彈出窗口的關閉功能。

26. 資料安全:確保資料的安全保密,對於客戶密碼和資料進行加密保存。

27. 顯示路徑:無論用戶浏覽到哪一個層級,哪一個頁面,都可以清楚知道看到該頁面的路徑。

三、浏覽體驗:呈現給用戶浏覽上的體驗,強調吸引性。

28. 欄目的命名:與欄目內容准確相關,簡潔清晰,不宜過於深奧。

29. 欄目的層級:最多不超過三層,導航清晰,運用JAVAscrip等技術使得層級之間伸縮便利。

30. 內容的分類:同一欄目下,不同分類區隔清晰,不要互相包含或混淆。

31. 內容的豐富性:每一個欄目應確保足夠的信息量,避免欄目無內容情況出現。

32. 內容的原創性:盡量多采用原創性內容,以確保內容的可讀性。

33. 信息的更新頻率:確保穩定的更新頻率,以吸引浏覽者經常浏覽。

34. 信息的編寫方式:段落標題加粗,以區別於內文。采用倒金字塔結構。

35. 新文章的標記:為新文章提供不同標識(如new),吸引浏覽者查看。

36. 文章導讀:為重要內容在首頁設立導讀,使得浏覽者可以了解到所需信息。文字截取字數准確,避免斷章取義。

37. 精彩內容的推薦:在頻道首頁或文章左右側,提供精彩內容推薦,吸引浏覽者浏覽。

38. 相關內容的推薦:在用戶浏覽文章的左右側或下部,提供相關內容推薦,吸引浏覽者浏覽。

39. 收藏夾的設置:為會員設置收藏夾,對於喜愛的產品或信息,可進行收藏。

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

41. 信息的搜索:在頁面的醒目位置,提供信息搜索框,便於查找到所需內容。

42. 頁面打印:允許用戶打印該頁資料,以便於保存。

43. 文字排列:標題與正文明顯區隔,段落清晰。

44. 文字字體:采用易於閱讀的字體,避免文字過小或過密造成的閱讀障礙。可對字體進行大中小設置,以滿足不同的浏覽習慣。

45. 頁面底色:不能干擾主體頁面的閱讀。

46. 頁面的長度:設置一定的頁面長度,避免頁面過長而影響閱讀。

47. 分頁浏覽:對於長篇文章 進行分頁浏覽。

48. 語言版本:為面向不同國家的客戶提供不同的浏覽版本。

49. 快速通道:為有明確目的的用戶提供快速入口。

四、情感體驗:呈現給用戶心理上的體驗,強調友好性。

50. 客戶分類:將不同的浏覽者進行劃分(如消費者、經銷商、內部員工),為客戶提供不同的服務。

51. 友好提示:對於每一個操作進行友好提示,以增加浏覽者的親和度。

52. 會員交流:提供便利的會員交流功能(如論壇),增進會員感情。

53. 售後反饋:定期進行售後的反饋跟蹤,提高客戶滿意度。

54. 會員優惠:定期舉辦會員優惠活動,讓會員感覺到實實在在的利益。

55. 會員推薦:根據會員資料及購買習慣,為其推薦適合的產品或服務。

56. 鼓勵用戶參與:提供用戶評論、投票等功能,讓會員更多地參與進來。

57. 會員活動:定期舉辦網上會員活動,提供會員網下交流機會。

58. 專家答疑:為用戶提出的疑問進行專業解答。

59. 郵件/短信問候:針對不同客戶,為客戶定期提供郵件/短信問候,增進與客戶間感情。

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

61. 網站地圖:為用戶提供清晰的網站指引。

五、信任體驗:呈現給用戶的信任體驗,強調可靠性。

62. 搜索引擎:查找相關內容可以顯示在搜索引擎前列。

63. 公司介紹:真實可靠的信息發布,包括公司規模、發展狀況、公司資質等。

64. 投資者關系:上市公司需為股民提供真實准確的年報,財務信息等。

65. 服務保障:將公司的服務保障清晰列出,增強客戶信任。

66. 頁面標題:准確地描述公司名稱及相關內容。

67. 文章來源:為摘引的文章標注摘引來源,避免版權糾紛。

68. 文章編輯

69. 聯系方式:准確有效的地址、電話等聯系方式,便於查找。

70. 服務熱線:將公司的服務熱線列在醒目的地方,便於客戶查找。

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

72. 安全及隱私條款:對於交互式網站,注明安全及隱私條款可以減少客戶顧慮,避免糾紛。

73. 法律聲明:對於網站法律條款的聲明可以避免企業陷入不必要的糾紛中。

74. 網站備案:讓浏覽者確認網站的合法性。

75. 相關鏈接:對於集團企業及相關企業的鏈接,應該具有相關性。

76. 幫助中心:對於流程較復雜的服務,必須具備幫助中心進行服務介紹。

真是不看不知道,一個看似普通的網站,竟然有這麼多項體驗點,而且還都是最最基本的項目。由此可見,關於用戶所體驗的每一個點,都應該是經過慎重考慮和論證以後的決定。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved