【譯文】移動可用性測試,你不知道的新招

1 評論 3811 瀏覽 92 收藏 13 分鐘

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

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

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

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

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

舊法:線纜加膠帶

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

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

Mobile-testing-old-way-500-opt

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

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

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

新招(當然更好):無線

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

對于用戶體驗團隊來說,在用戶測試中不斷學習和洞察才是關鍵。我們不希望一直為設置測試環(huán)境或者攝像頭熄滅而費心。

我希望通過介紹一個簡單的設置來達成這些目標,它幫助用戶體驗團隊專注于真正重要的事情,讓用戶專注于他們的手機。因為它非??煽浚晕覀兘?jīng)常在培訓課程中面對客戶使用。

接下來重點談智能手機的可用性測試,我們使用一臺MacBook作為記錄設備。當然,這種方法也適用于Windows PC。

Mobile-testing-wireless-500-opt

圖2. 無線測試的方式更加自然

【第一步:安裝軟件】

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

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

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

【第二步:設置顯示器】

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

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

Mac-system-preferences-500-opt

圖3. Mac的正確顯示設置

【第三步:設置Reflector】

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

Mac-reflector-toolbar-500-opt

圖4. Reflector打開后你將看到的圖標

【第四步:對智能手機進行鏡像】

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

iOS-mirroring-setup-500-opt

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

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

使用Android 4.4.2或更高版本設備的,從屏幕頂部向下劃動進入設置,選擇“投射屏幕”選項,然后選擇你的MacBook。

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

【第五步:設置ScreenFlow】

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

ScreenFlow-recording-setup-500-opt

圖6. 設置ScreenFlow

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

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

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

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

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

screenshot-of-recording-500-opt

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

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

【設置總覽】

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

user-testing-overview-setup-500-opt

圖8. 測試中房間與屏幕等設施的安放方式

使外接顯示器正面遠離用戶視線,否則大屏幕上的手機屏幕影像會干擾用戶的注意力。

結論

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

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

 

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

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

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

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

    來自廣東 回復