VSCO不僅僅有濾鏡——VSCO重設(shè)計過程

我開始這項研究是因為我看到我的朋友需要切換不同的應用程序來給照片編輯和加濾鏡,最后把照片發(fā)布在Instagram上。我的朋友看起來很喜歡VSCO的濾鏡,但是他不會用VSCO的其他功能,而是切換到其他應用程序編輯。這引起了我的思考:明明可以在VSCO上全部編輯完,為什么他要換到其他應用程序中編輯呢?


明確問題

瀏覽完應用程序后,我終于理解我的朋友為什么不用VSCO的全部功能。我發(fā)現(xiàn)一個痛點是缺少圖標標簽,特別是在拍攝和編輯的過程中。有一部分圖標沒有標簽也能辨認,但是,大多數(shù)圖標都很難辨認,這種猜測成本導致了我直接退出應用程序。大部分沒有標簽的圖標都會導致困惑,造成挫折和很糟糕的用戶體驗。事實證明,我不是唯一遇到這個問題而退出應用的用戶。


來看看App store上的評論:

“這個應用程序很難用” —Alovesd

“糟糕的用戶體驗,所有東西都沒到點上,不直觀,破壞了用戶體驗”——David_Burns_Red

“巨大的潛力,但缺少可用性” —rik.venture


用戶角色和任務流

為了找到應用程序的問題,基于VSCO典型用戶的假設(shè),我創(chuàng)造一個叫Charles的角色。Charles是一個19歲的大學生,很喜歡拍攝。他的需求是1、拍照,2、加特效和濾鏡,3、然后分享給他的朋友,下面是Charles理想的場景:

上面這個理想場景顯示了用戶在分享給他的朋友前,想要應用酷炫的編輯器。接下來,我創(chuàng)造任務流,來幫助我看下用戶是怎么帶著他的初始目標/動機去完成事情的。

根據(jù)任務流,很清楚地看到我需要通過解決過程中的痛點來加強核心功能:拍照、編輯和分享。核心功能要給用戶最佳的體驗,這樣應用程序才能走向成功,拉到更多新用戶。


抽樣可用性測試

雖然我假設(shè)了一些痛點,但還不夠。我去到當?shù)氐墓珗@,希望在這里能夠找到和我的用戶畫像相似的用戶。通過任務流,我能設(shè)置一些測試,從而找出應用程序的典型痛點。每個用戶都需要在接近任務流的場景中測試,下面是一些場景例子:

-打開相機并降低曝光拍張照,然后應用你喜歡的濾鏡;

-應用完后,我希望你能稍微編輯下照片,例如調(diào)對比度或者是色溫;

-如果你滿意了,請保存圖片并分享到社交網(wǎng)絡(luò)上。


信息地圖

當回顧了每個測試環(huán)節(jié)的視頻,我寫下關(guān)于用戶動作,評論和想法的筆記。通過使用信息地圖,我把每個痛點分門別類,幫助我總體了解問題。



VSCO的痛點

通過可用性測試和信息地圖,我已經(jīng)能確認痛點是什么,下面我們來看下:

相機

有些用戶無法快速地找到項目,特別是在晚上。相機也有很多功能沒有標簽,導致用戶產(chǎn)生困惑。如果用戶在菜單上滑動,用戶不知道這些功能有什么用。



編輯器和工作流

太多編輯器的圖標沒有標簽,增加了猜測成本和犯錯成本。缺少重做按鈕讓用戶備受挫折,而其他功能(撤銷和保存)卻隱藏在導航菜單里。



分享

當要求將最終的照片分享到社交網(wǎng)絡(luò)時,每個用戶都按錯了按鈕,導致意想不到的結(jié)果。分享按鈕隱藏在另一個菜單里,用戶很難找到它。


制定解決方案

低保真模型

確定問題和痛點之后,我開始制作低保真模型。畫了很多個草稿之后,我有了個粗略的想法。



高保真模型

主頁

有些用戶在可用性測試中很難找到相機,也對底部圖標感到困惑。

下面是我的解決方案



更改的地方:

1、放大相機區(qū)域使其更明顯;

2、把“studio”變成“all images”,使下拉菜單變得不那么模糊,而且更接近用戶看到的內(nèi)容。

3、讓全球信息流的圖標變成更容易辨認


相機功能

在目前的狀態(tài)下,拍攝愛好者很難把相機里的功能充分利用。VSCO相機的一個獨特之處在于你擁有對相機設(shè)置的絕對控制,但如果大多數(shù)用戶覺得很難使用,這意味著沒用。

我們來看相機




更改的地方:

1、撤掉快捷欄,把這個設(shè)置放進可編輯的模塊里

2、編輯圖標下面有清晰的標簽


照片編輯

在照片編輯的過程中,會發(fā)現(xiàn)兩個問題,一個是圖標太抽象,一個是導航不清晰。我的目標是讓這個編輯過程變得有趣。而且所有的用戶都能快速做到。

下面我們來看下



更改的地方:

1、撤掉隱藏菜單,并用快捷按鈕替代。用戶可以通過這些按鈕快速撤銷/重做。

2、通過點擊各自的選項卡,可以看到兩個效果;

3、編輯按鈕變大了,而且有標簽,這樣會讓編輯流程更簡單。


社交分享

社交分享的這個問題,不需要改太多UI。事實證明,在可用性測試中,用戶把“發(fā)布到VSCO”的按鈕當成了分享按鈕。我把分享按鈕拿出來,放到新的菜單中。

下面是我的解決方案



結(jié)果

完成了原型后, 我找了另外一組用戶做最終的可用性測試。

任務跟我重設(shè)計之前差不多,但是結(jié)果很不一樣。用戶的挫折感和困惑的時間減弱了,變成了驚喜感和信任感。

以下是測試結(jié)果:

相機

照片編輯

社交分享

小結(jié):

用戶能夠在一分鐘之內(nèi)完成任務,比之前的設(shè)計減少了大約3分鐘時間。每個測試者沒有遇到挫折。

總結(jié):

在重設(shè)計前,拍照、編輯和分享的功能因為用戶猜測成本花費很長時間,很難用。而通過我提出的解決方案,VSCO不僅僅是濾鏡了,它能滿足所有拍照需求。



————————————

原文地址:VSCO, More Than Just Filters

??

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,777評論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,057評論 4 61
  • 附規(guī)則地址:https://developer.apple.com/app-store/review/guidel...
    iOS_大菜鳥閱讀 8,771評論 1 3
  • 如此美好的一天開始,我卻還躺在床上,不知該睡去還是該清醒
    sunfove閱讀 201評論 0 2
  • 今天是周五,海棠和曾毅又吵架了。 我也在偷聽,海棠卻沒有發(fā)現(xiàn)。 "香堇!去寫作業(yè),媽媽想跟爸爸說幾句話!"海 棠說...
    白嘉淺閱讀 256評論 0 2

友情鏈接更多精彩內(nèi)容