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

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

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

即使不開發一款移動應用,你的網站大部分流量也可能來自於移動設備。執行常規的移動可用性測試,便成為衡量該渠道是否正常工作的唯一途徑。

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

舊法:線纜加膠帶

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

我們將攝像頭用膠帶粘貼在雪橇上,並且把手機用膠帶和尼龍搭扣裝好。回頭看來,這種做法還是很簡陋的。用戶不得不經常用兩隻手托穩手機以保持雪橇穩定,當然也談不上自然體驗。

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

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

還有其它一系列問題,比如屏幕炫光和攝像頭失焦。總得說來,設置測試環境非常耗時,而且性能不可靠,測試環境並非最優。尤其是客戶在身邊時,壓力尤其大,但這也是那時我們能做到最好的情況。

新招(當然更好):無線

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

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

我希望通過介紹一個簡單的設置來達成這些目標,它幫助用戶體驗團隊專註於真正重要的事情,讓用戶專註於他們的手機。因為它非常可靠,所以我們經常在培訓課程中面對客戶使用。

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

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

【第一步:安裝軟件】

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

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

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

【第二步:設置显示器】

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

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

圖3. Mac的正確显示設置

【第三步:設置Reflector】

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

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

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

現在就是見證奇迹的時刻!如果你使用的是iPhone,從屏幕底部上划,啟動AirPlay。然後從列表中選擇你的MacBook,再打開鏡像按鈕。

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

你的iPhone應該出現在外接显示器的中間,是不是很神奇!(要是iPhone出現在MacBook屏幕中,只要把它拖拽到外接显示器上即可)

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

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

【第五步:設置ScreenFlow】

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

圖6. 設置ScreenFlow

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

【第六步】開始錄製測試內容

讓用戶處於MacBook正前方,這樣你能在ScreenFlow的預覽中看到他們的面部。然後按下紅色錄製按鈕,搞定,現在已經開始錄製了。

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

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

圖7. ScreenFlow輸出錄製內容的截圖

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

【設置總覽】

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

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

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

結論

我們介紹的這種方法有諸多優點值得一試:

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

 

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

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

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