總分越高，說(shuō)明該條的用戶體驗(yàn)越差，最后我們將得出的總分來(lái)判斷問(wèn)題的用戶體驗(yàn)值：總分在0 – 5 分且單個(gè)標(biāo)準(zhǔn)在2分以下的（標(biāo)示用戶體驗(yàn)為良好）；總分在5 – 10分且單個(gè)標(biāo)準(zhǔn)在2分以下的（標(biāo)示用戶體驗(yàn)為較差）；總分在十分以上或有2個(gè)2分以上的標(biāo)準(zhǔn)的（標(biāo)示用戶體驗(yàn)為很差）。

結(jié)構(gòu)設(shè)計(jì)

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

0：足夠看到主要內(nèi)容

1：只看到2/3看到

2：小于1/3的內(nèi)容

• 盡量避免使用結(jié)構(gòu)復(fù)雜的表格，表格嵌套不要超過(guò)3層；

0：小于等于2層

1：三到四層

2：五層或五層以上

• 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏幕。（以1024X768為準(zhǔn)）

0:長(zhǎng)小于3屏，寬小于1屏

1:長(zhǎng)超出3屏或?qū)挸?屏

2:長(zhǎng)超出3屏，寬超1屏

• 頁(yè)面避免使用iframe，如果必須使用，采用對(duì)應(yīng)的優(yōu)化方式。（優(yōu)化是指：對(duì)瀏覽器是否支持框架進(jìn)行判斷以及iframe寬高度自適應(yīng)頁(yè)面）

0:?無(wú)iframe

1:有1-2個(gè)iframe，且無(wú)優(yōu)化

2:多于2個(gè)iframe,且無(wú)優(yōu)化

• 頁(yè)面布局要重點(diǎn)突出，圖文并茂；做數(shù)據(jù)統(tǒng)計(jì)，將目標(biāo)客戶最感興趣的放置在最重要最顯著的位置（一般為頁(yè)面的頭部和左上角）

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

1:重點(diǎn)不突出或沒(méi)有圖文并茂

2:重點(diǎn)不突出且沒(méi)有圖文并茂

交互設(shè)計(jì)

• 表單的填寫(xiě)流程要清晰、簡(jiǎn)潔，必填的項(xiàng)要放在頁(yè)面的顯著位置（主體頁(yè)面的頭部，），非必填項(xiàng)不能影響用戶填寫(xiě)的效率。

0：必填項(xiàng)位置顯著，非必填項(xiàng)沒(méi)有影響用戶填寫(xiě)的效率

1：?必填項(xiàng)位置不顯著或非必填項(xiàng)影響了用戶填寫(xiě)的效率

2：?必填項(xiàng)和非必填項(xiàng)混在一起，影響了用戶填寫(xiě)的效率

• 表單的填寫(xiě)盡量多采用既有選擇也有輸入的方式，需填寫(xiě)部分需注明內(nèi)容的實(shí)例，并對(duì)字段作出限制。

0：?既有選擇也有輸入的方式，并有注明實(shí)例

1：?沒(méi)有選擇性輸入或沒(méi)有注明填寫(xiě)的實(shí)例

2:?沒(méi)有選擇性輸入且沒(méi)有注明填寫(xiě)的實(shí)例

• 對(duì)于交互性的按鈕必須清晰突出，以確保用戶可以清楚地點(diǎn)擊。

0：?調(diào)查10人（8人或以上的人很快就能點(diǎn)擊到按鈕）

1：?調(diào)查10人（只一半的人很快就能點(diǎn)擊到按鈕）

2:?調(diào)查10人（6人或以上的人在短時(shí)間找不到要點(diǎn)擊的按鈕）

• 點(diǎn)擊：瀏覽過(guò)的信息需要顯示為不同的狀態(tài)，以區(qū)分于未閱讀內(nèi)容，避免重復(fù)閱讀。

0：?有不同的狀態(tài)顯示

1：?只有部分有不同的狀態(tài)顯示

2:?沒(méi)有狀態(tài)顯示

• 盡量減少新開(kāi)的窗口，以避免開(kāi)過(guò)多的無(wú)效窗口：打開(kāi)的IE新窗口不超過(guò)2層；打開(kāi)的IE / DIV / alert 新窗口總不超過(guò)三個(gè)，避免在DIV窗口再打開(kāi)DIV窗口。

0：?IE窗口<=2 IE+DIV+ALERT 新窗口 <=3,DIV窗口沒(méi)有再打開(kāi)DIV窗口

1：IE窗口>=2或 IE+DIV+ALERT 新窗口 >=3或DIV窗口沒(méi)有再打開(kāi)DIV窗口

2:?IE窗口>=2 IE+DIV+ALERT 新窗口 >=3,DIV窗口有再打開(kāi)DIV窗口

• 涉及到用戶操作的東西，要有及時(shí)、清楚的錯(cuò)誤、成功或信息提示；并要能保存上一步操作。

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

1：?無(wú)提示或不能保存上一步操作

2:?無(wú)提示也不能保存上一步操作

• 對(duì)于每一個(gè)點(diǎn)擊進(jìn)行友好提示，以增加瀏覽者的親和度，對(duì)圖片、圖標(biāo)、鏈接有TIP提示或在相應(yīng)位置加“說(shuō)明”、“注意”的文字信息。

0：?每一個(gè)點(diǎn)擊進(jìn)行友好提示

1：?有提示，但提示不友好 無(wú)友好的提示

• 對(duì)用戶輸入性的操作，提供快速反饋；將光標(biāo)定位到第一個(gè)要輸入的表單對(duì)象上，給用戶心理上的暗示，避免用戶焦急。

0：?有快速的反饋，且有光標(biāo)定位

1：?反饋不快速或無(wú)光標(biāo)定位

2:?無(wú)快速反饋、無(wú)光標(biāo)定位

• 欄目的命名要與欄目?jī)?nèi)容準(zhǔn)確相關(guān)，簡(jiǎn)潔清晰，不宜過(guò)于深?yuàn)W。

0：?調(diào)查10人（8人或以上的人認(rèn)為欄目命名很好）

1：?調(diào)查10人（只一半的人認(rèn)為欄目命名好）

2:?調(diào)查10人（6人或以上的人認(rèn)為欄目命名深?yuàn)W）

• 導(dǎo)航要清晰，欄目的層級(jí)最多不超過(guò)三層；且隨時(shí)轉(zhuǎn)移功能，很容易從一個(gè)功能跳到另外一個(gè)功能。

0：?導(dǎo)航欄的層級(jí)不超過(guò)3層

1：?導(dǎo)航欄的層級(jí)為4層

2:?導(dǎo)航欄的層級(jí)多于4層

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

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

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

2:?無(wú)搜索框和排序

• 正常情況下,盡量確保頁(yè)面在5秒內(nèi)打開(kāi)。如果是大 型門(mén)戶網(wǎng)站，必須考慮南北互通問(wèn)題，進(jìn)行必要的壓力測(cè)試

0：?1 – 2秒內(nèi)打開(kāi)

1：?3 -5秒內(nèi)打開(kāi)

2:?5秒以上打開(kāi)

• 讓用戶控制界面（界面的大小、位置、最大化、最小化、關(guān)閉、滾動(dòng)條控制等）

0：?用戶能很好的控制

1：?控制不完善

2:?用戶不能控制

• 無(wú)論用戶瀏覽到哪一個(gè)層級(jí)，哪一個(gè)頁(yè)面，都可以清楚知道自己當(dāng)前的位置，使其做出下一步行動(dòng)的決定。

0：?每個(gè)層級(jí)每個(gè)頁(yè)面都有當(dāng)前的位置

1：?沒(méi)有當(dāng)前的位置或不知道下步的操作

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

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

0：?有批量處理的功能

1：?只有部分有批量處理

2:?無(wú)批量處理的功能

視覺(jué)設(shè)計(jì)

• 界面風(fēng)格要協(xié)調(diào)一致，讓用戶有一個(gè)整體的感覺(jué)。 （最好能提供換膚的功能）

0：?典型用戶調(diào)查10人（符合8-7人的習(xí)慣）

1：?典型用戶調(diào)查10人（符合5 – 6人的習(xí)慣）

2:?典型用戶調(diào)查10人（符合1-4的習(xí)慣）

• 采用易于閱讀的字體，避免文字過(guò)小或過(guò)密造成的閱讀障礙。（主體字 中文采用標(biāo)準(zhǔn)的12PX 宋體；英文采用12PX Arial 字體）

0：?文字便于閱讀且有字體大中小設(shè)置

1：?文字過(guò)小或文字過(guò)密

2:?文字過(guò)小且過(guò)密，沒(méi)有字體大中小的設(shè)置

• 動(dòng)畫(huà)效果要與主畫(huà)面相協(xié)調(diào)，文件大小在10K以上的要有加載畫(huà)面。

0：?動(dòng)畫(huà)與頁(yè)面協(xié)調(diào)，有加載畫(huà)面

1：?動(dòng)畫(huà)與頁(yè)面不太協(xié)調(diào)或10K以上動(dòng)畫(huà)無(wú)加載頁(yè)面

2:?動(dòng)畫(huà)與頁(yè)面不太協(xié)調(diào)且10K以上動(dòng)畫(huà)無(wú)加載頁(yè)面

• 圖片展示要比例協(xié)調(diào)、不變形，圖片清晰。

0：?圖片清晰且不變形

1：?圖片不清晰或變形

2:?圖片不清晰且變形

• 圖標(biāo)使用要簡(jiǎn)潔、明了、易懂、準(zhǔn)確，與頁(yè)面整體風(fēng)格統(tǒng)一；盡量使用真實(shí)世界的比喻。如：電話、打印機(jī)的圖標(biāo)設(shè)計(jì)，尊重用戶以往的使用經(jīng)驗(yàn)。同樣的功能用同樣的圖形。

0：?調(diào)查10人（8人或以上的人認(rèn)為圖標(biāo)使用合理）

1：?調(diào)查10人（只一半的人認(rèn)為圖標(biāo)合理）

2:?調(diào)查10人（6人或以上的人認(rèn)為圖標(biāo)使用不合理）

• 對(duì)于長(zhǎng)篇文章 進(jìn)行分頁(yè)瀏覽，超過(guò)1.5屏?xí)r 進(jìn)行翻頁(yè)（15寸顯示器為準(zhǔn)）

0：?超過(guò)1.5屏能分頁(yè)瀏覽

1：?2屏以上才分頁(yè)瀏覽

2:?無(wú)分頁(yè)瀏覽功能

• 色彩與內(nèi)容。整體不超過(guò)5個(gè)色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。以恰當(dāng)?shù)纳拭鞫群土炼龋_保瀏覽者的瀏覽舒適度。

0：?小于5，主色沒(méi)有用到紅色和綠色

1：?整體色調(diào)是紅或綠或整體色系超出5個(gè)

2:?整體色調(diào)就是紅或綠，色系超出5個(gè)

• 提供界面的快捷方式，一個(gè)功能有多個(gè)入口；快捷方式體現(xiàn)出其關(guān)聯(lián)性，放在顯著的位置（頁(yè)面的頭部或左上角）

0：?在顯著有關(guān)聯(lián)性的快捷方式

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

2:?無(wú)快捷方式

• 減少短期記憶的負(fù)擔(dān)。讓計(jì)算機(jī)幫助記憶，例：登錄的用戶名、密碼、IE進(jìn)入界面地址可以讓機(jī)器記住。

0：?有計(jì)算機(jī)幫助記憶

1：?有部分記憶功能

2:?無(wú)計(jì)算機(jī)幫助記憶。
對(duì)于手機(jī)客戶端的用戶體驗(yàn)標(biāo)準(zhǔn)，可以從這三個(gè)方向進(jìn)行評(píng)估：結(jié)構(gòu)設(shè)計(jì)請(qǐng)檢驗(yàn)：1、2、5 交互設(shè)計(jì)可以全部，但是第5項(xiàng)改為盡可能減少打開(kāi)鏈接。視覺(jué)設(shè)計(jì)也是可以全部，但是對(duì)于第二項(xiàng)字體，iphone以及安卓，有自己標(biāo)準(zhǔn)的字體，按照其標(biāo)準(zhǔn)設(shè)計(jì)，就是用戶體驗(yàn)的最佳狀態(tài)。另蘋(píng)果對(duì)UI是由標(biāo)準(zhǔn)的，下載一份標(biāo)準(zhǔn)。按照標(biāo)準(zhǔn)來(lái)，體驗(yàn)最好。