我開始這項研究是因為我看到我的朋友需要切換不同的應用程序來給照片編輯和加濾鏡,最后把照片發布在Instagram上。我的朋友看起來很喜歡VSCO的濾鏡,但是他不會用VSCO的其他功能,而是切換到其他應用程序編輯。這引起了我的思考:明明可以在VSCO上全部編輯完,為什么他要換到其他應用程序中編輯呢?
明確問題
瀏覽完應用程序后,我終于理解我的朋友為什么不用VSCO的全部功能。我發現一個痛點是缺少圖標標簽,特別是在拍攝和編輯的過程中。有一部分圖標沒有標簽也能辨認,但是,大多數圖標都很難辨認,這種猜測成本導致了我直接退出應用程序。大部分沒有標簽的圖標都會導致困惑,造成挫折和很糟糕的用戶體驗。事實證明,我不是唯一遇到這個問題而退出應用的用戶。
來看看App store上的評論:
“這個應用程序很難用” —Alovesd
“糟糕的用戶體驗,所有東西都沒到點上,不直觀,破壞了用戶體驗”——David_Burns_Red
“巨大的潛力,但缺少可用性” —rik.venture
用戶角色和任務流
為了找到應用程序的問題,基于VSCO典型用戶的假設,我創造一個叫Charles的角色。Charles是一個19歲的大學生,很喜歡拍攝。他的需求是1、拍照,2、加特效和濾鏡,3、然后分享給他的朋友,下面是Charles理想的場景:
上面這個理想場景顯示了用戶在分享給他的朋友前,想要應用酷炫的編輯器。接下來,我創造任務流,來幫助我看下用戶是怎么帶著他的初始目標/動機去完成事情的。
根據任務流,很清楚地看到我需要通過解決過程中的痛點來加強核心功能:拍照、編輯和分享。核心功能要給用戶最佳的體驗,這樣應用程序才能走向成功,拉到更多新用戶。
抽樣可用性測試
雖然我假設了一些痛點,但還不夠。我去到當地的公園,希望在這里能夠找到和我的用戶畫像相似的用戶。通過任務流,我能設置一些測試,從而找出應用程序的典型痛點。每個用戶都需要在接近任務流的場景中測試,下面是一些場景例子:
-打開相機并降低曝光拍張照,然后應用你喜歡的濾鏡;
-應用完后,我希望你能稍微編輯下照片,例如調對比度或者是色溫;
-如果你滿意了,請保存圖片并分享到社交網絡上。
信息地圖
當回顧了每個測試環節的視頻,我寫下關于用戶動作,評論和想法的筆記。通過使用信息地圖,我把每個痛點分門別類,幫助我總體了解問題。
VSCO的痛點
通過可用性測試和信息地圖,我已經能確認痛點是什么,下面我們來看下:
相機
有些用戶無法快速地找到項目,特別是在晚上。相機也有很多功能沒有標簽,導致用戶產生困惑。如果用戶在菜單上滑動,用戶不知道這些功能有什么用。
編輯器和工作流
太多編輯器的圖標沒有標簽,增加了猜測成本和犯錯成本。缺少重做按鈕讓用戶備受挫折,而其他功能(撤銷和保存)卻隱藏在導航菜單里。
分享
當要求將最終的照片分享到社交網絡時,每個用戶都按錯了按鈕,導致意想不到的結果。分享按鈕隱藏在另一個菜單里,用戶很難找到它。
制定解決方案
低保真模型
確定問題和痛點之后,我開始制作低保真模型。畫了很多個草稿之后,我有了個粗略的想法。
高保真模型
主頁
有些用戶在可用性測試中很難找到相機,也對底部圖標感到困惑。
下面是我的解決方案
更改的地方:
1、放大相機區域使其更明顯;
2、把“studio”變成“all images”,使下拉菜單變得不那么模糊,而且更接近用戶看到的內容。
3、讓全球信息流的圖標變成更容易辨認
相機功能
在目前的狀態下,拍攝愛好者很難把相機里的功能充分利用。VSCO相機的一個獨特之處在于你擁有對相機設置的絕對控制,但如果大多數用戶覺得很難使用,這意味著沒用。
我們來看相機
更改的地方:
1、撤掉快捷欄,把這個設置放進可編輯的模塊里
2、編輯圖標下面有清晰的標簽
照片編輯
在照片編輯的過程中,會發現兩個問題,一個是圖標太抽象,一個是導航不清晰。我的目標是讓這個編輯過程變得有趣。而且所有的用戶都能快速做到。
下面我們來看下
更改的地方:
1、撤掉隱藏菜單,并用快捷按鈕替代。用戶可以通過這些按鈕快速撤銷/重做。
2、通過點擊各自的選項卡,可以看到兩個效果;
3、編輯按鈕變大了,而且有標簽,這樣會讓編輯流程更簡單。
社交分享
社交分享的這個問題,不需要改太多UI。事實證明,在可用性測試中,用戶把“發布到VSCO”的按鈕當成了分享按鈕。我把分享按鈕拿出來,放到新的菜單中。
下面是我的解決方案
結果
完成了原型后, 我找了另外一組用戶做最終的可用性測試。
任務跟我重設計之前差不多,但是結果很不一樣。用戶的挫折感和困惑的時間減弱了,變成了驚喜感和信任感。
以下是測試結果:
相機
照片編輯
社交分享
小結:
用戶能夠在一分鐘之內完成任務,比之前的設計減少了大約3分鐘時間。每個測試者沒有遇到挫折。
總結:
在重設計前,拍照、編輯和分享的功能因為用戶猜測成本花費很長時間,很難用。而通過我提出的解決方案,VSCO不僅僅是濾鏡了,它能滿足所有拍照需求。
————————————
原文地址:VSCO, More Than Just Filters
??