超全面的 UI 工作流程指南（五）：設(shè)計(jì)評(píng)審

設(shè)計(jì)評(píng)審是一種可用性測(cè)查工具，通常由一個(gè)評(píng)審員審查設(shè)計(jì)方案中的可用性問題。

往期回顧：

• 《超全面的 UI 設(shè)計(jì)工作流程指南（一）：需求分析》
• 《超全面的 UI 工作流程指南（二）：原型設(shè)計(jì)》
• 《超全面的 UI 工作流程指南（三）：視覺設(shè)計(jì)》
• 《超全面的 UI 工作流程指南（四）：設(shè)計(jì)規(guī)范》

「設(shè)計(jì)評(píng)審」一詞頗為廣義，涉及數(shù)種可用性測(cè)查方法，且每一種的運(yùn)用因人（評(píng)審員）而異、因評(píng)審目的而異。常見的設(shè)計(jì)評(píng)審方法有：

• 啟發(fā)式評(píng)估（Heuristic Evaluation）。啟發(fā)式評(píng)估的標(biāo)準(zhǔn)是設(shè)計(jì)方案需遵循一套設(shè)計(jì)原則，比如尼爾森十大可用性原則。
• 獨(dú)立設(shè)計(jì)準(zhǔn)則（Standalone Design Critique）。獨(dú)立設(shè)計(jì)準(zhǔn)則是（通常以群組對(duì)話的形式）對(duì)進(jìn)行中的設(shè)計(jì)加以分析，以決策設(shè)計(jì)方案是否達(dá)成目標(biāo)、體驗(yàn)友好的一種評(píng)估方法。
• 專家評(píng)審（Expert Review）。專家評(píng)審是指由 UX 專家對(duì)網(wǎng)站/或網(wǎng)站部分功能，App 應(yīng)用/App 中部分功能進(jìn)行可用性問題的精細(xì)檢查。很多公司分不清專家評(píng)審和啟發(fā)式評(píng)估兩者的界限，把專家評(píng)審當(dāng)做是比啟發(fā)式評(píng)估更加通用的方法也是可以的。

原型交互評(píng)審

原型完成后召集至少兩三個(gè)設(shè)計(jì)師或者對(duì)交互比較了解的人，使用并評(píng)測(cè)原型。你可以將原型所關(guān)注的幾個(gè)任務(wù)列出來，以免專家不知道原型哪部分可交互哪部分不可交互。

第一種方法比較常用的評(píng)測(cè)方法是啟發(fā)式評(píng)估法，而這種方法比較常見的標(biāo)準(zhǔn)是尼爾森交互設(shè)計(jì)法則（Nielsen Heuristic）。以下是十條尼爾森交互設(shè)計(jì)法則：

• 系統(tǒng)狀態(tài)是否可見
• 系統(tǒng)是否符合現(xiàn)實(shí)世界的習(xí)慣
• 用戶是否能自由地控制系統(tǒng)
• 統(tǒng)一與標(biāo)準(zhǔn)
• 錯(cuò)誤防范
• 減輕低用戶的記憶負(fù)擔(dān)
• 靈活性和效率
• 美觀簡(jiǎn)潔
• 幫助用戶認(rèn)知、了解錯(cuò)誤，并從錯(cuò)誤中恢復(fù)
• 幫助文檔

第二種常用方法是SUS（系統(tǒng)可用性量表），最初是 Brooke 于1986年編制，量表由10個(gè)題目組成，包括奇數(shù)項(xiàng)的正面陳述和偶數(shù)項(xiàng)的反面陳述，要求參與者在使用系統(tǒng)或產(chǎn)品后對(duì)每個(gè)題目進(jìn)行5點(diǎn)評(píng)分。

• 量表公開免費(fèi)。
• 整個(gè)量表題目陳述簡(jiǎn)單，只需參與者打分，實(shí)施起來很快。
• 測(cè)量結(jié)果是介于0-100之間的分?jǐn)?shù)，容易理解。
• 可測(cè)量多種用戶界面，比如網(wǎng)頁、手機(jī)、平板等。

△ SUS(系統(tǒng)可用性量表) 分?jǐn)?shù)

當(dāng)參與者做完一系列任務(wù)后，就可以快速對(duì)SUS進(jìn)行打分。然后就需要對(duì)每個(gè)題目的分值進(jìn)行轉(zhuǎn)換，奇數(shù)項(xiàng)計(jì)分采用「原始得分-1」，偶數(shù)項(xiàng)計(jì)分采用「5-原始得分」。由于是5點(diǎn)量表，每個(gè)題目的得分范圍記為0~4（最大值為40），而SUS的范圍在0~100，故需要把所有項(xiàng)的轉(zhuǎn)換分相加，最終再乘以2.5，即可獲得SUS分?jǐn)?shù)。

將SUS分?jǐn)?shù)換算成百分等級(jí)來解釋，百分等級(jí)的意思是指測(cè)量的產(chǎn)品或系統(tǒng)相對(duì)于總數(shù)據(jù)庫里其他產(chǎn)品或系統(tǒng)的可用性程度。

△ SUS評(píng)分參考

從圖中我們可以看出評(píng)分達(dá)到70分左右，就可以比市面上一半產(chǎn)品可用性要好，也就是說這個(gè)產(chǎn)品的用戶體驗(yàn)算是合格了。

用戶體驗(yàn)評(píng)審

使用用戶體驗(yàn)問題記錄表，組織相應(yīng)的評(píng)估小組人員，參與評(píng)估人數(shù)越多越好，樣本越多越好。為了提升工作效率，可以直接通過發(fā)放記錄表給到評(píng)估人員，再統(tǒng)一回收就好。

△ 用戶體驗(yàn)問題記錄表

包括問題所在位置、對(duì)應(yīng)的二十一條可用性原則、嚴(yán)重程度等級(jí)、問題描述。

1. 問題分析整理

通過收集用戶體驗(yàn)問題記錄表，進(jìn)行小組會(huì)議討論，把問題總結(jié)歸類，并對(duì)所有問題做一個(gè)統(tǒng)一的規(guī)范分類。（例可優(yōu)化問題保留，不是體驗(yàn)問題的舍棄）。

當(dāng)問題總結(jié)歸類完成后，下一步需要引入「用戶體驗(yàn)八陣圖」來對(duì)應(yīng)相應(yīng)頁面，讓我們能夠更直觀的了解到現(xiàn)有項(xiàng)目中精細(xì)到單個(gè)頁面中所面臨的用戶體驗(yàn)設(shè)計(jì)問題，這樣一來，可以快速發(fā)現(xiàn)體驗(yàn)問題最多是哪個(gè)頁面？體驗(yàn)問題最嚴(yán)重的是哪個(gè)頁面？體驗(yàn)問題中哪個(gè)模塊的問題最多？等。

△ 用戶體驗(yàn)八陣圖

中心向外為問題嚴(yán)重等級(jí)，依次為：小問題（1）、次要問題（2）、主要問題（3）、災(zāi)難性問題（4）

應(yīng)對(duì)到「用戶體驗(yàn)問題記錄表」中的「問題嚴(yán)重等級(jí)」。

△ 把收集到的問題以「點(diǎn)」的形式點(diǎn)到對(duì)應(yīng)模塊的八陣圖當(dāng)中

2. 優(yōu)化方案：

• 通過 SUS系統(tǒng)可用性量表知道了產(chǎn)品的整體體驗(yàn)處于什么水平。
• 通過協(xié)作啟發(fā)式評(píng)估知道了產(chǎn)品的用戶體驗(yàn)到底有哪些問題。
• 通過最新21條可用性原則知道了如何避免出現(xiàn)體驗(yàn)問題。
• 通過用戶體驗(yàn)八陣圖知道了哪些模塊最迫切需要優(yōu)化。

更多與設(shè)計(jì)評(píng)審相關(guān)內(nèi)容：《一個(gè)完整的設(shè)計(jì)評(píng)審流程是怎樣的？來看這篇總結(jié)！》

項(xiàng)目走查

1. 檢查需求

檢查設(shè)計(jì)方案是否滿足需求，是否完成了原型設(shè)計(jì)中覆蓋的全部設(shè)計(jì)點(diǎn)。

2. 檢查規(guī)范

檢查方案排版和對(duì)齊是否準(zhǔn)確，產(chǎn)品設(shè)計(jì)要檢查控件尺寸字體字號(hào)是否符合設(shè)計(jì)規(guī)范，運(yùn)營設(shè)計(jì)要檢查字體字號(hào)是否符合運(yùn)營設(shè)計(jì)規(guī)范。

3. 閱讀順序

產(chǎn)品設(shè)計(jì)檢查方案的使用順序是否符合產(chǎn)品使用流程及用戶預(yù)期，運(yùn)營設(shè)計(jì)檢查閱讀順序是否滿足運(yùn)營引導(dǎo)用戶閱讀的需求。

4. 視覺表達(dá)

評(píng)估設(shè)計(jì)創(chuàng)意是否有服務(wù)于設(shè)計(jì)目標(biāo)，視覺表達(dá)手法是否處理到位。

本篇到此暫告一段落，敬請(qǐng)期待下文。

注：本系列文章為優(yōu)設(shè)獨(dú)家專題，請(qǐng)勿轉(zhuǎn)載。

歡迎添加作者微信交流：