web界面規範

一、感官體驗：呈現給用戶視聽上的體驗，強調舒適性。
　　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是新興的網絡開發技術的象徵。它將和XML技術結合在一起，用戶每次調用新數據時，無需反覆向服務器發出請求，而是在瀏覽器的緩存區預先獲取下次可能用到的數據，界面的響應速度因此得到了顯著提升。
　　25. 新開窗口：儘量減少新開的窗口，以避免開過多的無效窗口，設置彈出窗口的關閉功能。
　　26. 資料安全：確保資料的安全保密，對於客戶密碼和資料進行加密保存。
　　27. 顯示路徑：無論用戶瀏覽到哪一個層級，哪一個頁面，都可以清楚知道看到該頁面的路徑。
三、瀏覽體驗：呈現給用戶瀏覽上的體驗，強調吸引性。
　　28. 欄目的命名：與欄目內容準確相關，簡潔清晰，不宜過於深奧。
　　29. 欄目的層級：最多不超過三層，導航清晰，運用ｊａｖａscrip等技術使得層級之間伸縮便利。
　　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. 幫助中心：對於流程較複雜的服務，必須具備幫助中心進行服務介紹。