【譯文】移動(dòng)可用性測(cè)試,你不知道的新招

1 評(píng)論 3784 瀏覽 92 收藏 13 分鐘

在移動(dòng)設(shè)備上進(jìn)行可用性測(cè)試是大多用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)既關(guān)注又頭疼的部分,市面上的各種專業(yè)測(cè)試工具各有利弊,如何抉擇是一道難題。性能好、對(duì)用戶干擾少、錄制質(zhì)量高、能記錄用戶面部表情和手部操作、價(jià)格便宜等要素成為大家在選擇工具與方法時(shí)重點(diǎn)關(guān)心的內(nèi)容。本文作者Colman Walsh提供了一種討巧的方式,能較好的解決測(cè)試中大部分問題。盡管不完美(無法記錄用戶與移動(dòng)設(shè)備屏幕互動(dòng)),依舊值得一試,有精力的同學(xué)可以結(jié)合Lookback(https://lookback.io/),或許能搗鼓出一套更完善的解決方案來。

移動(dòng)端令人難以置信的增長(zhǎng)趨勢(shì)和移動(dòng)設(shè)備的全面普及,讓用戶體驗(yàn)設(shè)計(jì)師的工作更具挑戰(zhàn)性與趣味性。這意味著移動(dòng)應(yīng)用與移動(dòng)站點(diǎn)的用戶測(cè)試成為用戶體驗(yàn)工具中的重要一環(huán)。

與桌面環(huán)境有所區(qū)別的是,移動(dòng)端可用性測(cè)試缺少像Silverback或Camtasia這樣開箱即用的軟件記錄工具。

即使不開發(fā)一款移動(dòng)應(yīng)用,你的網(wǎng)站大部分流量也可能來自于移動(dòng)設(shè)備。執(zhí)行常規(guī)的移動(dòng)可用性測(cè)試,便成為衡量該渠道是否正常工作的唯一途徑。

此時(shí)需要一定的動(dòng)手能力,經(jīng)過多年實(shí)驗(yàn),我們認(rèn)為已經(jīng)找到了最理想的手段。如果你想簡(jiǎn)單測(cè)試iPhone或Android的體驗(yàn),這套方法不僅簡(jiǎn)單,性價(jià)比高,而且效果出色。

舊法:線纜加膠帶

過去我們使用“雪橇”將智能手機(jī)與攝像頭固定在某個(gè)位置,從而方便我們記錄用戶在屏幕上的行為。(要制作一個(gè)雪橇,我們?cè)谖褰鸬曩I了一些丙烯酸通過烤面包機(jī)將其彎曲成型,非常有趣)

我們將攝像頭用膠帶粘貼在雪橇上,并且把手機(jī)用膠帶和尼龍搭扣裝好?;仡^看來,這種做法還是很簡(jiǎn)陋的。用戶不得不經(jīng)常用兩只手托穩(wěn)手機(jī)以保持雪橇穩(wěn)定,當(dāng)然也談不上自然體驗(yàn)。

Mobile-testing-old-way-500-opt

圖1. 用戶正在使用綁著攝像頭與雪橇的手機(jī)

從技術(shù)上說它是不可靠的。由于使用了一臺(tái)筆記本的雙攝像頭(雪橇上的攝像頭和筆記本內(nèi)置攝像頭),我們不得不同時(shí)開啟兩個(gè)攝像應(yīng)用,這導(dǎo)致了一定性能問題。要么在設(shè)置中造成內(nèi)存緊張,要么在測(cè)試中攝像頭熄滅,往往兩者兼而有之。

還有其它一系列問題,比如屏幕炫光和攝像頭失焦??偟谜f來,設(shè)置測(cè)試環(huán)境非常耗時(shí),而且性能不可靠,測(cè)試環(huán)境并非最優(yōu)。尤其是客戶在身邊時(shí),壓力尤其大,但這也是那時(shí)我們能做到最好的情況。

新招(當(dāng)然更好):無線

理想情況下,用戶應(yīng)該無法看到測(cè)試環(huán)境與軟件。我們希望創(chuàng)造盡可能自然的測(cè)試環(huán)境,只有用戶與智能手機(jī),沒有線纜、雪橇、攝像頭或膠帶等干擾。

對(duì)于用戶體驗(yàn)團(tuán)隊(duì)來說,在用戶測(cè)試中不斷學(xué)習(xí)和洞察才是關(guān)鍵。我們不希望一直為設(shè)置測(cè)試環(huán)境或者攝像頭熄滅而費(fèi)心。

我希望通過介紹一個(gè)簡(jiǎn)單的設(shè)置來達(dá)成這些目標(biāo),它幫助用戶體驗(yàn)團(tuán)隊(duì)專注于真正重要的事情,讓用戶專注于他們的手機(jī)。因?yàn)樗浅?煽?,所以我們?jīng)常在培訓(xùn)課程中面對(duì)客戶使用。

接下來重點(diǎn)談智能手機(jī)的可用性測(cè)試,我們使用一臺(tái)MacBook作為記錄設(shè)備。當(dāng)然,這種方法也適用于Windows PC。

Mobile-testing-wireless-500-opt

圖2. 無線測(cè)試的方式更加自然

【第一步:安裝軟件】

產(chǎn)生神奇效果的關(guān)鍵在于Apple的AirPlay無線技術(shù),該軟件能讓你把流媒體(音樂、視頻)通過無線的方式傳送到Apple TV上。

因此,首先你需要購(gòu)買并安裝一個(gè)叫做Reflector(大概15刀)的軟件,它能將筆記本變成一個(gè)AirPlay信號(hào)接收器,像Apple TV一樣。這樣一來,我們能夠把用戶智能手機(jī)屏幕以鏡像的方式投射到筆記本電腦上,用戶屏幕上的內(nèi)容將在筆記本屏幕上同步出現(xiàn)。

現(xiàn)在我們可以不需要額外攝像頭來錄制用戶屏幕了,只需要在筆記本電腦上通過屏幕錄制軟件進(jìn)行錄制即可。強(qiáng)烈推薦ScreenFlow(大概99刀),不但可靠性高,并且在測(cè)試環(huán)節(jié)中能通過筆記本電腦攝像頭捕獲用戶面部?jī)?nèi)容,這是任何可用性測(cè)試的重要組成部分。

【第二步:設(shè)置顯示器】

這一步是可選的。因?yàn)槲覂A向于使用外接顯示器,使主持人和記錄員不必同時(shí)瞥過用戶肩膀來觀察行為。這樣也能將用戶干擾降至最低,用戶不會(huì)看見面前筆記本電腦屏幕上的巨大手機(jī)屏幕投射,它會(huì)出現(xiàn)在外接顯示器上。

所以,為你的MacBook連上外部顯示器,如果外接顯示器與筆記本屏幕顯示一致內(nèi)容,意味著這不是我們希望設(shè)置的鏡像模式。打開“系統(tǒng)偏好-顯示”,將“鏡像顯示”去掉勾選。

Mac-system-preferences-500-opt

圖3. Mac的正確顯示設(shè)置

【第三步:設(shè)置Reflector】

要將智能手機(jī)內(nèi)容發(fā)送到筆記本電腦屏幕上,只需打開Reflector,在筆記本電腦屏幕左上角的工具欄上可以看到它的圖標(biāo)。

Mac-reflector-toolbar-500-opt

圖4. Reflector打開后你將看到的圖標(biāo)

【第四步:對(duì)智能手機(jī)進(jìn)行鏡像】

現(xiàn)在就是見證奇跡的時(shí)刻!如果你使用的是iPhone,從屏幕底部上劃,啟動(dòng)AirPlay。然后從列表中選擇你的MacBook,再打開鏡像按鈕。

iOS-mirroring-setup-500-opt

圖5. 在你的iPhone上打開鏡像

你的iPhone應(yīng)該出現(xiàn)在外接顯示器的中間,是不是很神奇?。ㄒ莍Phone出現(xiàn)在MacBook屏幕中,只要把它拖拽到外接顯示器上即可)

使用Android 4.4.2或更高版本設(shè)備的,從屏幕頂部向下劃動(dòng)進(jìn)入設(shè)置,選擇“投射屏幕”選項(xiàng),然后選擇你的MacBook。

注意:你的智能手機(jī)和MacBook必須保持在同一Wi-Fi網(wǎng)絡(luò)中,要是出現(xiàn)問題,這是故障排除首先進(jìn)行的事情。

【第五步:設(shè)置ScreenFlow】

開始錄制前,打開ScreenFlow。初始設(shè)置對(duì)話框彈出,你需要做如下設(shè)置:

ScreenFlow-recording-setup-500-opt

圖6. 設(shè)置ScreenFlow

  • “錄制桌面來源”:選中并確保從下拉菜單中選擇你的外接顯示器。(參照示例中的2270W)
  • “錄制視頻來源”:選中并確保選擇默認(rèn)選項(xiàng)“FaceTime高清攝像頭(內(nèi)置)”。
  • “錄制音頻來源”:選中并選擇“內(nèi)置麥克風(fēng)”。

【第六步】開始錄制測(cè)試內(nèi)容

讓用戶處于MacBook正前方,這樣你能在ScreenFlow的預(yù)覽中看到他們的面部。然后按下紅色錄制按鈕,搞定,現(xiàn)在已經(jīng)開始錄制了。

當(dāng)你與記錄員在外接顯示器上觀察用戶行為時(shí),用戶正端坐在空白的筆記本電腦前,像往常一樣使用手機(jī),沒有線纜、膠帶、攝像頭或者其它干擾。

在以下截圖中,我在iPhone上把玩Spotify。你能看到,在錄制手機(jī)屏幕的同時(shí),ScreenFlow提供了畫中畫窗口來顯示用戶面部表情,完美的可用性測(cè)試。

screenshot-of-recording-500-opt

圖7. ScreenFlow輸出錄制內(nèi)容的截圖

當(dāng)然,這種方式依舊不能展示用戶的手指與設(shè)備互動(dòng)的過程。但總體說來,它的優(yōu)點(diǎn)還是很多(見結(jié)論中的列表),算是一個(gè)無可非議的好方法。

【設(shè)置總覽】

需要明確的是,讓我們回顧下設(shè)置的全貌。用戶應(yīng)該坐在MacBook面前,使用自己的手機(jī),主持人和記錄員應(yīng)該坐在附近,通過外部顯示器觀察用戶行為。

user-testing-overview-setup-500-opt

圖8. 測(cè)試中房間與屏幕等設(shè)施的安放方式

使外接顯示器正面遠(yuǎn)離用戶視線,否則大屏幕上的手機(jī)屏幕影像會(huì)干擾用戶的注意力。

結(jié)論

我們介紹的這種方法有諸多優(yōu)點(diǎn)值得一試:

  1. 簡(jiǎn)單:首次將所有環(huán)節(jié)調(diào)試完畢之后,接下來每次只需要花費(fèi)5分鐘左右來設(shè)置。
  2. 可靠:它并不完美,但軟件崩潰和設(shè)置問題出現(xiàn)的幾率很低。然而,雪橇+攝像頭的方案出現(xiàn)問題則是意料之中的事。
  3. 性價(jià)比高:假如你使用MacBook,整個(gè)解決方案只需花費(fèi)不到200刀。(與之對(duì)應(yīng),專業(yè)高端的可用性測(cè)試軟件Morae售價(jià)2000刀)
  4. 專業(yè):高質(zhì)量并專業(yè)的輸出,看上去不像是黑客技術(shù)。我們把錄制的內(nèi)容與參與的客戶、高管們分享,效果很好。
  5. 靈活:這種方案適用于主流平臺(tái):PC、Mac、Android和iOS。
  6. 方便:因?yàn)椴恍枰魏文z帶或者尼龍搭扣,測(cè)試者還能使用自己的手機(jī),這讓你的測(cè)試更加自然有效。

 

原文地址:https://www.smashingmagazine.com/2015/12/simple-and-painless-mobile-user-testing/

譯者:阿里巴巴1688事業(yè)部/無線交互/舒舟

譯文地址:http://www.aliued.cn/2016/03/23/【譯文】移動(dòng)可用性測(cè)試,你不知道的新招.html

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 一條數(shù)據(jù)線+QuickTime 就行咯。。

    來自廣東 回復(fù)