所謂的用戶體驗，其實就是讓用戶"習慣", Don't make user think. 這個是終極目標啦，隨著產品的不斷的改善，用戶體驗也在隨之變化。但是，如果你在做一款產品，所謂的標準，終極檢驗方法，還是用戶，以及用戶對于產品的反饋。 對于互聯網產品的設計，有一些標準的用戶習慣，可以作為所謂量化的標準。

　　用戶界面設計的三大原則是：

　　置界面于用戶的控制之下;

　　減少用戶的記憶負擔;

　　保持界面的一致性。

　　用戶界面設計在工作流程上分為結構設計、交互設計、視覺設計三個部分。結構設計也稱概念設計 (Conceptual Design)，是界面設計的骨架。通過對用戶研究和任務分析，制定出產品的整體架構。交互設計的目的是使產品讓用戶能簡單使用。 任何產品功能的實現都是通過人和機器的交互來完成的。因此，人的因素應作為設計的核心被體現出來。視覺設計包括色彩、字體、頁面設計等。視覺設計要達到用戶愉悅使用的目的。

　　通過“指標”就是我們用來衡量用戶體驗的標準，將標準分為三個等級，分別占0分、1分、2分，每個標準都有它的評分標準，當用戶反饋的問題完全符合這個標準時，就占0;如問題不符合標準，就占2分;如問題不嚴重，只是還不夠完善，就占1分;后拿問題去套這里的標準，得出來的總分就是我們要評定改版的指標了。

　　總分越高，說明該條的用戶體驗越差，后我們將得出的總分來判斷問題的用戶體驗值：總分在0 – 5 分且單個標準在2分以下的(標示用戶體驗為良好);總分在5 – 10分且單個標準在2分以下的(標示用戶體驗為較差);總分在十分以上或有2個2分以上的標準的(標示用戶體驗為很差)。

　　結構設計

　　有足夠的空間讓用戶看到主要的內容，要適合多數瀏覽器瀏覽(以15、17寸、19寸顯示器為主)

　　0：足夠看到主要內容

　　1：只看到2/3看到

　　2：小于1/3的內容

　　盡量避免使用結構復雜的表格，表格嵌套不要超過3層;

　　0：小于等于2層

　　1：三到四層

　　2：五層或五層以上

　　頁面長度原則上不超過3屏，寬度不超過1屏幕。(以1024X768為準)

　　0:長小于3屏，寬小于1屏

　　1:長超出3屏或寬超出1屏

　　2:長超出3屏，寬超1屏

　　頁面避免使用iframe，如果必須使用，采用對應的優化方式。(優化是指：對瀏覽器是否支持框架進行判斷以及iframe寬高度自適應頁面)

　　0: 無iframe

　　1:有1-2個iframe，且無優化

　　2:多于2個iframe,且無優化

　　頁面布局要重點突出，圖文并茂;做數據統計，將目標客戶感興趣的放置在重要顯著的位置(一般為頁面的頭部和左上角)

　　0:重點突出，圖文并茂，且在重要的位置放的是用戶感興趣的

　　1:重點不突出或沒有圖文并茂

　　2:重點不突出且沒有圖文并茂

　　交互設計

　　表單的填寫流程要清晰、簡潔，必填的項要放在頁面的顯著位置(主體頁面的頭部，)，非必填項不能影響用戶填寫的效率。

　　0：必填項位置顯著，非必填項沒有影響用戶填寫的效率

　　1： 必填項位置不顯著或非必填項影響了用戶填寫的效率

　　2： 必填項和非必填項混在一起，影響了用戶填寫的效率

　　表單的填寫盡量多采用既有選擇也有輸入的方式，需填寫部分需注明內容的實例，并對字段作出限制。

　　0： 既有選擇也有輸入的方式，并有注明實例

　　1： 沒有選擇性輸入或沒有注明填寫的實例

　　2: 沒有選擇性輸入且沒有注明填寫的實例

　　對于交互性的按鈕必須清晰突出，以確保用戶可以清楚地點擊。

　　0： 調查10人(8人或以上的人很快就能點擊到按鈕)

　　1： 調查10人(只一半的人很快就能點擊到按鈕)

　　2: 調查10人(6人或以上的人在短時間找不到要點擊的按鈕)

　　點擊：瀏覽過的信息需要顯示為不同的狀態，以區分于未閱讀內容，避免重復閱讀。

　　0： 有不同的狀態顯示

　　1： 只有部分有不同的狀態顯示

　　2: 沒有狀態顯示

　　盡量減少新開的窗口，以避免開過多的無效窗口：打開的IE新窗口不超過2層;打開的IE / DIV / alert 新窗口總不超過三個，避免在DIV窗口再打開DIV窗口。

　　0： IE窗口<=2 IE+DIV+ALERT 新窗口 <=3,DIV窗口沒有再打開DIV窗口

　　1：IE窗口>=2或 IE+DIV+ALERT 新窗口 >=3或DIV窗口沒有再打開DIV窗口

　　2: IE窗口>=2 IE+DIV+ALERT 新窗口 >=3,DIV窗口有再打開DIV窗口

　　涉及到用戶操作的東西，要有及時、清楚的錯誤、成功或信息提示;并要能保存上一步操作。

　　0：有及時清楚地提示，能保存上一步操作

　　1： 無提示或不能保存上一步操作

　　2: 無提示也不能保存上一步操作

　　對于每一個點擊進行友好提示，以增加瀏覽者的親和度，對圖片、圖標、鏈接有TIP提示或在相應位置加“說明”、“注意”的文字信息。

　　0： 每一個點擊進行友好提示

　　1： 有提示，但提示不友好 無友好的提示

　　對用戶輸入性的操作，提供快速反饋;將光標定位到個要輸入的表單對象上，給用戶心理上的暗示，避免用戶焦急。

　　0： 有快速的反饋，且有光標定位

　　1： 反饋不快速或無光標定位

　　2: 無快速反饋、無光標定位

　　欄目的命名要與欄目內容準確相關，簡潔清晰，不宜過于深奧。

　　0： 調查10人(8人或以上的人認為欄目命名很好)

　　1： 調查10人(只一半的人認為欄目命名好)

　　2: 調查10人(6人或以上的人認為欄目命名深奧)

　　導航要清晰，欄目的層級多不超過三層;且隨時轉移功能，很容易從一個功能跳到另外一個功能。

　　0： 導航欄的層級不超過3層

　　1： 導航欄的層級為4層

　　2: 導航欄的層級多于4層

　　在頁面的醒目位置(主體頁面的頭部)，提供信息搜索框和排序功能，便于查找到所需內容

　　0：有醒目的搜索框和排序功能

　　1： 有搜索框和排序但不醒目

　　2: 無搜索框和排序

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

　　0： 1 – 2秒內打開

　　1： 3 -5秒內打開

　　2: 5秒以上打開

　　讓用戶控制界面(界面的大小、位置、大化、小化、關閉、滾動條控制等)

　　0： 用戶能很好的控制

　　1： 控制不完善

　　2: 用戶不能控制

　　無論用戶瀏覽到哪一個層級，哪一個頁面，都可以清楚知道自己當前的位置，使其做出下一步行動的決定。

　　0： 每個層級每個頁面都有當前的位置

　　1： 沒有當前的位置或不知道下步的操作

　　2: 用戶不知道自己在哪，也不知道下一步干嘛。

　　對信息量大的操作要有批量處理的功能(如審核、刪除、添加等)

　　0： 有批量處理的功能

　　1： 只有部分有批量處理

　　2: 無批量處理的功能

　　視覺設計

　　界面風格要協調一致，讓用戶有一個整體的感覺。 (知名能提供換膚的功能)

　　0： 典型用戶調查10人(符合8-7人的習慣)

　　1： 典型用戶調查10人(符合5 - 6人的習慣)

　　2: 典型用戶調查10人(符合1-4的習慣)

　　采用易于閱讀的字體，避免文字過小或過密造成的閱讀障礙。(主體字 中文采用標準的12PX 宋體;英文采用12PX Arial 字體)

　　0： 文字便于閱讀且有字體大中小設置

　　1： 文字過小或文字過密

　　2: 文字過小且過密，沒有字體大中小的設置

　　動畫效果要與主畫面相協調，文件大小在10K以上的要有加載畫面。

　　0： 動畫與頁面協調，有加載畫面

　　1： 動畫與頁面不太協調或10K以上動畫無加載頁面

　　2: 動畫與頁面不太協調且10K以上動畫無加載頁面

　　圖片展示要比例協調、不變形，圖片清晰。

　　0： 圖片清晰且不變形

　　1： 圖片不清晰或變形

　　2: 圖片不清晰且變形

　　圖標使用要簡潔、明了、易懂、準確，與頁面整體風格統一;盡量使用真實世界的比喻。如：電話、打印機的圖標設計，尊重用戶以往的使用經驗。同樣的功能用同樣的圖形。

　　0： 調查10人(8人或以上的人認為圖標使用合理)

　　1： 調查10人(只一半的人認為圖標合理)

　　2: 調查10人(6人或以上的人認為圖標使用不合理)

　　對于長篇文章 進行分頁瀏覽，超過1.5屏時 進行翻頁(15寸顯示器為準)

　　0： 超過1.5屏能分頁瀏覽

　　1： 2屏以上才分頁瀏覽

　　2: 無分頁瀏覽功能

　　色彩與內容。整體不超過5個色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。以恰當的色彩明度和亮度，確保瀏覽者的瀏覽舒適度。

　　0： 小于5，主色沒有用到紅色和綠色

　　1： 整體色調是紅或綠或整體色系超出5個

　　2: 整體色調就是紅或綠，色系超出5個

　　提供界面的快捷方式，一個功能有多個入口;快捷方式體現出其關聯性，放在顯著的位置(頁面的頭部或左上角)

　　0： 在顯著有關聯性的快捷方式

　　1： 有快捷方式但位置不顯著

　　2: 無快捷方式

　　減少短期記憶的負擔。讓計算機幫助記憶，例：登錄的用戶名、密碼、IE進入界面地址可以讓機器記住。

　　0： 有計算機幫助記憶

　　1： 有部分記憶功能

　　2: 無計算機幫助記憶。

　　對于手機客戶端的用戶體驗標準，可以從這三個方向進行評估：結構設計請檢驗：1、2、5 交互設計可以全部，但是第5項改為盡可能減少打開鏈接。視覺設計也是可以全部，但是對于第二項字體，iphone以及安卓，有自己標準的字體，按照其標準設計，就是用戶體驗的理想狀態。另蘋果對UI是由標準的，下載一份標準。按照標準來，體驗知名。

網頁設計

• 2020-11-11手機網站建設一般都是如何收費的？
• 2020-11-11移動端手機網站建設注意事項--移動端網頁設計注意設計
• 2020-11-11手機網站和電腦網站建設一樣嗎
• 2020-11-11移動手機網站變得越來越重要 怎么優化
• 2020-11-11 手機網站建設和開發要注意的事項
• 2020-11-11手機網站建設時的注意事項
• 2020-11-11手機網站制作要注意的事項
• 2020-11-09手機網站設計必知的技巧點
• 2020-11-11建設一個手機網站的步驟
• 2020-11-09手機網站開發建設四大要點
• 2020-11-112020年公司手機網站制作來勢洶洶
• 2020-11-11如何把手機網站優化做好