SnapChat 是一款著名的「閱后即焚」照片視頻分享應(yīng)用。在 SnapChat 與好友聊天時(shí)發(fā)送的照片只有 1-10 秒生命期蟀给,照片在被用戶瀏覽后會(huì)按預(yù)先設(shè)定的時(shí)間自動(dòng)銷毀青柄,而發(fā)給好友的視頻在觀看一次后也會(huì)被銷毀。
iTunes App Store 中的 "SnapChat"
Google Play 中的 "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ì)介紹視頻不感興趣。
任務(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)擊后巴帮,直到提示消失,才完成了拍照操作虐秋。
任務(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ú)效操作。
任務(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é)在「已添加」按鈕上困鸥。
任務(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ā)起聊天漆诽。
分析及改進(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)(如下圖所示)乡数,這樣有利于用戶快速理解功能。
另外闻牡,照相頁(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)景,用戶只需要獲取信息而不需要反饋浮定,把按鈕取消反而是減少用戶歧義的做法相满。
重新檢視圖標(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.