百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

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 进行录屏,并用纸笔记录测试者的感受,结束后将每位测试者的测试任务完成情况整理出来。

测试结果如下:

任务ABCD
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史上最大代际倒挂中进...

取消回复欢迎 发表评论: