软件测试技术之可用性测试之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应 ...
随机推荐
- Apache ZooKeeper在Kafka中的角色 - 监控和配置
1.目标 今天,我们将看到Zookeeper在Kafka中的角色.本文包含Kafka中需要ZooKeeper的原因.我们可以说,ZooKeeper是Apache Kafka不可分割的一部分.在了解Zo ...
- linux命令kill和kill -9的区别
linux命令kill和kill -9的区别 2018年04月13日 16:53:07 坠入苦海销尘垢 阅读数 2854 转载自https://www.cnblogs.com/liuhouhou/ ...
- Python 实用第三方库安装方法
下面将自己学习过程中总结的Python第三方库的安装常用三种方法分享给大家,本人推荐前面两种方式.(已安装Python) 方法一:pip命令行直接安装 打开cmd命令窗口,通过命令 pip insta ...
- Makefile 介绍
makefile:是告诉编译器(交叉工具链)如何去编译.链接一个工程的规则. 一.概述 什 么是makefile?或许很多Winodws的程序员都不知道这个东西,因为那些Windows的IDE都为 ...
- 【C#】课堂知识点#4
1.回顾类中基本结构. 成员分为: a.(数据成员) , b.(方法成员) 数据成员: 字段 方法成员:方法,构造函数,属性,索引器,运算符. 属性的作用: 对字段进行访问提供get,set方法. 类 ...
- Qt 接受拖放
第一步:在构造函数里面 添加拖放支持,相当于总开关(注意这里设置之后是整个窗口可以接受拖放) setAcceptDrops(true); 第二步:重写接受拖放相关的虚函数 void dragEnter ...
- 服务网关ZuulFilter过滤器--如何解决跨域请求中的OPTIONS请求
进行跨域请求的时候,并且请求头中有额外参数,比如token,客户端会先发送一个OPTIONS请求 来探测后续需要发起的跨域POST请求是否安全可接受 所以这个请求就不需要拦截,下面是处理方式 @Ove ...
- JavaScript仿百度图片浏览效果(转载)
转载来源:https://www.jb51.net/article/98030.htm 这是一个非常好的案例,然而jquery的时代正在徐徐关闭. 当你调整浏览器宽高,你会发现它不是自适应的.当你想把 ...
- 解决mysql跟php不在同一台机器上,编译安装php服务报错问题:configure: error: Cannot find MySQL header files under /application/mysql.
在编译安装php服务时报错: configure: error: Cannot find MySQL header files under /application/mysql. Note that ...
- QT--初识
一.组成QT的基本模块 二.创建一个简单工程 1.工程结构介绍 .pro 文件 QT += core gui # 包含的模块 greaterThan(QT_MAJOR_VERSION, ): QT + ...