【譯】VSCO，不僅僅是濾鏡——VSCO iOS App的用戶體驗案例研究

一切都源於我注意到我朋友在不同的應用之間來回切換來編輯照片，使用濾鏡，直到最後切換到 Instagram 來發布我們晚餐的最終照片。似乎他很喜歡一個叫做 VSCO 的應用提供的濾鏡，卻不願意花功夫來用這個應用的其他功能，省了在不同的應用之間切換的麻煩。這讓我我不禁想到：在他可以在 VSCO 做所有相同的編輯的情況下，他為什麼要用另一個應用來完成？

確定問題

除以上之外，編輯菜單還有更多的圖標

在瀏覽了這個應用之後，我漸漸明白為什麼我朋友不大情願來用這個應用的所有功能。我發現的一個痛點是圖標缺少標籤，尤其是在拍照和編輯照片的過程中。有一些圖標沒有標籤也是可以識別的，但是 VSCO 所用的大多數圖標很讓人困惑並且需要作很多猜想，往往讓我在得到任何有用的結果之前就退出了這個應用。沒有標籤的多個圖標會造成困惑、沮喪，最終導致差的用戶體驗。事實證明我不是遭遇這個問題的唯一用戶。

下面是蘋果應用商店的一些評論：

「」這個應用太難用了。」——Alovesd

「如此優秀的預設濾鏡卻被糟糕的用戶體驗影響...所有的元素都太小，一點都不直觀，破壞了體驗。」——?David_Burns_Red

「有巨大潛力，但一直都缺乏可用性。」——rik.venture

這些是什麼鬼？！

人物角色和任務流程

為了有助於我找到這個應用的問題，基於我對 VSCO 典型用戶的猜想，我創造了一個叫做Charles 的人物角色。Charles 19歲，偶爾會拍照，目前是大學學生。他想拍攝一張照片，編輯並添加一些炫酷的濾鏡，然後分享給朋友。以下是 Charles 的理想的場景：

以上的理想場景包括了用戶想要在分享給朋友圖片之前添加一些炫酷的濾鏡這一歷程，基於此我製作了一個任務流程來幫助我搞清楚一個用戶怎樣帶著他/她最初的目標/動機得到一個積極的結果。

運用這個任務流程，我明白我需要著重做核心功能：拍照，編輯，順暢地分享。為了儘可能使分享順暢，需要修正這一過程中的痛點。為了這個應用能夠成功並且增加用戶參與度，核心功能應當給予用戶絕佳的體驗。

游擊隊式的可用性測試

對於痛點是什麼，我有自己的設想，但這不夠。我去了一個本地風景優美的公園，希望能找到和我創造的任務角色相近的攝影師。運用任務流程，我能夠為這些用戶準備一些測試來尋找出這個應用具體的痛點。我提供給每位用戶可以密切展示出任務流程的一個場景：

• 在為你周圍任何有趣的實物拍照之前，先打開相機，降低曝光，然後使用一個你喜歡的濾鏡。

• 使用了濾鏡之後，我想讓你編輯一下照片，如調整對比度或色溫。
• 如果你對你所做的改動滿意，那就保存並在社交網路上分享照片。

親和圖

在回顧了每個測試環節之後，我記錄下用戶的行為，評論和想法。然後我運用親和圖將每個痛點各自歸類，這幫助我能總覽問題。

可用性測試的筆記

VSCO 的痛點

根據親和圖和可用性測試的結果，我在以下方面找到了具體的痛點：

相機

一些用戶在一開始無法迅速找到相機，尤其是如果他們對著暗處的時候。並且，相機有許多功能沒有標籤，也會造成困惑。用戶在菜單上輕掃的時候並沒有意識到可以用附加的功能。

編輯照片的工具和工作流程

在編輯照片的頁面，沒有標籤的圖標太多，導致人們常常需要猜測，並會引起挫敗感。缺少「重做」的按鈕會讓用戶感到挫敗，而像撤銷和保存這樣的其他功能卻藏在一個不顯眼的導航菜單中。

在社交網路上分享

當讓用戶將最終的照片分享到社交網路上時，每個人都點擊了相同的錯誤按鈕並導致意想不到的結果。分享按鈕被放在了另一個菜單，用戶很難找到它。

畫出解決方案

低保真草圖

在確定了問題和痛點之後，我開始為一些快速的創新想法來畫一些基本的低保真草圖。在畫了數張草圖之後，我對我想要怎麼做有了一個大致的想法。

低保真草圖

高保真原型

主頁

在可用性測試中，一些用戶很難找到相機並且對底部的導航圖標表示困惑。

以下是我的主頁方案：

推薦解決方案：

1. 擴大照相區域來是它更明顯

2. 將「工作室」改為「所有圖片」來使下拉菜單更明確，也更接近用戶所見。
3. 讓全局推送和個人資料圖標更具體，更可識別。

照相機

在現在的模式下，業餘攝影師和新用戶很難使用照相機的全部功能。VSCO 相機的特別之處是用戶對於相機的設置有完全的控制。但如果大多數用戶都覺得它難用，那麼它的意義不大。

讓我們來看下相機：

推薦解決方案：

1. 我去掉了快速工具欄並將它所有的設置都放入一個單獨的部件。點擊左側的編輯按鈕可進入這個部件。
2. 當訪問這個新的部件時，編輯按鈕清楚地展現，並帶有標籤。

編輯照片

在編輯照片的過程中可以找到兩個主要的問題：沒有標籤的抽象圖標和不清楚的導航。對於這個頁面，我的目標是讓編輯照片變成一個有趣和享受的過程，所有級別的用戶都能快速有效地完成。

讓我們來看照片編輯頁面：

推薦解決方案：

1. 我去掉了整個隱藏的菜單並將它換成了可以快速訪問的按鈕。有了快速訪問按鈕，現在用戶可以輕鬆地保存/退出或者撤銷/重做。
2. 通過點擊它們各自的標籤可訪問兩個主要的編輯過程頁面。
3. 現在編輯菜單有了更大並且有合適標籤的圖標，會讓編輯的整個過程更加簡單。

在社交網路上分享：

對於分享的問題，界面不需要做太大的改動。在可用性測試中，所有的用戶都將「發布到 VSCO」誤認為分享按鈕。我將隱藏在另一個菜單中的分享選項放到一個新的菜單中，這個菜單也包括了發布到 VSCO 的選項。

以下是我對分享功能的解決方案：

結果

完成了原型之後，我找了另外一個由六個不同的人組成的小組來進行最終的可用性測試。

測試任務和我在做重新設計之前的任務相似，但是結果卻大相徑庭。之前主導的挫敗感和困惑變成了現在的自信和頓悟。

以下是測試結果：

照相機

編輯照片

分享到社交網路

總結

用戶能在一分鐘內完成所有的任務，較前一次測試時間上顯著降低。之前的測試中用戶平均要花三分鐘來完成任務。所有的被測人員在做任務的過程中表現了自信，並沒有表現出任何的挫敗。

結論

在做重新設計之前，拍照、編輯和分享到社交網路的過程需要做較多的猜測，佔用更長時間並且更難。希望通過我推薦的解決方案，用戶不再僅僅為了使用濾鏡而使用 VSCO，而是能使用這個應用來解決他們所有的攝影需求。

原文：VSCO, More Than Just Filters

推薦閱讀：