软件测试技术之可用性测试之WhatsApp Web
Tag:可行性测试、测试流程、结果分析、案例分析
WhatsApp是一款面向智能手机的网络通讯服务,它可以通过网络传送短信、图片、音频和视频。WhatsApp在全球范围内被广泛使用,是最受欢迎的即时聊天软件。
虽然,在电脑上使用WhatsApp桌面版给联系人发消息也很方便。但是,通过用户测试,也呈现出了在使用某些功能时的几个痛点。
本文介绍了Guerrilla可用性测试的细节和结果,以及一些建议。
目的
了解用户使用WhatsApp Web时的痛点。
测试参数
l 测什么:WhatsApp上最常用的两个任务;
l 测试谁:WhatsApp的3个老用户和2个新用户;
l 怎么测:通过观察法和测试法。
测试流程
可用性测试阶段
1.识别用户任务
创建用户使用WhatsApp Web的任务清单。
2.任务优先级
根据用户使用频率确定任务的优先顺序。
任务分为1-3分。
最常用的任务获3分,偶尔使用获2分,极少使用获1分。
其中,两项最常用的3分任务是:
l 发送消息给好友;
l 分享照片给好友。
3.执行测试
将所选任务和说明一起提供给用户,并遵循这两种方式来收集用户反馈。
l 观察用户的操作行为;
l 关注他们在执行某些任务时所描述的经历。
以下是每个任务的用户流程以及相应的描述指示。
Task1: 发送短信给好友
任务一-用户流程:发送短信
Task2: 发送照片给好友
任务二-用户流程:发送图片
4.分析痛点并提出解决方案
痛点1:找到联系人
App中有两种创建新聊天的方式:(1)在聊天列表中搜索(2)先点击“新聊天”图标,再搜索联系人。然而,用户很难区分这两个选择。
在聊天列表中搜索给用户的感觉是仅在聊天中搜索,而实际上它不仅搜索聊天列表也搜索联系人列表。另外,顶部的聊天图标也是双重搜索。然而,这些标识都很容易让人误解。
目前WhatsApp开始新聊天的界面
建议:
聊天列表和联系人列表需要明确的区分。这可通过在联系人列表中添加过滤器来完成,也可以根据“最近聊天”或“联系人姓名”对单个列表进行排序。
第一种方式:在联系人列表底端创建了增添了一个过滤器
另一种方式:在左上角的联系人列表中添加了下拉式的过滤器
痛点2:查看消息状态
在“Message Info”窗格中,显示消息状态的区域与消息窗合并了。同时,也没有清楚的展现出用户正在看的状态是哪条消息的。此外,用户需要花费时间在“Message Info”区域顶部找到“关闭”图标。
当前WhatsApp “Message Info”区域
建议:
明确区分“Message Info”窗和消息窗。由于这是桌面版本并且在消息打开时“Message info”区域仍然是可见的,所以消息和其“Info”区域之间的联系可以更加突出。尤其是,选中的消息可突出显示。
建议的“Message Info”区域
痛点3:使用附加选项
附件菜单和提示信息与UI不匹配。导致这个界面显得十分跳脱,体验也缺乏一致性。
当前 WhatsApp 的附加选项界面
建议:
菜单摆放和主题设定与UI保持一致。与其采用提示信息 ,不如给图标添加选项名称更加直接明了。
建议附件图标更靠近消息栏显示
附加菜单采用更易用的布局
痛点4:添加图片
带有预览标题的关闭按钮令人困惑。用户点击它只是为了关闭当前的这张预览图,但却丢弃了所有选定的图片。
添加更多文件的方式也很不清晰。附加文件图标还在右上角,但是已经不起作用了,这很不符合用户习惯。
并且,这种方式很难操控大量选定的文件。
当前 WhatsApp 的浏览所选图片界面
建议:
预览区域重命名附件以避免用户混淆。在缩略图区域提供滚动功能。用户可以通过消息栏中的添加图标来增添更多文件。
图片附件功能的更改建议
软件测试技术之可用性测试之WhatsApp Web的更多相关文章
- 玩转单元测试之WireMock -- Web服务模拟器
玩转单元测试之WireMock -- Web服务模拟器 WireMock 是一个灵活的库用于 Web 服务测试,和其他测试工具不同的是,WireMock 创建一个实际的 HTTP服务器来运行你的 We ...
- 2017-2018-2 20155228 《网络对抗技术》 实验九:Web安全基础
2017-2018-2 20155228 <网络对抗技术> 实验九:Web安全基础 1. 实践内容 1.1 标理解常用网络攻击技术的基本原理 1.2 在Webgoat实验环境下实践相关实验 ...
- 2017-2018-2 20155228 《网络对抗技术》 实验八:Web基础
2017-2018-2 20155228 <网络对抗技术> 实验八:Web基础 1. 实践内容 1.1 Web前端HTML 能正常安装.启停Apache.理解HTML,理解表单,理解GET ...
- 20145203盖泽双 《网络对抗技术》实践九:Web安全基础实践
20145203盖泽双 <网络对抗技术>实践九:Web安全基础实践 1.实践目标 1.理解常用网络攻击技术的基本原理. 2.Webgoat下进行相关实验:SQL注入攻击.XSS攻击.CSR ...
- 20145203盖泽双 《网络对抗技术》实践八:Web基础
20145203盖泽双 <网络对抗技术>实践八:Web基础 1.实践目标 (1)编写Web前端--含有表单的HTML代码. (2)编写Web前端--javascipt验证用户名.密码的代码 ...
- # 2017-2018-2 20155231《网络对抗技术》实验九: Web安全基础实践
2017-2018-2 20155231<网络对抗技术>实验九: Web安全基础实践 实验要求: 本实践的目标理解常用网络攻击技术的基本原理.Webgoat实践下相关实验. 实验内容: ( ...
- 2017-2018-2 20155231《网络对抗技术》实验八: WEB基础实验
2017-2018-2 20155231<网络对抗技术>实验八:Web基础 实验要求: Web前端HTML(0.5分) 能正常安装.启停Apache.理解HTML,理解表单,理解GET与P ...
- 软件测试技术lab2——Selenium上机实验
Selenium上机实验说明 1.安装SeleniumIDE插件 2.学会使用SeleniumIDE录制脚本和导出脚本 3.访问http://121.193.130.195:8080/使用学号登录系统 ...
- 软件测试技术---Web应用软件测试
从测试的角度看,Web应用软件的以下特点会导致Web应用软件的测试有别于其他软件的测试 1.基于无连接协议 2.内容驱动 3.开发周期短 4.演化频繁 5.安全性要求较高 6.美观性要求较高 Web应 ...
随机推荐
- STS,修改Ctrl+Shift+R匹配类的配置
在使用STS(Spring Tools)时,每次通过Ctrl+Shift+R查询类时,会出来一堆不想看到的类.如下所示: 上面的.class文件和父项目中的.java文件,在匹配类时,是不想看到的. ...
- 100天搞定机器学习|Day55 最大熵模型
1.熵的定义 熵最早是一个物理学概念,由克劳修斯于1854年提出,它是描述事物无序性的参数,跟热力学第二定律的宏观方向性有关:在不加外力的情况下,总是往混乱状态改变.熵增是宇宙的基本定律,自然的有序状 ...
- nRF24L01P的ShockBurst与Enhance ShockBurst
nRF24L01P的数据手册里讲到了两个两种发射模式ShockBurst Mode和Enhanced ShockBurst Mode.但是呢,手册里着重的一直在讲Enhanced ShockBurst ...
- Mysql字符集之utf8和utf8mb4的使用问题
Mysql之utf8和utf8mb4的区别 最近在项目中使用Mysql数据库保存emoji表情
- angularjs 中的路由 与 bootstrap标签选项卡的冲突 解决方案
当项目中使用了angularjs 的路由,则所有 像a标签的href 的链接都会走路由,实现页面跳转,那么有些地方需要使用选项卡,就会带来麻烦. 路由使用如下图: 某页面需要使用bootstrap的选 ...
- java List分组和排序处理
在一些应用中,需要将List中的对象按某种情况分组或者排序处理.做个小结如下: 1. 如一个List中存放了ProductDoing对象,productDoing对象有rawTypeId 现在要求将r ...
- 【洛谷 P3975】 [TJOI2015]弦论(后缀自动机)
题目链接 建出后缀自动机. T=0,每个子串算一次,否则每个子串算该子串的\(endpos\)集合大小次. 用\(f[i]\)表示结点\(i\)表示的\(endpos\)集合大小,则\(f[i]\)为 ...
- catch SocketException
https://stackoverflow.com/questions/32810051/cannot-catch-socketexception/32810079#32810079 https:// ...
- lnmp环境快速搭建及原理解析
刚开始学习php的时候是在wamp环境下开发的,后来才接触到 lnmp 环境当时安装lnmp是按照一大长篇文档一步步的编译安装,当时是真不知道是在做什么啊!脑袋一片空白~~,只知道按照那么长的一篇文档 ...
- PHP7预编译mysqli查询操作
//连接数据库 $mysqli = new mysqli("localhost", "root", "root", "mobile ...