用戶體驗設計不得不學的可用性測試方法

副標題:《用戶體驗與可用性測試》讀后感&讀書筆記

我們所看到的UX設計教程海雪,大多數(shù)是如何實現(xiàn)設計的部分锦爵,比如說導航、輸入框奥裸、彈窗或者交互险掀、動效之類的,比較少提及可用性測試的部分湾宙,因為我們都在更意結(jié)果的輸出樟氢,而不是產(chǎn)生結(jié)果之前所做的努力,同時可用性測試本身也是非常耗人力物力和經(jīng)費的環(huán)節(jié)侠鳄。
不過告訴大家一個好消息埠啃,這本書會提供一個嶄新的思路,正如同封面上說的:“好設計伟恶,原來是這樣測出來的霸妹!”要知道,可用性測試是實現(xiàn)用戶體驗設計不得省略的環(huán)節(jié)知押,簡單易行又低成本的可用性測試方法也是用戶體驗設計師不得不學的技能。

《用戶體驗與可用性測試》.jpg

先送上本書的豆瓣鏈接:https://book.douban.com/subject/26340381/
下面就來分享一下這本書的每一章節(jié)的重點知識鹃骂,分別配有思維導圖和內(nèi)容示意圖台盯。

第一章:概論

本章提綱圖如下:


1.概論提綱.png

主要是分清楚UX的概念,和UCD的流程畏线,UX設計從業(yè)者對此已不陌生静盅,下圖展開其六原則→6步驟→三要點,設計發(fā)展的過程和任何事物發(fā)展過程都一樣寝殴,屬于螺旋上升的:


2.UX與UCD.jpg

值得一提的蒿叠,是這一章關于產(chǎn)品可用性的概念,不再只是一個概括蚣常,當我們判斷產(chǎn)品的設計是否實現(xiàn)可用性的時候市咽,可以依次考慮其是否實現(xiàn)其有效性、效率抵蚊、滿意度施绎。
下圖是更直觀的梳理:


3.產(chǎn)品可用性的直觀圖.jpg

本章中作者還通過失敗的案例溯革,或者說未實現(xiàn)其產(chǎn)品可用性的案例(不一一展開),來向讀者解釋這些基礎概念的重要性谷醉,同時也為后文圍繞的UCD新四原則作鋪墊(最后再引申出愈來愈趨近敏捷開發(fā)的原則)致稀。值得注意的是,這里的原則不是指設計本身的原則俱尼,而是設計流程中需要注意的原則抖单。


4.UCD新四原則.jpg

(我個人認為:現(xiàn)在行內(nèi)普遍流行說各種“原則”之類的行話,來解釋和規(guī)范設計的要求遇八,但一般情況下矛绘,這是指設計的要點或者是評判設計好壞的標準線等,這可能是由于翻譯或者國外同行的習慣用法的關系押蚤,比方說蔑歌,在這里,與其用原則來說揽碘,不然說成“UCD流程的四項注意點”或者“UCD流程的四項執(zhí)行指引”更好理解次屠。)

第二章:用戶調(diào)查法

本章提綱圖如下:


5.用戶調(diào)查法.jpg

本章內(nèi)容就是作者直入主題,詳細介紹高效的可用性測試方法的具體實踐步驟雳刺,以便穿插在設計六步驟中“①調(diào)查”劫灶、“②分析”中進行。
不難發(fā)現(xiàn)掖桦,目前很多產(chǎn)品都運用了場景畫面來介紹產(chǎn)品的功能本昏,如支付寶:


6.支付寶情景劇本.png

這是已經(jīng)具象化的情景劇本,但由何得來呢枪汪?
產(chǎn)品設計之初涌穆,團隊成員對產(chǎn)品的概念是模糊的,可能只有大致的概念雀久,但沒有具體細節(jié)方案宿稀。用戶體驗設計是必須要根據(jù)用戶真正的痛點來進行的,而不是團隊成員自己構(gòu)思出來的赖捌,所以就可以通過師徒式調(diào)查方法來了解用戶真正的需求祝沸。


7.師徒式訪談.jpg

這個方法也同樣適用于后期原型制作完成后進行產(chǎn)品驗證,用戶是不是會如同設計者的構(gòu)思去操作使用越庇,也同樣適用于產(chǎn)品迭代的過程中的反思罩锐,把產(chǎn)品還給用戶,通過他們看到產(chǎn)品的下一個突破所在卤唉,并進行改進涩惑。
作者介紹的方法是根據(jù)不同用戶的產(chǎn)品使用經(jīng)驗和技術進行分組,通過合理合法的師徒式訪談來采集用戶的使用信息桑驱,具體細節(jié)步驟可參考下圖:
8.實踐步驟.jpg

回到需求境氢,訪談中得出最有用的用戶使用反饋就是情景劇本的素材蟀拷。通過情景劇本的文檔化,就可以梳理出產(chǎn)品和設計之間的關系萍聊。參考下圖问芬,再通過分析出情景劇本中的關鍵點思考得出真正的用戶需求。


9.情節(jié)劇本的寫法.jpg

作者特意還補充了一個在線辭典相關的情景劇本寿桨,參考下圖:
10.在線辭典相關的情景劇本.jpg

第三章 原型

本章提綱圖如下:


11.原型.jpg

這章側(cè)重于介紹原型對用戶體驗設計的重要性此衅,有多重要,大家都心知肚明亭螟,不展開贅述了挡鞍。幾乎所有的團隊都會進行原型設計,其中也會運用到卡片分類法预烙,這是幾乎是所有同行都不陌生的方法墨微,雖然不一定每個團隊都適用,但部分團隊的確會適用這樣的方法扁掸,在《about face 4交互設計精髓》翘县、《通用設計方法(100種高效方法)》中都有講解。
這個章谴分,我自作主張地給大家補充一個作者介紹到的一種比較專業(yè)的預測方法——Delphi方法锈麸。
查了百度,得到的實施步驟:
1.吸收專家參與預測牺蹄,充分利用專家的經(jīng)驗和學識忘伞;
2.采用匿名或背靠背的方式,能使每一位專家獨立自由地作出自己的判斷沙兰;
3.預測過程幾輪反饋氓奈,使專家的意見逐漸趨同。
但當這個方法運用在設計原型中鼎天,參考下圖探颈,通過設計師和產(chǎn)品所運用的行業(yè)專家協(xié)作,這個是一個非常好用的方法训措,通過這個方法更接近用戶的心理模型:


12.Delphi方法.jpg

第四章 產(chǎn)品可用性檢驗

本章提綱圖如下:


13.產(chǎn)品可用性評價方法.jpg

這章的內(nèi)容是全書的重點,先從評價開始介紹光羞,是根據(jù)發(fā)生在設計不同的階段劃分的绩鸣,形成性評價發(fā)生在設計過程中,總結(jié)性評價是設計過程的前后纱兑,同時呀闻,有兩種評價方法,一個叫分析法潜慎,也叫專家評審捡多;另一歌叫實驗法蓖康,也就是用戶測試法,兩種方法更有利弊垒手,也需要考慮實施的成本蒜焊。
(個人理解:成本非常重要,因為小團隊會因為可用性測試的成本之高而放棄科贬,最后損失了產(chǎn)品的用戶體驗泳梆,但不是每個團隊都有大成本可以用來投入的,選擇所要實現(xiàn)的目的和方法匹配是很重要的榜掌,高效由此而來优妙。)


14.兩種評價.jpg

總結(jié)性評價方法之一就是啟發(fā)式評估法,也是《about face交互精髓4》介紹過的有效方法(這里的招募人員憎账,如后文所述通過DIY實現(xiàn)的話套硼,只要是非責任設計師或者非責任程序員就可以了):
15.啟發(fā)式評估法.jpg

另一種作者介紹的總結(jié)性評價方法是認知過程走查法,來幫助設計師來整理交互邏輯是否實現(xiàn)用戶的心理模型:

16.認知過程走查法.jpg

在形成性評價方法介紹中胞皱,作者還分別介紹了發(fā)聲思考法邪意、回顧法。

17.形成性評價.jpg

另外作者還講到了性能測試朴恳,可能這塊內(nèi)容更多和程序員相關抄罕,而不是設計師,但我們應該與設計相結(jié)合去看待評價結(jié)果于颖,這同樣是產(chǎn)品可用性測試的評價方法呆贿,主要重點放在之前講過的有效性、效率森渐、滿意度的問題做入,都是一樣的。

18.性能測試.jpg

本章也是本書最精華的部分應該是下圖所要為大家介紹的DIY用戶測試方法同衣,如何節(jié)約成本達到最好的評價檢驗竟块?特別是小公司或者是小團隊公司,成本有限而想實現(xiàn)更好的用戶體驗設計耐齐,不妨都來采用這個方法浪秘,比市場招募節(jié)省了更多的成本,(物力節(jié)省了埠况,但人力還是有的)用一個方法耸携,解決多個問題。

19.DIY用戶測試.jpg

(補充一點實現(xiàn)這項DIY方法的前提條件:公司內(nèi)成員團結(jié)一心辕翰,都立志把產(chǎn)品做好夺衍,同時體制完善,賞罰公平得人心喜命,那么1+1+……n=n的n次方)

第五章 用戶測試實踐篇

本章提綱圖如下:

20.用戶測試實踐篇.jpg

本章的內(nèi)容就是比較雜沟沙,具體描述測試細節(jié)河劝,比如如何和用戶對話,如何布置測試空間等等矛紫,需要讀者自己去操作的時候再參考更佳赎瞎,理論上說得再詳細,不如自己動手做一次含衔,故不一一展開煎娇,但可以參照提綱作流程表使用。其中還包括了很多團隊目前已經(jīng)在實施的實踐贪染,比如頭腦風暴等缓呛。
(在一個好的團隊里為自己的產(chǎn)品做DIY可用性測試會學到很多東西,包括溝通杭隙、理解哟绊、合作,好的團隊可以做出體驗度更佳的設計作品痰憎。)

第六章 超越UXD票髓,走向敏捷UX開發(fā)

本章提綱圖如下:


21.敏捷UX開發(fā).jpg

我們平時所說的敏捷開發(fā),其中就已經(jīng)包含了UX設計的铣耘,這里作者敏捷UX開發(fā)的提法洽沟,就是強調(diào)在用戶體驗設計中也能提升設計效率的流程概念,其實都是一樣的蜗细,如下圖:


22.敏捷開發(fā)& UCD.jpg

需要遵循是基本原則是(新UCD四原則的深化):
1.由內(nèi)至外(不開發(fā)多余功能裆操,解決主要矛盾)
2.平行推動(參考下文平行軌道法)
3.輕裝上陣(合理去除復雜步驟,溝通大于文檔)
敏捷開發(fā)的四個步驟就是:產(chǎn)品概念→計劃→開發(fā)→發(fā)布

補充:平行軌道法——UX相關活動需要比開發(fā)活動稍微提前一些炉媒。
具體如下圖踪区,很好理解:


23.平行軌道法.jpg

就當設計師在完成上一階段的設計稿交給開發(fā)人員后了以后,就要準備下一個迭代階段了吊骤,總之工作不能停缎岗。

另外,在開發(fā)階段白粉,作者也補充了一種可用性測試方法传泊,叫RITE法,Rapid Iterative Testing and Evaluation鸭巴,快速迭代式測試和評估法眷细,但書里講得有點復雜,我拿一張《通用設計方法》里的圖來展開一下奕扣,就很清楚了。

24.RITE法.jpg

后記

文章結(jié)尾作者引入了用戶可用性成熟度模型掌敬,如下圖:

25.用戶可用性成熟度模型.jpg

本書的作者:樽本徹也先生惯豆,是日本的設計師,于2015年4月出版的該書,他在文章此處勸解日本的同行公司“請至少做到搖籃期的水準”跌榔。
就目前來看叉讥,這本書和他的建議對此時的我國的國情也是適合的。
在這本書里芯杀,我也受益匪淺端考,可惜不才,我不過剛剛自學入門揭厚,簡單整理了以上部分却特,如有不清楚的地方還請指教。

再又筛圆,作者在附錄中介紹了產(chǎn)品經(jīng)理需要用到的一些策略與方法裂明,其實和大多UX設計師也非常相似,以下為參考太援,具體內(nèi)容可看書(我個人更推薦《通用設計方法》闽晦,可以直接知道是哪個環(huán)節(jié)需要適用,是定性還是定量提岔,方法的形式和分類仙蛉,等等):
1.游擊調(diào)查法
2.游戲風暴
3.概念測試
4.實用的虛擬用戶角色
5.用戶故事
6.計劃撲克
7.故事地圖
8.Scrum板
9.草圖板
10.紙質(zhì)原型
11.用戶測試

最后補充一段在《about face 4交互設計精髓》(2015年10月出的第四版)中概括的
設計者參與可用性研究的方式:

  • 將重點放在設計過程中的重要問題上。
  • 使用任務角色和其特性制定試驗參與者的標準碱蒙。
  • 運用場景開發(fā)用戶任務荠瘪。
  • 觀察測試過程。
  • 和其他人一道共同分析研究中發(fā)現(xiàn)振亮。

以上巧还,感謝閱讀,但愿有所幫助坊秸,與各位同行共勉麸祷。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市褒搔,隨后出現(xiàn)的幾起案子阶牍,更是在濱河造成了極大的恐慌,老刑警劉巖星瘾,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件走孽,死亡現(xiàn)場離奇詭異,居然都是意外死亡琳状,警方通過查閱死者的電腦和手機磕瓷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人困食,你說我怎么就攤上這事边翁。” “怎么了硕盹?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵符匾,是天一觀的道長。 經(jīng)常有香客問我瘩例,道長啊胶,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任垛贤,我火速辦了婚禮焰坪,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘南吮。我一直安慰自己琳彩,他們只是感情好,可當我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布部凑。 她就那樣靜靜地躺著露乏,像睡著了一般。 火紅的嫁衣襯著肌膚如雪涂邀。 梳的紋絲不亂的頭發(fā)上瘟仿,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天,我揣著相機與錄音比勉,去河邊找鬼劳较。 笑死,一個胖子當著我的面吹牛浩聋,可吹牛的內(nèi)容都是我干的观蜗。 我是一名探鬼主播,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼衣洁,長吁一口氣:“原來是場噩夢啊……” “哼墓捻!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起坊夫,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤砖第,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后环凿,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體梧兼,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年智听,在試婚紗的時候發(fā)現(xiàn)自己被綠了羽杰。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片渡紫。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖考赛,靈堂內(nèi)的尸體忽然破棺而出腻惠,到底是詐尸還是另有隱情,我是刑警寧澤欲虚,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站悔雹,受9級特大地震影響复哆,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜腌零,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一梯找、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧益涧,春花似錦锈锤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至扭弧,卻和暖如春阎姥,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背鸽捻。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工呼巴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人御蒲。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓衣赶,卻偏偏與公主長得像,于是被迫代替她去往敵國和親厚满。 傳聞我的和親對象是個殘疾皇子府瞄,可洞房花燭夜當晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內(nèi)容