Visual Supply公司出品的VSCO Cam是一款時(shí)尚并強(qiáng)大的移動(dòng)端照片處理應(yīng)用，無(wú)論在App Store還是Google Play都有著4.5星的優(yōu)異戰(zhàn)績(jī)。VSCO有一大批忠實(shí)的用戶群，而且他們的Grid(應(yīng)用內(nèi)置與在線的照片流)當(dāng)中有著很多我所見過的最美的照片。在2014年5月，他們成功融得4000萬(wàn)美元的投資。

可用性測(cè)試的目標(biāo)

通過6個(gè)基本任務(wù)識(shí)別出VSCO當(dāng)中的可用性問題及痛點(diǎn)。其中的3個(gè)任務(wù)直接來(lái)源于App Store的小編所撰寫的簡(jiǎn)述：

Visual Supply公司的這款攝影應(yīng)用為攝影師及業(yè)余愛好者帶來(lái)了大量令人驚嘆的工具。無(wú)修飾的界面設(shè)計(jì)風(fēng)格能幫你更加輕松的為照片使用濾鏡，調(diào)整曝光，并與他人分享你的創(chuàng)作。

為了測(cè)試這些關(guān)鍵功能，我找來(lái)5名擁有不同背景的移動(dòng)用戶，進(jìn)行了一次“地下”可用性測(cè)試。我對(duì)于這5名被測(cè)的要求很簡(jiǎn)單：他們是iPhone或安卓手機(jī)用戶，熟悉攝影方面的一些基本常識(shí)(例如濾鏡、裁剪、曝光等)，并且不曾使用過VSCO Cam應(yīng)用。

測(cè)試任務(wù)

1. 拍一張照片。
2. 為照片添加濾鏡。
3. 裁剪照片。
4. 調(diào)整照片的曝光。
5. 從手機(jī)相冊(cè)中添加一張照片。
6. 將照片分享到社交網(wǎng)絡(luò)中。

分析

我讓被測(cè)用戶在他們的手機(jī)上下載并打開VSCO Cam，然后使用我自己的手機(jī)拍攝測(cè)試時(shí)的情況。測(cè)試結(jié)束后，我會(huì)重新觀看這些視頻，并將從中發(fā)現(xiàn)的關(guān)鍵信息記錄在貼紙上。

如上圖所示，矩陣頂部橫向各單元(橘色貼紙)代表每個(gè)被測(cè)用戶，左側(cè)縱向各單元(藍(lán)色貼紙)代表不同的測(cè)試任務(wù)，其余的彩色貼紙代表不同被測(cè)在完成各個(gè)任務(wù)時(shí)的順利程度。

接下來(lái)我們看看具體的測(cè)試結(jié)果。需要說明一下，在下面的圖片當(dāng)中，綠色箭頭指向的是正確的操作流程，紅色箭頭代表被測(cè)進(jìn)行的錯(cuò)誤操作。

任務(wù)1：拍照

全部成功！每名被測(cè)都在VSCO Cam當(dāng)中順利的完成了拍照任務(wù)。很不錯(cuò)的一個(gè)開始。

任務(wù)2：為照片添加濾鏡

我們從這里開始遇到問題，沒有任何一名被測(cè)在初次嘗試時(shí)順利的完成任務(wù)。在照片選擇界面中，他們不斷點(diǎn)擊著錯(cuò)誤的圖標(biāo)，如下圖左側(cè)的三個(gè)紅色箭頭所示。

實(shí)際上，要正確的完成這個(gè)任務(wù)，用戶首先需要選擇一張照片，此時(shí)界面底部會(huì)出現(xiàn)編輯菜單，點(diǎn)擊其中第二個(gè)編輯圖標(biāo)即可添加濾鏡，如上圖中間的綠色箭頭所示。用戶初次使用時(shí)不了解這一點(diǎn)，他們會(huì)直接嘗試界面當(dāng)中默認(rèn)可見的各種操作。

不過，一旦用戶了解了濾鏡的入口，選中了某個(gè)濾鏡(如上圖右側(cè)所示，此時(shí)任務(wù)2完成)，下一步動(dòng)作就相對(duì)明顯多了，因?yàn)樵谶@里他們只有兩件事情可做：

1. 再次點(diǎn)擊之前所選的濾鏡縮略圖，調(diào)整濾鏡效果參數(shù)。
2. 點(diǎn)擊底部處于收起狀態(tài)的菜單欄。

任務(wù)3和4：裁剪照片并調(diào)整曝光

被測(cè)用戶在上一個(gè)任務(wù)的最后一步，點(diǎn)擊底部處于收起狀態(tài)的菜單欄，展開菜單欄，此時(shí)障礙再次出現(xiàn)。這里共產(chǎn)生5次誤操作，其中的4次會(huì)造成任務(wù)流程中斷；有的被測(cè)會(huì)嘗試點(diǎn)擊“撤銷操作”按鈕，有的會(huì)點(diǎn)擊“恢復(fù)原圖”按鈕，此外還有點(diǎn)擊確認(rèn)和取消操作的情況。而只有點(diǎn)擊菜單欄中的扳手按鈕，才可以展開新的功能菜單，在這里能找到裁剪與曝光調(diào)整功能。

任務(wù)5：從手機(jī)相冊(cè)中添加一張照片

這個(gè)任務(wù)對(duì)于被測(cè)用戶的困難程度超出想象。正確的操作方式是點(diǎn)擊帶有“+”符號(hào)的灰色大按鈕，如上圖左側(cè)綠色箭頭所示。但這個(gè)按鈕在界面中的對(duì)比度過低，而且“+”很難讓用戶明確的了解其功能。被測(cè)用戶的注意力會(huì)被頂部和底部的幾個(gè)更加明亮的圖標(biāo)所吸引，并點(diǎn)擊嘗試。

另外也有些被測(cè)用戶指出，在周圍都是白色亮圖標(biāo)的界面環(huán)境中，那么暗的一個(gè)灰色按鈕，感覺上像是不可用或不可點(diǎn)擊的意思。

任務(wù)6：將照片分享到社交網(wǎng)絡(luò)中

經(jīng)過前面5個(gè)任務(wù)的折騰，被測(cè)用戶已經(jīng)對(duì)每個(gè)界面有了更多的認(rèn)知，對(duì)應(yīng)用整體也更加熟悉了。此外由于分享按鈕的圖標(biāo)本身表意也很明確，所以多數(shù)用戶還算可以相對(duì)輕松的找到這個(gè)功能所在，并完成任務(wù)。

除非有內(nèi)部數(shù)據(jù)，否則我們很難判斷有多少實(shí)際用戶在初次上手之后會(huì)像我們做測(cè)試這樣有充足的時(shí)間去嘗試，在試圖使用基本功能并遇到挫折后又會(huì)有多少耐心去繼續(xù)使用。

兩個(gè)關(guān)鍵問題

問題1：VSCO Cam的操作流程是非線性的，對(duì)新手用戶缺少必要的引導(dǎo)和提示。

對(duì)于VSCO Cam來(lái)說，所面對(duì)的設(shè)計(jì)挑戰(zhàn)之一，就是怎樣讓新用戶盡快上手這樣一款功能豐富但流程非線性的應(yīng)用。

正如App Store中所介紹的那樣，VSCO Cam的用戶群范圍還是很廣泛的；但無(wú)論是專業(yè)人士還是攝影愛好者，從上手VSCO Cam的那刻起，他們都是“新手用戶”。繁多而強(qiáng)大的功能一方面造就了這樣一款有價(jià)值的應(yīng)用，一方面也會(huì)因?yàn)閺?fù)雜度的問題而產(chǎn)生負(fù)面影響。困難就在于通過怎樣的方式讓新手用戶盡快熟悉操作并留下來(lái)，而不是沮喪的離開。

與Instagram及其他一些相對(duì)簡(jiǎn)單的攝影類應(yīng)用相比，VSCO Cam的非線性流程允許多個(gè)用例并行存在。與傳統(tǒng)的“拍照、做圖、分享”不同，這款應(yīng)用允許用戶通過不同的參數(shù)，經(jīng)由多種流程來(lái)達(dá)到目標(biāo)。

在測(cè)試過程中，有一名被測(cè)用戶嘗試了29次才完成了一個(gè)任務(wù)。我鼓勵(lì)他進(jìn)行發(fā)聲思維，把感受通過語(yǔ)言表達(dá)出來(lái)，并假設(shè)我不在場(chǎng)。結(jié)果這名被測(cè)用戶說：

“說實(shí)話，如果真能假設(shè)你不在這里，我只會(huì)砸爛這個(gè)應(yīng)用，扔掉它。”

 

改進(jìn)建議

提供一些幻燈片風(fēng)格或其他形式的新手引導(dǎo)，幫助新用戶盡快了解最關(guān)鍵的界面與功能。

雖然有點(diǎn)累贅，但如果做的得當(dāng)，功能就會(huì)變得一目了然，這是值得的。在設(shè)計(jì)新手引導(dǎo)時(shí)，要遵從當(dāng)前的一些最佳實(shí)踐模式，允許用戶隨時(shí)退出教學(xué)引導(dǎo)，并提供入口，使他們將來(lái)還可以訪問到這些引導(dǎo)內(nèi)容。

如今，VSCO Cam的官方博客上有一些教學(xué)視頻，但應(yīng)用本身卻沒有提供。

所以，他們也許可以嘗試在應(yīng)用內(nèi)部給出一些針對(duì)核心功能的簡(jiǎn)要引導(dǎo)，例如拍照、使用濾鏡和分享等等；對(duì)于更多相對(duì)次要的功能，博客上的教學(xué)視頻仍可派上用場(chǎng)。

問題2：界面的視覺層次不合理

我們回顧一下任務(wù)2和5(為照片添加濾鏡、從手機(jī)相冊(cè)中添加一張照片)。這兩個(gè)環(huán)節(jié)中，新手用戶的認(rèn)知負(fù)荷驟增，他們所面對(duì)的是各種圖標(biāo)形式的功能選項(xiàng)，界面沒能通過合理的層級(jí)關(guān)系來(lái)告訴用戶哪些功能與當(dāng)前環(huán)節(jié)的主要目標(biāo)最為相關(guān)。

改進(jìn)建議

降低頂部?jī)蓚€(gè)白色圖標(biāo)在界面當(dāng)中的對(duì)比度。這兩個(gè)圖標(biāo)，一個(gè)負(fù)責(zé)篩選照片，一個(gè)負(fù)責(zé)切換照片列表視圖模式，均屬于特定情況下有可能用到的輔助功能，與用戶當(dāng)前最重要的圖片編輯類目標(biāo)關(guān)聯(lián)都不大。

而底部?jī)蓚€(gè)按鈕雖然在視覺權(quán)重上很高，但也有高的道理，一個(gè)是全局菜單，一個(gè)是拍照界面入口，所以可以不去管它們。

而對(duì)于用來(lái)從系統(tǒng)相冊(cè)添加照片的“+”按鈕，則可以試著提升對(duì)比度，至少不再是這種容易讓人理解為“不可點(diǎn)擊”的樣式。

小結(jié)

當(dāng)然，這些建議都是來(lái)自我個(gè)人的，所基于的也只是有5名被測(cè)參加的可用性測(cè)試。我更想有機(jī)會(huì)能看看VSCO Cam的真實(shí)數(shù)據(jù)，以驗(yàn)證我所發(fā)現(xiàn)的問題。無(wú)論怎樣，對(duì)于一款移動(dòng)應(yīng)用來(lái)說，不斷的發(fā)現(xiàn)問題、提出假設(shè)、迭代、驗(yàn)證——這個(gè)循環(huán)是不可或缺的。

來(lái)源：be for web