SnapChat 可用性测试
cac55 2025-01-21 15:32 21 浏览 0 评论
小编推荐:可用性测试是很多交互设计师,产品经理常说的,但真正实行起来除了非常正规的公司,很多时候都比较草率,本文是比较系统的一个测试流程,推荐哦~
SnapChat 是一款著名的「阅后即焚」照片视频分享应用。在 SnapChat 与好友聊天时发送的照片只有 1-10 秒生命期,照片在被用户浏览后会按预先设定的时间自动销毁,而发给好友的视频在观看一次后也会被销毁。
SnapChat
测试目标
通过两组 7 个基本任务分析出 SnapChat 的可用性问题。这次测试找来四位 iPhone 和 Android 用户,他们有使用即时聊天工具与社交软件的习惯,但没有使用过 SnapChat。测试的软件版本为 9.4.0,测试设备为 iPhone 5c。
测试任务
通过几个预测试,发现测试者在初次使用 SnapChat 时与初次使用其它应用类似,条目会进行简单的探索,比如尝试使用一些功能、反复浏览页面。但在现实情境下不同的是,SnapChat 作为一款 IM 应用,新用户很有可能经朋友的渠道获知这款应用才尝试使用,他们探索 SnapChat 的耐心比工具类应用更高。而且在注册过程中,很少用户会跳过从通讯录添加好友的过程。因此在设计测试任务时,既注意了测试任务的简易程度,又尽可能保证使用情境的真实性。
第一组:
界面处于注册完成后的初始状态,有未读 snap 提醒
1.查看未读 snap
2.打开 (Team SnapChat) 聊天窗口
3.拍一张照片
4.修改销毁时间
5.发送照片
第二组:
系统通知有 SnapChat 好友添加了自己的消息
1.查看已添加消息
2.与好友发起聊天
测试结果
我将手机状态预先调整为测试任务的界面,然后将两组状态的界面先后交给测试者,并简单描述当前使用的情景。如第一组为在注册完成后初始探索界面,第二组为有用户确认了测试者的添加好友申请。整个过程使用 QuickTime for Mac 进行录屏,并用纸笔记录测试者的感受,结束后将每位测试者的测试任务完成情况整理出来。
测试结果如下:
任务 | A | B | C | D |
---|---|---|---|---|
1.1 查看未读 Snap | √ | - | - | × |
1.2 打开聊天窗口 | √ | √ | √ | √ |
1.3 拍一张照片 | × | - | - | - |
1.4 修改销毁时间 | √ | √ | √ | - |
1.5 发送照片 | √ | √ | - | √ |
2.1 查看已添加消息 | - | - | × | - |
2.2 与好友发起聊天 | √ | - | × | - |
- 对号 (√) 表示较顺利成功完成操作
- 间隔号 (-) 表示虽然成功完成操作,但过程并不顺利
- 错号 (×) 表示没有完成操作,或完成操作非常困难
任务 1.1:查看未读 snap
在注册完毕后,用户看到的首个页面便是照相界面。由于左下角有明显的未读消息提示,所有测试者都顺利进入 snap 列表页。而令测试者困惑的是查看未读消息的交互操作,正确的做法是长按消息条目,但所有测试者都先尝试点击条目。虽然测试者很快就通过文字提示理解了正确的打开方式,只有一位测试者留意到右上角的倒计时提醒并完整看完 30 秒介绍视频。有两位测试者长按几秒后又松开手指,断断续续才看完视频,他们在长按几次后才留意到倒计时。有一位测试者长按两次后放弃了操作,直接进入下一个任务,显然他没有留意到倒计时并对介绍视频不感兴趣。
TASK 1.1
任务 1.2:打开 (Team SnapChat) 聊天窗口
测试者在查看未读 snap 时便意识到点击消息条目没有功能。但点击后,条目会向右微移再复原,这个动画效果让每位测试者都很快理解了向右滑动的正确操作,文字提示也帮助了测试者理解操作。在这个任务中,测试者都顺利进入了聊天页面。
任务 1.3:拍一张照片
无论是从聊天页面打开相机还是从主页尝试进行拍照,每位测试者都表示困惑,原因是照相页面默认显示「点击拍照、长按录像」的提示,在清除这个提示前,用户无法进行拍照操作。每位测试者都多次点击快门却无果,甚至有一位测试者因无法弄懂原因而离开了照相界面。最终,测试者在等待片刻和反复点击后,直到提示消失,才完成了拍照操作。
TASK 1.2 & 1.3
任务 1.4:修改销毁时间
这个操作在完成拍照后进入的编辑页面中,由于图标含有数字较为特别,有三位测试者很快地找到了图标并顺利修改销毁时间。另一位测试者在修改销毁时间后尝试点击时间以确认操作,但也很快便意识到正确的确认操作是点击上方的空白处。
任务 1.5:发送照片
发送照片的图标为动态图标,并与其余编辑操作的图标分开放置,每个测试者都能快速找到发送按钮。但在点击发送按钮后的选择分享途径页面中,有一位测试者由于未选择任何一个途径,在没看到「确认发送」的按钮前尝试点击了右上角的「添加好友」图标,这是一个无效操作。
TASK 1.4 & 1.5
任务 2.1:查看已添加消息
查看已添加消息的操作存在两处表意不明的问题。
三位测试者在看到锁定屏幕的消息通知后,直接右滑通知条进入了已添加消息的页面。但在看到消息后,他们都尝试点击了右侧的「已添加」按钮。实际上,在这时候点击「已添加」按钮会撤销对好友的添加,而点击后按钮会变成未添加时的「待添加」按钮。这三位测试者都反复点击了「已添加」按钮两次以上,在意识到这个操作是无效的才放弃点击。其实此时已添加消息不需要进行操作,直接退出界面即可。
有一位测试者并没有直接进入消息页面,而是先解锁屏幕,再点击图标进入应用。这时,消息的提醒位置在照相页面(主页)的顶部,原透明底色的 SnapChat 图标变为了黄色底色。但这位测试者并没有意识到这是新消息提醒,在来回浏览几个页面后,才无意触发了正确的操作——点击图标或在照相页面中执行下滑操作。而在进入正确的消息页面后,依然像其它三位测试者一样,纠结在「已添加」按钮上。
TASK 2.1
任务 2.2:与好友发起聊天
在查看了消息后,所有测试者都尝试点击消息条目来发起聊天,但这不是正确的操作方式。只有一位测试者很快在 snap 列表页的左上角找到了发起聊天的按钮;有两位测试者先尝试进入了通讯录中进行探索,意识到没有结果后,才陆续找到了正确的按钮位置;另一位测试者则经过反复浏览也没有找到正确的按钮位置,最后只能通过先拍照再选择发送对象的方式发起聊天。
TASK 2.2
分析及改进建议
经过两组 7 个任务测试,测试者对 SnapChat 的初步印象并不算好。这与 SnapChat 的交互方式有别于与主流应用不无关系。如果有适当的新手引导或足够明确的功能操作,新用户也可以快速上手一款交互方式新颖的应用,但显然 SnapChat 并没有做好。
1. 新手引导不够明确
不能说 SnapChat 没有新手引导,但引导视频以聊天记录的形式分几次呈现给用户,这样并不友好。对从来没有使用过 SnapChat,他们对查看未读 snap 的操作也是模糊的,更不能指望他们会完整看完里面的内容了。
在初次使用 SnapChat 时需要经过注册,用户或许已经没有耐心再花时间浏览功能的引导页面或视频,让他们尽快进入界面体验应用是正确的方式。因此,新手引导更适合在指定场景里出现(如下图所示),这样有利于用户快速理解功能。
新手引导的改进
另外,照相页面(主页)的操作提示也歧不难避免歧义。点击空白处关闭提示,或给出关闭按钮,这都是有效的解决办法。
2.图标指意不明
SnapChat 在许多界面中采用了全屏显示的大胆设计,但一定程度上让焦点变得更散落,这时候鲜明、指意清晰的操作提示或按钮就显得很重要。比如:
- 在照片/视频浏览界面中,右上角的倒计时对新用户来说难以察觉。虽然可以通过新手引导告诉用户,但提高它的可见性更为有效。
- 好友添加的未读提醒比起未读消息/故事的区分性小,提醒的图标也不相同(前者为图标增加色块背景,后者为带数字的标注)。如果将提醒图标统一起来,用户会更容易接受信息。
- 在已添加消息的列表中,「已添加」按钮容易被用户理解为需要确认消息的查阅状态。在这个场景,用户只需要获取信息而不需要反馈,把按钮取消反而是减少用户歧义的做法。
一些不容易被察觉或容易产生歧义的图标
重新检视图标的可见性、识别度,重新从用户场景出发发现问题,相信会改善不少 SnapChat 的用户体验。
Click hereto see the English version.
来源:简书
相关推荐
- 高中生又来卷我们了!手搓 Android 浏览器,可高度定制+脚本支持
-
回想一下,你曾经的暑假,是怎么度过的?可能是无尽的娱乐时光,或者是懒洋洋的休息日。然而,对于这位Gitee上的高中生来说,他选择在这个暑假里独立开发一款Android浏览器——Vie浏览器,...
- 网页加载CAD图纸的两个方案对比说明(网页浏览编辑DWG)
-
一.说明梦想控件提供两种技术在网页中加载CAD图纸,一个是OCX技术方案,另一个是HTML5技术方案,它们各有优缺点,用户需根据实际情况进行选择,下边分别说明一下。1、ocx技术方案(1)OCX技术是...
- 前后端分离的开源在线考试系统调试实战
-
开篇在我们的教育生涯中,或多或少的都接触过在线考试系统。例如大学里最常见的各种软件考试,上机考试等,那么有没有开源的这样的系统呢?当然是有了,今天就来调试个开源的在线考试系统。本文重点是调试,因为很多...
- 网友:小松鼠长大了!UC浏览器推出18周年专版logo引热议
-
近日,互联网厂商logo更新再次引发热议。作为国内手机浏览器的代表性厂商,UC浏览器的标志性logo小松鼠悄然发生了变化,在网友中引发了关注和讨论。依照UC微博官方账号的说法,这个全新的形象是UC18...
- 超多案例!谷歌AI模型Nano Banana的5个实用+趣味玩法
-
再不用这个AI修图神器,你的同行明天就把订单抢光了。谷歌刚放出的NanoBanana,能在一张照片里把背景、姿势、衣服一次换完,脸还是那张脸。实测把地铁照改成海边大片,只用一句话,三秒出图,不用PS来...
- 2025年最佳Windows数据恢复软件解决方案前5名
-
您是否正在寻找互联网上排名前五的WindowsPC最佳数据恢复软件解决方案?其实,网上有很多工具可以恢复已删除的文件。但并非所有应用程序都值得使用。值得信赖的文件恢复工具可以帮助您快速检索丢失、删...
- 电脑数据恢复软件推荐:10个顶级数据恢复软件分享
-
在数字化的工作与生活中,电脑文件误删除的情况时有发生,这不仅会引发我们的焦虑情绪,更可能导致重要数据的丢失。不过,幸运的是,借助正确的数据恢复软件,我们仍有机会找回那些被误删的文件。10个顶级数据恢复...
- 更懂国内APP的开源智能体!感知定位推理中文能力全面提升
-
更懂国内APP的开源智能体!感知定位推理中文能力全面提升“帮我点外卖,别点到广告位。”一句话,说出了多少人对手机自动化的真实期待。浙大和美团刚扔出来的开源项目UItron,就是冲着这句吐槽来的——它真...
- 美光首家推出采用EUV技术的1γ DDR5 DRAM芯片
-
美光科技宣布已开始向部分生态系统合作伙伴和客户出货1γ(1-gamma)16GbitDDR5DRAM芯片。美光声称,它是第一个采用1-gamma(1γ)节点的公司,该节点指的是DRAM工艺技术的第...
- DDR4的PCB设计及仿真_ddr pcb
-
以下文章来源于鼎阳硬件智库,作者王彦武DDR4关键技术和方法分析1.1DDR4与DDR3不同之处相对于DDR3,DDR4首先在外表上就有一些变化,比如DDR4将内存下部设计为中间稍微突出,边缘变...
- DDR4和DDR5内存的性能差距有哪些?
-
DDR4和DDR5内存的性能差距主要体现在带宽、延迟、能效及未来扩展性上,以下是关键差异的总结及选择建议:1.带宽与频率DDR4:主流频率为2133MHz–3600MHz,带宽约25.6–30.2...
- DDR5内存一根和两根的区别,建议收藏观看。
-
大家好,我是海韵,DDR5内存条,单条和双条有什么区别,如何选择,DDR5单条和双条内存在性能上存在差距,单条内存保持在64个通道,但内部升级为32乘以2,虽然出口速度相同,但内部运行略有提升,...
- Kingston FURY叛逆者DDR5 RGB CUDIMM内存评测 强势突破9000MT/s!
-
【ZOL中关村在线原创评测】当8000MT/s从当年的液氮超频艰难达成,到如今XMP轻松开启,DDR5内存频率的极限探索似乎看不到终点。在早先,我们曾为大家带来KingstonFURY品牌的叛逆者D...
- SK海力士将在年内推出1bnm 32Gb DDR5内存颗粒
-
IT之家4月25日消息,据韩媒NEWSIS报道,SK海力士在今日的2024年一季度财报电话会议上表示将在年内推出1bnm32GbDDR5内存颗粒。32Gb颗粒意味着消费级的...
- DRAM史上最大代际倒挂继续:三星将延长DDR4生产期限至2026年
-
IT之家8月6日消息,韩媒TheElec今天(8月6日)发布博文,报道称三星决定延长DDR41zDRAM的生产期限至2026年,一方面在DRAM史上最大代际倒挂中进...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- 如何绘制折线图 (52)
- javaabstract (48)
- 新浪微博头像 (53)
- grub4dos (66)
- s扫描器 (51)
- httpfile dll (48)
- ps实例教程 (55)
- taskmgr (51)
- s spline (61)
- vnc远程控制 (47)
- 数据丢失 (47)
- wbem (57)
- flac文件 (72)
- 网页制作基础教程 (53)
- 镜像文件刻录 (61)
- ug5 0软件免费下载 (78)
- debian下载 (53)
- ubuntu10 04 (60)
- web qq登录 (59)
- 笔记本变成无线路由 (52)
- flash player 11 4 (50)
- 右键菜单清理 (78)
- cuteftp 注册码 (57)
- ospf协议 (53)
- ms17 010 下载 (60)