所謂的(de)用(yòng)戶體驗，其實就是讓用(yòng)戶"習(xí)慣", Don't make user think. 這(zhè)個(gè)是終極目标啦，随著(zhe)産品的(de)不斷的(de)改善，用(yòng)戶體驗也(yě)在随之變化(huà)。但是，如果你在做(zuò)一款産品，所謂的(de)标準，終極檢驗方法，還(hái)是用(yòng)戶，以及用(yòng)戶對(duì)于産品的(de)反饋。 對(duì)于互聯網産品的(de)設計，有一些标準的(de)用(yòng)戶習(xí)慣，可(kě)以作爲所謂量化(huà)的(de)标準。
用(yòng)戶界面設計的(de)三大(dà)原則是：
置界面于用(yòng)戶的(de)控制之下(xià);
減少用(yòng)戶的(de)記憶負擔;
保持界面的(de)一緻性。
用(yòng)戶界面設計在工作流程上分(fēn)爲結構設計、交互設計、視覺設計三個(gè)部分(fēn)。結構設計也(yě)稱概念設計 (Conceptual Design)，是界面設計的(de)骨架。通(tōng)過對(duì)用(yòng)戶研究和(hé)任務分(fēn)析，制定出産品的(de)整體架構。交互設計的(de)目的(de)是使産品讓用(yòng)戶能簡單使用(yòng)。 任何産品功能的(de)實現都是通(tōng)過人(rén)和(hé)機器的(de)交互來(lái)完成的(de)。因此，人(rén)的(de)因素應作爲設計的(de)核心被體現出來(lái)。視覺設計包括色彩、字體、頁面設計等。視覺設計要達到用(yòng)戶愉悅使用(yòng)的(de)目的(de)。
通(tōng)過“指标”就是我們用(yòng)來(lái)衡量用(yòng)戶體驗的(de)标準，将标準分(fēn)爲三個(gè)等級，分(fēn)别占0分(fēn)、1分(fēn)、2分(fēn)，每個(gè)标準都有它的(de)評分(fēn)标準，當用(yòng)戶反饋的(de)問題完全符合這(zhè)個(gè)标準時(shí)，就占0;如問題不符合标
準，就占2分(fēn);如問題不嚴重，隻是還(hái)不夠完善，就占1分(fēn);最後拿問題去套這(zhè)裏的(de)标準，得(de)出來(lái)的(de)總分(fēn)就是我們要評定改版的(de)指标了(le)。
總分(fēn)越高(gāo)，說明(míng)該條的(de)用(yòng)戶體驗越差，最後我們将得(de)出的(de)總分(fēn)來(lái)判斷問題的(de)用(yòng)戶體驗值：總分(fēn)在0 – 5 分(fēn)且單個(gè)标準在2分(fēn)以下(xià)的(de)(标示用(yòng)戶體驗爲良好);總分(fēn)在5 – 10分(fēn)且單個(gè)标準在2分(fēn)以
下(xià)的(de)(标示用(yòng)戶體驗爲較差);總分(fēn)在十分(fēn)以上或有2個(gè)2分(fēn)以上的(de)标準的(de)(标示用(yòng)戶體驗爲很差)。
結構設計
有足夠的(de)空間讓用(yòng)戶看到主要的(de)内容，要适合多(duō)數浏覽器浏覽(以15、17寸、19寸顯示器爲主)
0：足夠看到主要内容
1：隻看到2/3看到
2：小于1/3的(de)内容
盡量避免使用(yòng)結構複雜(zá)的(de)表格，表格嵌套不要超過3層;
0：小于等于2層
1：三到四層
2：五層或五層以上
頁面長(cháng)度原則上不超過3屏，寬度不超過1屏幕。(以1024X768爲準)
0:長(cháng)小于3屏，寬小于1屏
1:長(cháng)超出3屏或寬超出1屏
2:長(cháng)超出3屏，寬超1屏
頁面避免使用(yòng)iframe，如果必須使用(yòng)，采用(yòng)對(duì)應的(de)優化(huà)方式。(優化(huà)是指：對(duì)浏覽器是否支持框架進行判斷以及iframe寬高(gāo)度自适應頁面)
0: 無iframe
1:有1-2個(gè)iframe，且無優化(huà)
2:多(duō)于2個(gè)iframe，且無優化(huà)
頁面布局要重點突出，圖文并茂;做(zuò)數據統計，将目标客戶最感興趣的(de)放置在最重要最顯著的(de)位置(一般爲頁面的(de)頭部和(hé)左上角)
0:重點突出，圖文并茂，且在最重要的(de)位置放的(de)是用(yòng)戶最感興趣的(de)
1:重點不突出或沒有圖文并茂
2:重點不突出且沒有圖文并茂
交互設計
表單的(de)填寫流程要清晰、簡潔，必填的(de)項要放在頁面的(de)顯著位置(主體頁面的(de)頭部，)，非必填項不能影(yǐng)響用(yòng)戶填寫的(de)效率。
0：必填項位置顯著，非必填項沒有影(yǐng)響用(yòng)戶填寫的(de)效率
1： 必填項位置不顯著或非必填項影(yǐng)響了(le)用(yòng)戶填寫的(de)效率
2： 必填項和(hé)非必填項混在一起，影(yǐng)響了(le)用(yòng)戶填寫的(de)效率
表單的(de)填寫盡量多(duō)采用(yòng)既有選擇也(yě)有輸入的(de)方式，需填寫部分(fēn)需注明(míng)内容的(de)實例，并對(duì)字段作出限制。
0： 既有選擇也(yě)有輸入的(de)方式，并有注明(míng)實例
1： 沒有選擇性輸入或沒有注明(míng)填寫的(de)實例
2: 沒有選擇性輸入且沒有注明(míng)填寫的(de)實例
對(duì)于交互性的(de)按鈕必須清晰突出，以确保用(yòng)戶可(kě)以清楚地點擊。
0： 調查10人(rén)(8人(rén)或以上的(de)人(rén)很快(kuài)就能點擊到按鈕)
1： 調查10人(rén)(隻一半的(de)人(rén)很快(kuài)就能點擊到按鈕)
2: 調查10人(rén)(6人(rén)或以上的(de)人(rén)在短時(shí)間找不到要點擊的(de)按鈕)
點擊：浏覽過的(de)信息需要顯示爲不同的(de)狀态，以區(qū)分(fēn)于未閱讀内容，避免重複閱讀。
0： 有不同的(de)狀态顯示
1： 隻有部分(fēn)有不同的(de)狀态顯示
2: 沒有狀态顯示
盡量減少新開的(de)窗(chuāng)口，以避免開過多(duō)的(de)無效窗(chuāng)口：打開的(de)IE新窗(chuāng)口不超過2層;打開的(de)IE / DIV / alert 新窗(chuāng)口總不超過三個(gè)，避免在DIV窗(chuāng)口再打開DIV窗(chuāng)口。
0：IE窗(chuāng)口<=2 IE+DIV+ALERT 新窗(chuāng)口 <=3,DIV窗(chuāng)口沒有再打開DIV窗(chuāng)口
1：IE窗(chuāng)口>=2或 IE+DIV+ALERT 新窗(chuāng)口 >=3或DIV窗(chuāng)口沒有再打開DIV窗(chuāng)口
2: IE窗(chuāng)口>=2 IE+DIV+ALERT 新窗(chuāng)口 >=3,DIV窗(chuāng)口有再打開DIV窗(chuāng)口
涉及到用(yòng)戶操作的(de)東西，要有及時(shí)、清楚的(de)錯誤、成功或信息提示;并要能保存上一步操作。
0：有及時(shí)清楚地提示，能保存上一步操作
1： 無提示或不能保存上一步操作
2: 無提示也(yě)不能保存上一步操作
對(duì)于每一個(gè)點擊進行友好提示，以增加浏覽者的(de)親和(hé)度，對(duì)圖片、圖标、鏈接有TIP提示或在相應位置加“說明(míng)”、“注意”的(de)文字信息。
0： 每一個(gè)點擊進行友好提示
1： 有提示，但提示不友好 無友好的(de)提示
對(duì)用(yòng)戶輸入性的(de)操作，提供快(kuài)速反饋;将光(guāng)标定位到第一個(gè)要輸入的(de)表單對(duì)象上，給用(yòng)戶心理(lǐ)上的(de)暗示，避免用(yòng)戶焦急。
0： 有快(kuài)速的(de)反饋，且有光(guāng)标定位
1： 反饋不快(kuài)速或無光(guāng)标定位
2: 無快(kuài)速反饋、無光(guāng)标定位
欄目的(de)命名要與欄目内容準确相關，簡潔清晰，不宜過于深奧。
0： 調查10人(rén)(8人(rén)或以上的(de)人(rén)認爲欄目命名很好)
1： 調查10人(rén)(隻一半的(de)人(rén)認爲欄目命名好)
2: 調查10人(rén)(6人(rén)或以上的(de)人(rén)認爲欄目命名深奧)
導航要清晰，欄目的(de)層級最多(duō)不超過三層;且随時(shí)轉移功能，很容易從一個(gè)功能跳到另外一個(gè)功能。
0： 導航欄的(de)層級不超過3層
1： 導航欄的(de)層級爲4層
2: 導航欄的(de)層級多(duō)于4層
在頁面的(de)醒目位置(主體頁面的(de)頭部)，提供信息搜索框和(hé)排序功能，便于查找到所需内容
0：有醒目的(de)搜索框和(hé)排序功能
1： 有搜索框和(hé)排序但不醒目
2: 無搜索框和(hé)排序
正常情況下(xià),盡量确保頁面在5秒内打開。如果是大(dà) 型門戶網站，必須考慮南(nán)北(běi)互通(tōng)問題，進行必要的(de)壓力測試
0： 1 – 2秒内打開
1： 3 -5秒内打開
2: 5秒以上打開
讓用(yòng)戶控制界面(界面的(de)大(dà)小、位置、最大(dà)化(huà)、最小化(huà)、關閉、滾動條控制等)
0： 用(yòng)戶能很好的(de)控制
1： 控制不完善
2: 用(yòng)戶不能控制
無論用(yòng)戶浏覽到哪一個(gè)層級，哪一個(gè)頁面，都可(kě)以清楚知道自己當前的(de)位置，使其做(zuò)出下(xià)一步行動的(de)決定。
0： 每個(gè)層級每個(gè)頁面都有當前的(de)位置
1： 沒有當前的(de)位置或不知道下(xià)步的(de)操作
2: 用(yòng)戶不知道自己在哪，也(yě)不知道下(xià)一步幹嘛。
對(duì)信息量大(dà)的(de)操作要有批量處理(lǐ)的(de)功能(如審核、删除、添加等)
0： 有批量處理(lǐ)的(de)功能
1： 隻有部分(fēn)有批量處理(lǐ)
2: 無批量處理(lǐ)的(de)功能
視覺設計
界面風格要協調一緻，讓用(yòng)戶有一個(gè)整體的(de)感覺。 (最好能提供換膚的(de)功能)
0： 典型用(yòng)戶調查10人(rén)(符合8-7人(rén)的(de)習(xí)慣)
1： 典型用(yòng)戶調查10人(rén)(符合5 - 6人(rén)的(de)習(xí)慣)
2: 典型用(yòng)戶調查10人(rén)(符合1-4的(de)習(xí)慣)
采用(yòng)易于閱讀的(de)字體，避免文字過小或過密造成的(de)閱讀障礙。(主體字 中文采用(yòng)标準的(de)12PX 宋體;英文采用(yòng)12PX Arial 字體)
0： 文字便于閱讀且有字體大(dà)中小設置
1： 文字過小或文字過密
2: 文字過小且過密，沒有字體大(dà)中小的(de)設置
動畫(huà)效果要與主畫(huà)面相協調，文件大(dà)小在10K以上的(de)要有加載畫(huà)面。
0： 動畫(huà)與頁面協調，有加載畫(huà)面
1： 動畫(huà)與頁面不太協調或10K以上動畫(huà)無加載頁面
2: 動畫(huà)與頁面不太協調且10K以上動畫(huà)無加載頁面
圖片展示要比例協調、不變形，圖片清晰。
0： 圖片清晰且不變形
1： 圖片不清晰或變形
2: 圖片不清晰且變形
圖标使用(yòng)要簡潔、明(míng)了(le)、易懂(dǒng)、準确，與頁面整體風格統一;盡量使用(yòng)真實世界的(de)比喻。如：電話(huà)、打印機的(de)圖标設計，尊重用(yòng)戶以往的(de)使用(yòng)經驗。同樣的(de)功能用(yòng)同樣的(de)圖形。
0： 調查10人(rén)(8人(rén)或以上的(de)人(rén)認爲圖标使用(yòng)合理(lǐ))
1： 調查10人(rén)(隻一半的(de)人(rén)認爲圖标合理(lǐ))
2: 調查10人(rén)(6人(rén)或以上的(de)人(rén)認爲圖标使用(yòng)不合理(lǐ))
對(duì)于長(cháng)篇文章(zhāng) 進行分(fēn)頁浏覽，超過1.5屏時(shí) 進行翻頁(15寸顯示器爲準)
0： 超過1.5屏能分(fēn)頁浏覽
1： 2屏以上才分(fēn)頁浏覽
2: 無分(fēn)頁浏覽功能
色彩與内容。整體不超過5個(gè)色系，盡量少用(yòng)紅色、綠色。近似的(de)顔色表示近似的(de)意思。以恰當的(de)色彩明(míng)度和(hé)亮度，确保浏覽者的(de)浏覽舒适度。
0： 小于5，主色沒有用(yòng)到紅色和(hé)綠色
1： 整體色調是紅或綠或整體色系超出5個(gè)
2: 整體色調就是紅或綠，色系超出5個(gè)
提供界面的(de)快(kuài)捷方式，一個(gè)功能有多(duō)個(gè)入口;快(kuài)捷方式體現出其關聯性，放在顯著的(de)位置(頁面的(de)頭部或左上角)
0： 在顯著有關聯性的(de)快(kuài)捷方式
1： 有快(kuài)捷方式但位置不顯著
2: 無快(kuài)捷方式
減少短期記憶的(de)負擔。讓計算(suàn)機幫助記憶，例：登錄的(de)用(yòng)戶名、密碼、IE進入界面地址可(kě)以讓機器記住。
0： 有計算(suàn)機幫助記憶
1： 有部分(fēn)記憶功能
2: 無計算(suàn)機幫助記憶。
對(duì)于手機客戶端的(de)用(yòng)戶體驗标準，可(kě)以從這(zhè)三個(gè)方向進行評估：結構設計請檢驗：1、2、5 交互設計可(kě)以全部，但是第5項改爲盡可(kě)能減少打開鏈接。視覺設計也(yě)是可(kě)以全部，但是對(duì)于第
二項字體，iphone以及安卓，有自己标準的(de)字體，按照(zhào)其标準設計，就是用(yòng)戶體驗的(de)最佳狀态。另蘋果對(duì)UI是由标準的(de)，下(xià)載一份标準。按照(zhào)标準來(lái)，體驗最好。
