案例學習 – 關于VSCO Cam的可用性測試
Visual Supply公司出品的VSCO Cam是一款時尚并強大的移動端照片處理應用,無論在App Store還是Google Play都有著4.5星的優異戰績。VSCO有一大批忠實的用戶群,而且他們的Grid(應用內置與在線的照片流)當中有著很多我所見過的最美的照片。在2014年5月,他們成功融得4000萬美元的投資。
可用性測試的目標
通過6個基本任務識別出VSCO當中的可用性問題及痛點。其中的3個任務直接來源于App Store的小編所撰寫的簡述:
Visual Supply公司的這款攝影應用為攝影師及業余愛好者帶來了大量令人驚嘆的工具。無修飾的界面設計風格能幫你更加輕松的為照片使用濾鏡,調整曝光,并與他人分享你的創作。
為了測試這些關鍵功能,我找來5名擁有不同背景的移動用戶,進行了一次“地下”可用性測試。我對于這5名被測的要求很簡單:他們是iPhone或安卓手機用戶,熟悉攝影方面的一些基本常識(例如濾鏡、裁剪、曝光等),并且不曾使用過VSCO Cam應用。
測試任務
- 拍一張照片。
- 為照片添加濾鏡。
- 裁剪照片。
- 調整照片的曝光。
- 從手機相冊中添加一張照片。
- 將照片分享到社交網絡中。
分析
我讓被測用戶在他們的手機上下載并打開VSCO Cam,然后使用我自己的手機拍攝測試時的情況。測試結束后,我會重新觀看這些視頻,并將從中發現的關鍵信息記錄在貼紙上。
如上圖所示,矩陣頂部橫向各單元(橘色貼紙)代表每個被測用戶,左側縱向各單元(藍色貼紙)代表不同的測試任務,其余的彩色貼紙代表不同被測在完成各個任務時的順利程度。
接下來我們看看具體的測試結果。需要說明一下,在下面的圖片當中,綠色箭頭指向的是正確的操作流程,紅色箭頭代表被測進行的錯誤操作。
任務1:拍照
全部成功!每名被測都在VSCO Cam當中順利的完成了拍照任務。很不錯的一個開始。
任務2:為照片添加濾鏡
我們從這里開始遇到問題,沒有任何一名被測在初次嘗試時順利的完成任務。在照片選擇界面中,他們不斷點擊著錯誤的圖標,如下圖左側的三個紅色箭頭所示。
實際上,要正確的完成這個任務,用戶首先需要選擇一張照片,此時界面底部會出現編輯菜單,點擊其中第二個編輯圖標即可添加濾鏡,如上圖中間的綠色箭頭所示。用戶初次使用時不了解這一點,他們會直接嘗試界面當中默認可見的各種操作。
不過,一旦用戶了解了濾鏡的入口,選中了某個濾鏡(如上圖右側所示,此時任務2完成),下一步動作就相對明顯多了,因為在這里他們只有兩件事情可做:
- 再次點擊之前所選的濾鏡縮略圖,調整濾鏡效果參數。
- 點擊底部處于收起狀態的菜單欄。
任務3和4:裁剪照片并調整曝光
被測用戶在上一個任務的最后一步,點擊底部處于收起狀態的菜單欄,展開菜單欄,此時障礙再次出現。這里共產生5次誤操作,其中的4次會造成任務流程中斷;有的被測會嘗試點擊“撤銷操作”按鈕,有的會點擊“恢復原圖”按鈕,此外還有點擊確認和取消操作的情況。而只有點擊菜單欄中的扳手按鈕,才可以展開新的功能菜單,在這里能找到裁剪與曝光調整功能。
任務5:從手機相冊中添加一張照片
這個任務對于被測用戶的困難程度超出想象。正確的操作方式是點擊帶有“+”符號的灰色大按鈕,如上圖左側綠色箭頭所示。但這個按鈕在界面中的對比度過低,而且“+”很難讓用戶明確的了解其功能。被測用戶的注意力會被頂部和底部的幾個更加明亮的圖標所吸引,并點擊嘗試。
另外也有些被測用戶指出,在周圍都是白色亮圖標的界面環境中,那么暗的一個灰色按鈕,感覺上像是不可用或不可點擊的意思。
任務6:將照片分享到社交網絡中
經過前面5個任務的折騰,被測用戶已經對每個界面有了更多的認知,對應用整體也更加熟悉了。此外由于分享按鈕的圖標本身表意也很明確,所以多數用戶還算可以相對輕松的找到這個功能所在,并完成任務。
除非有內部數據,否則我們很難判斷有多少實際用戶在初次上手之后會像我們做測試這樣有充足的時間去嘗試,在試圖使用基本功能并遇到挫折后又會有多少耐心去繼續使用。
兩個關鍵問題
問題1:VSCO Cam的操作流程是非線性的,對新手用戶缺少必要的引導和提示。
對于VSCO Cam來說,所面對的設計挑戰之一,就是怎樣讓新用戶盡快上手這樣一款功能豐富但流程非線性的應用。
正如App Store中所介紹的那樣,VSCO Cam的用戶群范圍還是很廣泛的;但無論是專業人士還是攝影愛好者,從上手VSCO Cam的那刻起,他們都是“新手用戶”。繁多而強大的功能一方面造就了這樣一款有價值的應用,一方面也會因為復雜度的問題而產生負面影響。困難就在于通過怎樣的方式讓新手用戶盡快熟悉操作并留下來,而不是沮喪的離開。
與Instagram及其他一些相對簡單的攝影類應用相比,VSCO Cam的非線性流程允許多個用例并行存在。與傳統的“拍照、做圖、分享”不同,這款應用允許用戶通過不同的參數,經由多種流程來達到目標。
在測試過程中,有一名被測用戶嘗試了29次才完成了一個任務。我鼓勵他進行發聲思維,把感受通過語言表達出來,并假設我不在場。結果這名被測用戶說:
“說實話,如果真能假設你不在這里,我只會砸爛這個應用,扔掉它。”
改進建議
提供一些幻燈片風格或其他形式的新手引導,幫助新用戶盡快了解最關鍵的界面與功能。
雖然有點累贅,但如果做的得當,功能就會變得一目了然,這是值得的。在設計新手引導時,要遵從當前的一些最佳實踐模式,允許用戶隨時退出教學引導,并提供入口,使他們將來還可以訪問到這些引導內容。
如今,VSCO Cam的官方博客上有一些教學視頻,但應用本身卻沒有提供。
所以,他們也許可以嘗試在應用內部給出一些針對核心功能的簡要引導,例如拍照、使用濾鏡和分享等等;對于更多相對次要的功能,博客上的教學視頻仍可派上用場。
問題2:界面的視覺層次不合理
我們回顧一下任務2和5(為照片添加濾鏡、從手機相冊中添加一張照片)。這兩個環節中,新手用戶的認知負荷驟增,他們所面對的是各種圖標形式的功能選項,界面沒能通過合理的層級關系來告訴用戶哪些功能與當前環節的主要目標最為相關。
改進建議
降低頂部兩個白色圖標在界面當中的對比度。這兩個圖標,一個負責篩選照片,一個負責切換照片列表視圖模式,均屬于特定情況下有可能用到的輔助功能,與用戶當前最重要的圖片編輯類目標關聯都不大。
而底部兩個按鈕雖然在視覺權重上很高,但也有高的道理,一個是全局菜單,一個是拍照界面入口,所以可以不去管它們。
而對于用來從系統相冊添加照片的“+”按鈕,則可以試著提升對比度,至少不再是這種容易讓人理解為“不可點擊”的樣式。
小結
當然,這些建議都是來自我個人的,所基于的也只是有5名被測參加的可用性測試。我更想有機會能看看VSCO Cam的真實數據,以驗證我所發現的問題。無論怎樣,對于一款移動應用來說,不斷的發現問題、提出假設、迭代、驗證——這個循環是不可或缺的。
來源:be for web
- 目前還沒評論,等你發揮!