SnapChat 可用性測(cè)試

SnapChat 是一款著名的「閱后即焚」照片視頻分享應(yīng)用。在 SnapChat 與好友聊天時(shí)發(fā)送的照片只有 1-10 秒生命期蟀给,照片在被用戶瀏覽后會(huì)按預(yù)先設(shè)定的時(shí)間自動(dòng)銷毀青柄,而發(fā)給好友的視頻在觀看一次后也會(huì)被銷毀。

iTunes App Store 中的 "SnapChat"
Google Play 中的 "SnapChat"

SnapChat

測(cè)試目標(biāo)

通過(guò)兩組 7 個(gè)基本任務(wù)分析出 SnapChat 的可用性問(wèn)題。這次測(cè)試找來(lái)四位 iPhone 和 Android 用戶峭弟,他們有使用即時(shí)聊天工具與社交軟件的習(xí)慣,但沒(méi)有使用過(guò) SnapChat脱拼。測(cè)試的軟件版本為 9.4.0瞒瘸,測(cè)試設(shè)備為 iPhone 5c。


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

通過(guò)幾個(gè)預(yù)測(cè)試熄浓,發(fā)現(xiàn)測(cè)試者在初次使用 SnapChat 時(shí)與初次使用其它應(yīng)用類似情臭,條目會(huì)進(jìn)行簡(jiǎn)單的探索,比如嘗試使用一些功能赌蔑、反復(fù)瀏覽頁(yè)面俯在。但在現(xiàn)實(shí)情境下不同的是,SnapChat 作為一款 IM 應(yīng)用娃惯,新用戶很有可能經(jīng)朋友的渠道獲知這款應(yīng)用才嘗試使用跷乐,他們探索 SnapChat 的耐心比工具類應(yīng)用更高。而且在注冊(cè)過(guò)程中趾浅,很少用戶會(huì)跳過(guò)從通訊錄添加好友的過(guò)程愕提。因此在設(shè)計(jì)測(cè)試任務(wù)時(shí),既注意了測(cè)試任務(wù)的簡(jiǎn)易程度潮孽,又盡可能保證使用情境的真實(shí)性揪荣。

第一組:界面處于注冊(cè)完成后的初始狀態(tài),有未讀 snap 提醒
1.查看未讀 snap
2.打開(kāi) (Team SnapChat) 聊天窗口
3.拍一張照片
4.修改銷毀時(shí)間
5.發(fā)送照片

第二組:系統(tǒng)通知有 SnapChat 好友添加了自己的消息
1.查看已添加消息
2.與好友發(fā)起聊天


測(cè)試結(jié)果

我將手機(jī)狀態(tài)預(yù)先調(diào)整為測(cè)試任務(wù)的界面往史,然后將兩組狀態(tài)的界面先后交給測(cè)試者仗颈,并簡(jiǎn)單描述當(dāng)前使用的情景。如第一組為在注冊(cè)完成后初始探索界面椎例,第二組為有用戶確認(rèn)了測(cè)試者的添加好友申請(qǐng)挨决。整個(gè)過(guò)程使用 QuickTime for Mac 進(jìn)行錄屏,并用紙筆記錄測(cè)試者的感受订歪,結(jié)束后將每位測(cè)試者的測(cè)試任務(wù)完成情況整理出來(lái)脖祈。

測(cè)試結(jié)果如下:

任務(wù) A B C D
1.1 查看未讀 Snap - - ×
1.2 打開(kāi)聊天窗口
1.3 拍一張照片 × - - -
1.4 修改銷毀時(shí)間 -
1.5 發(fā)送照片 -
2.1 查看已添加消息 - - × -
2.2 與好友發(fā)起聊天 - × -
  • 對(duì)號(hào) (√) 表示較順利成功完成操作
  • 間隔號(hào) (-) 表示雖然成功完成操作,但過(guò)程并不順利
  • 錯(cuò)號(hào) (×) 表示沒(méi)有完成操作刷晋,或完成操作非常困難

任務(wù) 1.1:查看未讀 snap

在注冊(cè)完畢后盖高,用戶看到的首個(gè)頁(yè)面便是照相界面慎陵。由于左下角有明顯的未讀消息提示,所有測(cè)試者都順利進(jìn)入 snap 列表頁(yè)喻奥。而令測(cè)試者困惑的是查看未讀消息的交互操作席纽,正確的做法是長(zhǎng)按消息條目,但所有測(cè)試者都先嘗試點(diǎn)擊條目撞蚕。雖然測(cè)試者很快就通過(guò)文字提示理解了正確的打開(kāi)方式润梯,只有一位測(cè)試者留意到右上角的倒計(jì)時(shí)提醒并完整看完 30 秒介紹視頻。有兩位測(cè)試者長(zhǎng)按幾秒后又松開(kāi)手指甥厦,斷斷續(xù)續(xù)才看完視頻纺铭,他們?cè)陂L(zhǎng)按幾次后才留意到倒計(jì)時(shí)。有一位測(cè)試者長(zhǎng)按兩次后放棄了操作刀疙,直接進(jìn)入下一個(gè)任務(wù)舶赔,顯然他沒(méi)有留意到倒計(jì)時(shí)并對(duì)介紹視頻不感興趣。

TASK 1.1

任務(wù) 1.2:打開(kāi) (Team SnapChat) 聊天窗口

測(cè)試者在查看未讀 snap 時(shí)便意識(shí)到點(diǎn)擊消息條目沒(méi)有功能庙洼。但點(diǎn)擊后顿痪,條目會(huì)向右微移再?gòu)?fù)原,這個(gè)動(dòng)畫效果讓每位測(cè)試者都很快理解了向右滑動(dòng)的正確操作油够,文字提示也幫助了測(cè)試者理解操作蚁袭。在這個(gè)任務(wù)中,測(cè)試者都順利進(jìn)入了聊天頁(yè)面石咬。

任務(wù) 1.3:拍一張照片

無(wú)論是從聊天頁(yè)面打開(kāi)相機(jī)還是從主頁(yè)嘗試進(jìn)行拍照揩悄,每位測(cè)試者都表示困惑,原因是照相頁(yè)面默認(rèn)顯示「點(diǎn)擊拍照鬼悠、長(zhǎng)按錄像」的提示删性,在清除這個(gè)提示前,用戶無(wú)法進(jìn)行拍照操作焕窝。每位測(cè)試者都多次點(diǎn)擊快門卻無(wú)果蹬挺,甚至有一位測(cè)試者因無(wú)法弄懂原因而離開(kāi)了照相界面。最終它掂,測(cè)試者在等待片刻和反復(fù)點(diǎn)擊后巴帮,直到提示消失,才完成了拍照操作虐秋。

TASK 1.2 & 1.3

任務(wù) 1.4:修改銷毀時(shí)間

這個(gè)操作在完成拍照后進(jìn)入的編輯頁(yè)面中榕茧,由于圖標(biāo)含有數(shù)字較為特別,有三位測(cè)試者很快地找到了圖標(biāo)并順利修改銷毀時(shí)間客给。另一位測(cè)試者在修改銷毀時(shí)間后嘗試點(diǎn)擊時(shí)間以確認(rèn)操作用押,但也很快便意識(shí)到正確的確認(rèn)操作是點(diǎn)擊上方的空白處。

任務(wù) 1.5:發(fā)送照片

發(fā)送照片的圖標(biāo)為動(dòng)態(tài)圖標(biāo)靶剑,并與其余編輯操作的圖標(biāo)分開(kāi)放置蜻拨,每個(gè)測(cè)試者都能快速找到發(fā)送按鈕池充。但在點(diǎn)擊發(fā)送按鈕后的選擇分享途徑頁(yè)面中,有一位測(cè)試者由于未選擇任何一個(gè)途徑缎讼,在沒(méi)看到「確認(rèn)發(fā)送」的按鈕前嘗試點(diǎn)擊了右上角的「添加好友」圖標(biāo)纵菌,這是一個(gè)無(wú)效操作。

TASK 1.4 & 1.5

任務(wù) 2.1:查看已添加消息

查看已添加消息的操作存在兩處表意不明的問(wèn)題休涤。

三位測(cè)試者在看到鎖定屏幕的消息通知后,直接右滑通知條進(jìn)入了已添加消息的頁(yè)面笛辟。但在看到消息后功氨,他們都嘗試點(diǎn)擊了右側(cè)的「已添加」按鈕。實(shí)際上手幢,在這時(shí)候點(diǎn)擊「已添加」按鈕會(huì)撤銷對(duì)好友的添加捷凄,而點(diǎn)擊后按鈕會(huì)變成未添加時(shí)的「待添加」按鈕。這三位測(cè)試者都反復(fù)點(diǎn)擊了「已添加」按鈕兩次以上围来,在意識(shí)到這個(gè)操作是無(wú)效的才放棄點(diǎn)擊跺涤。其實(shí)此時(shí)已添加消息不需要進(jìn)行操作,直接退出界面即可监透。

有一位測(cè)試者并沒(méi)有直接進(jìn)入消息頁(yè)面桶错,而是先解鎖屏幕,再點(diǎn)擊圖標(biāo)進(jìn)入應(yīng)用胀蛮。這時(shí)院刁,消息的提醒位置在照相頁(yè)面(主頁(yè))的頂部,原透明底色的 SnapChat 圖標(biāo)變?yōu)榱它S色底色粪狼。但這位測(cè)試者并沒(méi)有意識(shí)到這是新消息提醒退腥,在來(lái)回瀏覽幾個(gè)頁(yè)面后,才無(wú)意觸發(fā)了正確的操作——點(diǎn)擊圖標(biāo)或在照相頁(yè)面中執(zhí)行下滑操作再榄。而在進(jìn)入正確的消息頁(yè)面后狡刘,依然像其它三位測(cè)試者一樣,糾結(jié)在「已添加」按鈕上困鸥。

TASK 2.1

任務(wù) 2.2:與好友發(fā)起聊天

在查看了消息后嗅蔬,所有測(cè)試者都嘗試點(diǎn)擊消息條目來(lái)發(fā)起聊天,但這不是正確的操作方式窝革。只有一位測(cè)試者很快在 snap 列表頁(yè)的左上角找到了發(fā)起聊天的按鈕购城;有兩位測(cè)試者先嘗試進(jìn)入了通訊錄中進(jìn)行探索,意識(shí)到?jīng)]有結(jié)果后虐译,才陸續(xù)找到了正確的按鈕位置瘪板;另一位測(cè)試者則經(jīng)過(guò)反復(fù)瀏覽也沒(méi)有找到正確的按鈕位置,最后只能通過(guò)先拍照再選擇發(fā)送對(duì)象的方式發(fā)起聊天漆诽。

TASK 2.2

分析及改進(jìn)建議

經(jīng)過(guò)兩組 7 個(gè)任務(wù)測(cè)試侮攀,測(cè)試者對(duì) SnapChat 的初步印象并不算好锣枝。這與 SnapChat 的交互方式有別于與主流應(yīng)用不無(wú)關(guān)系。如果有適當(dāng)?shù)男率忠龑?dǎo)或足夠明確的功能操作兰英,新用戶也可以快速上手一款交互方式新穎的應(yīng)用撇叁,但顯然 SnapChat 并沒(méi)有做好。

1. 新手引導(dǎo)不夠明確

不能說(shuō) SnapChat 沒(méi)有新手引導(dǎo)畦贸,但引導(dǎo)視頻以聊天記錄的形式分幾次呈現(xiàn)給用戶陨闹,這樣并不友好。對(duì)從來(lái)沒(méi)有使用過(guò) SnapChat薄坏,他們對(duì)查看未讀 snap 的操作也是模糊的趋厉,更不能指望他們會(huì)完整看完里面的內(nèi)容了。

在初次使用 SnapChat 時(shí)需要經(jīng)過(guò)注冊(cè)胶坠,用戶或許已經(jīng)沒(méi)有耐心再花時(shí)間瀏覽功能的引導(dǎo)頁(yè)面或視頻君账,讓他們盡快進(jìn)入界面體驗(yàn)應(yīng)用是正確的方式。因此沈善,新手引導(dǎo)更適合在指定場(chǎng)景里出現(xiàn)(如下圖所示)乡数,這樣有利于用戶快速理解功能。

新手引導(dǎo)的改進(jìn)

另外闻牡,照相頁(yè)面(主頁(yè))的操作提示也歧不難避免歧義净赴。點(diǎn)擊空白處關(guān)閉提示,或給出關(guān)閉按鈕澈侠,這都是有效的解決辦法劫侧。

2.圖標(biāo)指意不明

SnapChat 在許多界面中采用了全屏顯示的大膽設(shè)計(jì),但一定程度上讓焦點(diǎn)變得更散落哨啃,這時(shí)候鮮明烧栋、指意清晰的操作提示或按鈕就顯得很重要。比如:

  • 在照片/視頻瀏覽界面中拳球,右上角的倒計(jì)時(shí)對(duì)新用戶來(lái)說(shuō)難以察覺(jué)审姓。雖然可以通過(guò)新手引導(dǎo)告訴用戶,但提高它的可見(jiàn)性更為有效祝峻。
  • 好友添加的未讀提醒比起未讀消息/故事的區(qū)分性小魔吐,提醒的圖標(biāo)也不相同(前者為圖標(biāo)增加色塊背景,后者為帶數(shù)字的標(biāo)注)莱找。如果將提醒圖標(biāo)統(tǒng)一起來(lái)酬姆,用戶會(huì)更容易接受信息。
  • 在已添加消息的列表中奥溺,「已添加」按鈕容易被用戶理解為需要確認(rèn)消息的查閱狀態(tài)辞色。在這個(gè)場(chǎng)景,用戶只需要獲取信息而不需要反饋浮定,把按鈕取消反而是減少用戶歧義的做法相满。
一些不容易被察覺(jué)或容易產(chǎn)生歧義的圖標(biāo)

重新檢視圖標(biāo)的可見(jiàn)性层亿、識(shí)別度,重新從用戶場(chǎng)景出發(fā)發(fā)現(xiàn)問(wèn)題立美,相信會(huì)改善不少 SnapChat 的用戶體驗(yàn)匿又。


本文系 Weekly Design Challenge 系列,第七周

Click here to see the English version.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末建蹄,一起剝皮案震驚了整個(gè)濱河市碌更,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌洞慎,老刑警劉巖针贬,帶你破解...
    沈念sama閱讀 206,602評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異拢蛋,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)蔫巩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門谆棱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人圆仔,你說(shuō)我怎么就攤上這事垃瞧。” “怎么了坪郭?”我有些...
    開(kāi)封第一講書人閱讀 152,878評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵个从,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我歪沃,道長(zhǎng)嗦锐,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 55,306評(píng)論 1 279
  • 正文 為了忘掉前任沪曙,我火速辦了婚禮奕污,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘液走。我一直安慰自己碳默,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布缘眶。 她就那樣靜靜地躺著嘱根,像睡著了一般。 火紅的嫁衣襯著肌膚如雪巷懈。 梳的紋絲不亂的頭發(fā)上该抒,一...
    開(kāi)封第一講書人閱讀 49,071評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音砸喻,去河邊找鬼柔逼。 笑死蒋譬,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的愉适。 我是一名探鬼主播犯助,決...
    沈念sama閱讀 38,382評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼维咸!你這毒婦竟也來(lái)了剂买?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 37,006評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤癌蓖,失蹤者是張志新(化名)和其女友劉穎瞬哼,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體租副,經(jīng)...
    沈念sama閱讀 43,512評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡坐慰,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了用僧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片结胀。...
    茶點(diǎn)故事閱讀 38,094評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖责循,靈堂內(nèi)的尸體忽然破棺而出糟港,到底是詐尸還是另有隱情,我是刑警寧澤院仿,帶...
    沈念sama閱讀 33,732評(píng)論 4 323
  • 正文 年R本政府宣布秸抚,位于F島的核電站,受9級(jí)特大地震影響歹垫,放射性物質(zhì)發(fā)生泄漏剥汤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評(píng)論 3 307
  • 文/蒙蒙 一排惨、第九天 我趴在偏房一處隱蔽的房頂上張望秀姐。 院中可真熱鬧,春花似錦若贮、人聲如沸省有。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,286評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)蠢沿。三九已至,卻和暖如春匾效,著一層夾襖步出監(jiān)牢的瞬間舷蟀,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,512評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留野宜,地道東北人扫步。 一個(gè)月前我還...
    沈念sama閱讀 45,536評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像匈子,于是被迫代替她去往敵國(guó)和親河胎。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容