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的更多相关文章

  1. 玩转单元测试之WireMock -- Web服务模拟器

    玩转单元测试之WireMock -- Web服务模拟器 WireMock 是一个灵活的库用于 Web 服务测试,和其他测试工具不同的是,WireMock 创建一个实际的 HTTP服务器来运行你的 We ...

  2. 2017-2018-2 20155228 《网络对抗技术》 实验九:Web安全基础

    2017-2018-2 20155228 <网络对抗技术> 实验九:Web安全基础 1. 实践内容 1.1 标理解常用网络攻击技术的基本原理 1.2 在Webgoat实验环境下实践相关实验 ...

  3. 2017-2018-2 20155228 《网络对抗技术》 实验八:Web基础

    2017-2018-2 20155228 <网络对抗技术> 实验八:Web基础 1. 实践内容 1.1 Web前端HTML 能正常安装.启停Apache.理解HTML,理解表单,理解GET ...

  4. 20145203盖泽双 《网络对抗技术》实践九:Web安全基础实践

    20145203盖泽双 <网络对抗技术>实践九:Web安全基础实践 1.实践目标 1.理解常用网络攻击技术的基本原理. 2.Webgoat下进行相关实验:SQL注入攻击.XSS攻击.CSR ...

  5. 20145203盖泽双 《网络对抗技术》实践八:Web基础

    20145203盖泽双 <网络对抗技术>实践八:Web基础 1.实践目标 (1)编写Web前端--含有表单的HTML代码. (2)编写Web前端--javascipt验证用户名.密码的代码 ...

  6. # 2017-2018-2 20155231《网络对抗技术》实验九: Web安全基础实践

    2017-2018-2 20155231<网络对抗技术>实验九: Web安全基础实践 实验要求: 本实践的目标理解常用网络攻击技术的基本原理.Webgoat实践下相关实验. 实验内容: ( ...

  7. 2017-2018-2 20155231《网络对抗技术》实验八: WEB基础实验

    2017-2018-2 20155231<网络对抗技术>实验八:Web基础 实验要求: Web前端HTML(0.5分) 能正常安装.启停Apache.理解HTML,理解表单,理解GET与P ...

  8. 软件测试技术lab2——Selenium上机实验

    Selenium上机实验说明 1.安装SeleniumIDE插件 2.学会使用SeleniumIDE录制脚本和导出脚本 3.访问http://121.193.130.195:8080/使用学号登录系统 ...

  9. 软件测试技术---Web应用软件测试

    从测试的角度看,Web应用软件的以下特点会导致Web应用软件的测试有别于其他软件的测试 1.基于无连接协议 2.内容驱动 3.开发周期短 4.演化频繁 5.安全性要求较高 6.美观性要求较高 Web应 ...

随机推荐

  1. InfoGan笔记

    InfoGAN: Interpretable Representation Learning by Information Maximizing Generative Adversarial Nets ...

  2. array_walk、array_map、array_filter 的用法

    array_walk.array_map.array_filter  和 foreach 都有循环对数组元素进行处理的功能. 一.array_walk 用法 1.循环数组,回调处理(并不修改数组元素的 ...

  3. SSH协议介绍

    SSH概念介绍 SSH是一种网络协议,我们常说的 ssh 一般指其实现,即 OpenSSH,在 shell 中,也就是 ssh 命令. Secure Shell(安全外壳协议,简称SSH)是一种加密的 ...

  4. Jmeter+Ant+Jenkins构建接口自动化测试平台(Windows)

    一.首先先介绍下我的环境: 1. win10系统 2. ant版本:apache-ant-1.10.1(作用:执行脚本,便于后期的持续集成,下载地址:http://ant.apache.org/bin ...

  5. docker-compose 单机容器编排

    docker-compose用来在单机上编排容器(定义和运行多个容器,使容器能互通) docker-compose将所管理的容器分为3层结构:project  service  container d ...

  6. The Day Two 找到一个具有最大和的连续子数组,返回其最大和

    """ 给定一个整数数组 nums ,找到一个具有最大和的连续子数组(子数组最少包含一个元素),返回其最大和. 示例: 输入: [-2,1,-3,4,-1,2,1,-5, ...

  7. Spark 系列(六)—— 累加器与广播变量

    一.简介 在 Spark 中,提供了两种类型的共享变量:累加器 (accumulator) 与广播变量 (broadcast variable): 累加器:用来对信息进行聚合,主要用于累计计数等场景: ...

  8. java 堆 排序学习

    /** * <html> * <body> * <P> Copyright 1994 JsonInternational</p> * <p> ...

  9. 在 WPF 中获取一个依赖对象的所有依赖项属性

    原文:在 WPF 中获取一个依赖对象的所有依赖项属性 本文介绍如何在 WPF 中获取一个依赖对象的所有依赖项属性. 本文内容 通过 WPF 标记获取 通过设计器专用方法获取 通过 WPF 标记获取 p ...

  10. canvas教程(二) 绘制直线

    经过 canvas 教程(一) 简介 我们知道了 canvas 的一些基本情况 而本次是给大家带来直线的绘制 canvas 中,基本图形有两种,一种是直线,还有一种是曲线 但是无论是直线还是曲线,我们 ...