藍藍設計( www.li-bodun.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

來源：http://u.cyzone.cn/blog/204095

藍藍注：這篇文章寫的非常具體，對于一個公司的初級和中級網站，比較實用，可參照。

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

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. 幫助中心：對于流程較復雜的服務，必須具備幫助中心進行服務介紹。