今天我們來(lái)聊聊可用性測(cè)試，整個(gè)大概會(huì)分成兩篇文章來(lái)講解。
首先我來(lái)說(shuō)說(shuō)，為什么要來(lái)講這個(gè)，之前有很多做ui的都在問(wèn)我，ui設(shè)計(jì)感覺(jué)好像難度不大，沒(méi)有平面做的那么考驗(yàn)創(chuàng)意，現(xiàn)在界面都大同小異。而且也有很多人做了一兩年后很迷茫，感覺(jué)ui做的東西沒(méi)有什么難點(diǎn)，也感覺(jué)沒(méi)有很高的成就感。甚至還有很多人給我說(shuō)，現(xiàn)在ui不好找工作了，自己找工作很吃力，面試了很多家都沒(méi)有結(jié)果……其實(shí)還有很多，歸根結(jié)底，我認(rèn)為大家的問(wèn)題出現(xiàn)在了對(duì)ui的不夠理解，也沒(méi)有真的明白，ui到底是做什么的。
UI其實(shí)不單單只是設(shè)計(jì)工作，所以我們?nèi)绻皇瞧娴囊栽O(shè)計(jì)思維去看，會(huì)感覺(jué)他甚至沒(méi)有平面要求高，這主要是大家現(xiàn)在基本都是去借鑒，甚至連圖標(biāo)都是直接下載就使用了。這也就好比，我們做平面設(shè)計(jì)的時(shí)候，直接去套用的都是模版，甚至連logo都是自動(dòng)生成一樣，所以說(shuō)ui沒(méi)有什么設(shè)計(jì)難度的，也只是你沒(méi)有奔著認(rèn)真去做罷了。
好了，言歸正傳，其實(shí)ui設(shè)計(jì)我們可以把他理解為是服務(wù)，我們做的是需要服務(wù)我們的客戶，也需要服務(wù)我們的產(chǎn)品，那這里面你的設(shè)計(jì)到底成不成功，絕大多數(shù)就來(lái)自于用戶的反饋，而可用性測(cè)試就是我們產(chǎn)品上線之前，做的一個(gè)非常關(guān)鍵的測(cè)試環(huán)節(jié)，這個(gè)可以快速反饋出你的產(chǎn)品設(shè)計(jì)是不是真的如你所愿那樣。
一、什么是可用性測(cè)試
可用性是一個(gè)產(chǎn)品的重要指標(biāo)，一般我們?cè)诋a(chǎn)品上線之前做可用性測(cè)試。
產(chǎn)品的可用性指的是產(chǎn)品對(duì)用戶來(lái)說(shuō)有效、易學(xué)、高效、好記、少錯(cuò)的程度，即用戶能否用產(chǎn)品完成他的任務(wù)，效率如何，主觀感受怎樣，實(shí)際上是從用戶角度所看到的產(chǎn)品質(zhì)量。
這是一個(gè)在產(chǎn)品設(shè)計(jì)理論早期提出的概念，但到現(xiàn)在也很經(jīng)典。
原詞Usability，被翻譯成可用性、易用性，還有極少數(shù)人將其翻譯成合用性。
可用性包括：有效、易學(xué)、高效、少錯(cuò)。
易用性與可用性的區(qū)別是，易用性是不包括有效的，而可用性是包括這四點(diǎn)的。
可用性與易用性的區(qū)別可參考此鏈接：http://www.360doc.com/content/07/0308/16/9936_389223.shtml
1.1有效：
有效是最低級(jí)別的體驗(yàn)保證，有效在一定程度上能夠檢驗(yàn)產(chǎn)品定位、市場(chǎng)調(diào)查。
如果產(chǎn)品投放出去反響不好或者賣不好，可能是產(chǎn)品定位的問(wèn)題，所以有效性在一定程度上能檢驗(yàn)產(chǎn)品定位和市場(chǎng)調(diào)查是否正確。
在評(píng)價(jià)有效時(shí)要注意以下兩點(diǎn)：
1）是否能夠解決問(wèn)題是有效性的關(guān)鍵
評(píng)判有效性的一個(gè)標(biāo)準(zhǔn)就是這個(gè)產(chǎn)品是否能夠解決問(wèn)題。
比如做一個(gè)計(jì)算器，結(jié)果該產(chǎn)品只能做加減法，不能做乘除法，那這款產(chǎn)品就違背了有效這一原則。
2）是否更有效是在對(duì)比中產(chǎn)生，要結(jié)合環(huán)境談可用性
是否有效的結(jié)果是在對(duì)比之中產(chǎn)生的，在對(duì)比之中要考慮環(huán)境，比如去爬山的時(shí)候，舒適的運(yùn)動(dòng)鞋要比靚麗的高跟鞋更合適。種小樹(shù)苗挖坑時(shí)，我們選擇挖掘機(jī)還是鐵鍬來(lái)挖更有效？這時(shí)鐵鍬就比挖掘機(jī)更有效。
1.2易學(xué)：
保證有效的基礎(chǔ)上，還要考慮一個(gè)產(chǎn)品的使用門(mén)檻的高低
1）能解決用戶很著急要解決的問(wèn)題
2）大眾產(chǎn)品不能像專業(yè)軟件一樣需要長(zhǎng)時(shí)間學(xué)習(xí)
就像你朋友需要你推薦一款美顏的工具，你向她推薦了PS一樣。
那什么樣的設(shè)計(jì)是最容易學(xué)的呢？
1）已經(jīng)學(xué)過(guò)并經(jīng)常使用的
2）低認(rèn)知成本的
根據(jù)雅各布定律【用戶將大部分時(shí)間花在別人家的網(wǎng)站（產(chǎn)品）上，而不是你的。這意味著他們希望你的網(wǎng)站（產(chǎn)品）跟別人的有相同的操作方法和使用模式?！?，簡(jiǎn)之就是用戶希望用到新產(chǎn)品時(shí)，操作與之前用過(guò)的產(chǎn)品一樣。
3）無(wú)需學(xué)習(xí)的
比如呼吸，吃飯，這些是靠本能去完成的，消耗的能量都非常低
什么情況下產(chǎn)品會(huì)遇到易學(xué)的問(wèn)題呢？
在界面功能比較多，例如有20個(gè)功能你無(wú)從下手時(shí)，這時(shí)候會(huì)產(chǎn)生易學(xué)的問(wèn)題，當(dāng)頁(yè)面就一兩個(gè)按鈕時(shí)一般不會(huì)存在易學(xué)的問(wèn)題。
1.3高效
1）提高工作效率
當(dāng)我們已經(jīng)能解決問(wèn)題了，我也學(xué)會(huì)了，然后我希望的當(dāng)然是快點(diǎn)把這個(gè)東西完成，不要耽誤下班。
2）創(chuàng)造價(jià)值
產(chǎn)品的最終目的是完成任務(wù)和創(chuàng)造價(jià)值。
就像送外賣，送得越多，賺錢越多，徒步去送，效率很低，騎電瓶車能有效提高效率。
1.4少錯(cuò)
1）產(chǎn)品本身的功能邏輯要正確
2）正確的引導(dǎo)和視覺(jué)表現(xiàn)
3）容錯(cuò)性、可恢復(fù)、減少出錯(cuò)的危害程度
刪除數(shù)據(jù)給出確認(rèn)提示框就是防止用戶誤操作。
再例如電腦崩了，ps里的內(nèi)容還沒(méi)保存而造成數(shù)據(jù)丟失，而sketch或印象筆記等是自動(dòng)保存，不過(guò)印象筆記網(wǎng)頁(yè)版在使用時(shí)也會(huì)因?yàn)樽詣?dòng)保存失敗而導(dǎo)致數(shù)據(jù)丟失。
4）符合自然的操作習(xí)慣
從有效、易學(xué)、高效、少錯(cuò)這四個(gè)維度來(lái)分析，可用性其實(shí)跟用戶體驗(yàn)類似。在產(chǎn)品初級(jí)階段我們提到的是可用性，在成熟階段提到的一般是用戶體驗(yàn)。
用戶體驗(yàn)包含的更廣，例如情感化設(shè)計(jì)、微交互、智能推薦、千人千面等，這些大部分可以歸到用戶體驗(yàn)里，但歸不到可用性這個(gè)概念里。
二、用戶體驗(yàn)的三個(gè)層次
可用性（有效，產(chǎn)品的定位）->易用性（易學(xué)、高效、少錯(cuò)）->愉悅性（例如新科技新視覺(jué)帶來(lái)的體驗(yàn)，內(nèi)容文案是愉悅性重要的組成部分，或者一些驚喜的東西）
三、可用性測(cè)試的流程
準(zhǔn)備->設(shè)計(jì)->招募->執(zhí)行->分析
3.1準(zhǔn)備
1）場(chǎng)地：獨(dú)立空間
2）測(cè)試設(shè)備：手機(jī)、電腦
3）軟件：錄屏軟件、屏幕共享軟件
4）攝像機(jī)、錄屏軟件、錄音筆、眼動(dòng)儀等
3.2設(shè)計(jì)
1）明確測(cè)試目的
例如測(cè)試找5-8個(gè)人，能找到80%的問(wèn)題。
2）測(cè)試改版后的整個(gè)產(chǎn)品
用戶能不能像他習(xí)慣的那樣完成目的，檢驗(yàn)改版后好壞的一個(gè)方法。
3）測(cè)試某一個(gè)功能
讓用戶體驗(yàn)這個(gè)功能就行。
4）對(duì)可能出現(xiàn)的結(jié)果進(jìn)行預(yù)判，作為驗(yàn)證過(guò)程
3.3招募
1）確定目標(biāo)測(cè)試用戶
比如你想對(duì)比兩個(gè)方案哪個(gè)好，你的目標(biāo)用戶一定要是用過(guò)之前方案的。
2）通過(guò)公司/私人渠道進(jìn)行邀約
3）確定時(shí)間地點(diǎn)進(jìn)行測(cè)試
如果條件實(shí)在有限，遠(yuǎn)程讓用戶錄屏也是可行的
3.4執(zhí)行
在執(zhí)行過(guò)程中要注意以下幾點(diǎn)：
1）避免設(shè)計(jì)者參與測(cè)試
如果是找同事測(cè)試，那一定是要沒(méi)有參與過(guò)產(chǎn)品設(shè)計(jì)的人員
2）明確說(shuō)明需要用戶做什么
方案一：
告訴用戶使用某產(chǎn)品的“比價(jià)球”功能。
方案二：
告知用戶假設(shè)現(xiàn)在他是某公司的商品采購(gòu)員，公司現(xiàn)在需要采購(gòu)一批辦公用品，需要保證低價(jià)購(gòu)買。
方案二給用戶制造了一種場(chǎng)景，這樣用戶會(huì)更入戲，做出的行為更符合正常用戶的操作。因?yàn)檎Ｓ脩魰?huì)是在某種環(huán)境中，然后去購(gòu)買辦公用品。場(chǎng)景盡量不一樣，像第一種更像是機(jī)械的告知，這樣用戶的行為可能性質(zhì)會(huì)變。
3）避免環(huán)境壓力
不要盯著用戶，讓他獨(dú)處，例如不要給用戶時(shí)間限制，給他一個(gè)這在錄屏的手機(jī)就行。
4）鼓勵(lì)用戶一邊操作一邊說(shuō)出想法
假如用戶購(gòu)買某產(chǎn)品VIP會(huì)員，進(jìn)行到付款時(shí)，她停留了5秒，這時(shí)她要是說(shuō)了一句：“怎么沒(méi)有微信支付功能？”，這就是說(shuō)明用戶對(duì)付款方式存在問(wèn)題。如果用戶付完款后說(shuō)：”咦，怎么查看下訂單啊“，然后用戶操作了很久都沒(méi)有找到訂單詳情，那么你就要考慮在訂單完成頁(yè)面加個(gè)查看詳情。
3.5分析：
1）用戶能否準(zhǔn)確認(rèn)知每個(gè)圖標(biāo)、功能的含義
如果不能就有可能違反了有效、高效。
2）能否快速找到繼續(xù)一個(gè)流程的操作在哪兒
如果不能就有可能違反了高效。?
3）是否存在無(wú)效操作，有多少？什么原因？
用戶在商品詳情頁(yè)，想搜索另一個(gè)商品，如果用戶點(diǎn)擊返回那是正確的，但如果用戶點(diǎn)擊了兩次返回后回到首頁(yè)再搜索，則違反了高效，我們需要在一個(gè)商品詳情頁(yè)搜索另一個(gè)商品，可以減少操作流程。
4）如果流程中斷，是什么原因？
有可能是設(shè)計(jì)的流程有問(wèn)題，但也可能是其他問(wèn)題，比如bug，要詳細(xì)查看中斷原因
四、常見(jiàn)的可用性問(wèn)題的類型
1）影響任務(wù)完成的行為
2）導(dǎo)致用戶”偏離航線“的行為
3）用戶表達(dá)出來(lái)的負(fù)面情緒、例如焦急、挫敗感等
例如用戶因?yàn)榭D而焦急，那就應(yīng)該優(yōu)化產(chǎn)品性能
4）沒(méi)有看到本應(yīng)該看到的內(nèi)容/提示
有很多用戶條款頁(yè)面，如果你不拉到最底下是不能進(jìn)行下一步的，這個(gè)設(shè)計(jì)體現(xiàn)了少錯(cuò)這一點(diǎn)，為了防止用戶沒(méi)有看到本應(yīng)該看到的條款項(xiàng)目而設(shè)計(jì)的。
舉個(gè)反面例子，有次在CCtalk（電腦端）上課時(shí)，老師將聊天窗口往上滑動(dòng)了很多，導(dǎo)致老師看不見(jiàn)同學(xué)的互動(dòng)的新消息，然后老師就反復(fù)詢問(wèn)自己是否掉線了，因?yàn)楫a(chǎn)品沒(méi)有設(shè)計(jì)應(yīng)有的提示而導(dǎo)致用戶迷茫，用戶沒(méi)有得到正確的反饋，缺少高、少錯(cuò)。
微信移動(dòng)端老版本中新消息的優(yōu)先級(jí)要高于舊消息，當(dāng)我們本身就停留在某群聊窗口時(shí)，有新消息來(lái)時(shí)會(huì)自動(dòng)滾動(dòng)到最下面，所以當(dāng)我想仔細(xì)閱讀舊消息時(shí)，會(huì)頻繁被新消息拉到最底下，然后不得不頻繁往上翻。新版移動(dòng)端微信在當(dāng)前窗口有新消息時(shí)也沒(méi)有提示，但是會(huì)停留在當(dāng)前滾動(dòng)的位置，不會(huì)自動(dòng)拉到底端（如果是從消息列表點(diǎn)擊進(jìn)入前發(fā)的刷屏消息，則會(huì)在右上邊給出新消息數(shù)量提示）。不過(guò)由于是移動(dòng)端，小手向上一劃就能查看新消息，所以此時(shí)需要提示的需求較小。
Mac版微信聊天窗口，有新消息時(shí)會(huì)出現(xiàn)消息提示
微信移動(dòng)端從消息列表點(diǎn)擊進(jìn)入后看到的新消息提示
5）用戶說(shuō)自己已經(jīng)完成了，但是其實(shí)沒(méi)有完成
某私人診所是利用支付寶掃碼轉(zhuǎn)賬收款，工作人員確認(rèn)時(shí)對(duì)付款大叔說(shuō)您還沒(méi)點(diǎn)擊“確認(rèn)支付”呢。這就是用戶以為自己完成了操作，結(jié)果還沒(méi)有完成的例子。
在支付寶給好友轉(zhuǎn)賬時(shí)，我們可能會(huì)在聊天窗口發(fā)個(gè)數(shù)字過(guò)去，以為是轉(zhuǎn)賬成功了，為了避免這種錯(cuò)誤發(fā)生，支付寶會(huì)給出提示“給對(duì)方轉(zhuǎn)賬XX元”的提示按鈕，同時(shí)也符合高效這一點(diǎn)。
6）對(duì)功能/內(nèi)容的錯(cuò)誤理解
花瓣APP的啟動(dòng)廣告中有一個(gè)“我知道了”按鈕，當(dāng)時(shí)看到大大的“我知道了”就點(diǎn)擊了，然后就跳轉(zhuǎn)到了拼多多界面，當(dāng)時(shí)我懷疑是自己錯(cuò)點(diǎn)了拼多多，然后退出重新點(diǎn)擊花瓣App，結(jié)果還是這個(gè)廣告，這就是我對(duì)內(nèi)容的錯(cuò)誤理解。當(dāng)然這是為了廣告引流而刻意使用的手段，從可用性方面來(lái)分析，這個(gè)設(shè)計(jì)違反了有效及少錯(cuò)，想退出廣告我們只能點(diǎn)擊右上角的倒計(jì)時(shí)或者等待。
花瓣開(kāi)屏廣告
在“年糕媽媽”APP中，當(dāng)音頻課老師提示看文稿時(shí)，需要花一定時(shí)間尋找文稿入口，因?yàn)榈撞康摹耙纛l文稿”看起來(lái)像已經(jīng)選中的底部標(biāo)簽，而實(shí)際操作則是點(diǎn)擊或向上滑動(dòng)查看文稿，這里缺乏高效，我們看到的信息與預(yù)期不符，也存在少錯(cuò)的問(wèn)題。
年糕媽媽底部“音頻文稿”
年糕媽媽“音頻文稿”展開(kāi)示例
7）一些錯(cuò)誤的點(diǎn)擊、誤觸
例如小程序的按鈕盡量不要放在關(guān)閉按鈕下方，防止誤點(diǎn)關(guān)閉按鈕而流失用戶，這也是為了少錯(cuò)。
8）超出正常操作成本過(guò)多的用戶路徑，說(shuō)明信息架構(gòu)不合理
在Mac端CCtalk（7.3.16）里想看某課程視頻需要點(diǎn)擊：列表項(xiàng)->群空間->課程卡片->目標(biāo)課程，目標(biāo)課程列表隱藏太深，可發(fā)現(xiàn)性差，違反了高效，新版本中對(duì)此進(jìn)行了優(yōu)化。
UI的工作遠(yuǎn)比大家想象的要難很多，也重要很多，希望大家能夠正確認(rèn)識(shí)清楚你在產(chǎn)品當(dāng)中所充當(dāng)?shù)闹匾巧?/p>
前面的路還挺長(zhǎng)，只是你還沒(méi)有找到往前走的方向而已。
以上部分內(nèi)容來(lái)自Rosie的筆記
