来一场简单快速的可用性测试 ---关于flex bev 2.0

      Flex Bev是基于SuperMap iClient for Flex产品开发的一套支持用户自定义扩展功能集成显示框架，该框架致力于具备良好的可定制，可装卸，配置方便，界面美观一系列标准的实现，主要面向二次开发用户以及快速制作原型系统的人员。

      flex bev这个产品做了挺长时间了，flex bev 1.0发布以后，外面的反响不是很好。这次做Flex Bev 2.0版本，大家都卯足了劲想把它做好，于是在功能基本实现以后，就通过一次简单的可用性测试来寻找现阶段存在的一些比较明显的可用性问题，并加以改进，以提高flex bev产品的用户体验和易用性。

      团队其他成员工作比较紧，于是便由我牵头来做这个可用性测试。鉴于人手跟时间都不足，我觉得来一场简单快速的可用性测试工作。

      前期准备工作，确定工作人员、确定接受测试的用户、设计完测试任务。

      工作人员嘛，便是我了。

      接受测试的用户，我打算找iclient组内的人员；

              理由嘛，一 是因为flex bev产品有自有的功能和独特的交互亮点，如果给一般的用户使用可能不是很习惯，从而影响可用性测试的最终效果。

                           二是因为只是个小小规模的可用性测试，不用劳师动众的；

      设计测试任务，每一条任务都带有明确的测试目的，或测试产品的各项功能能不能正常使用，或测试面板的拖拽效果，或测试产品独特的面板停靠功能。

      1 查询北京市内的学校和银行，并且找出离公司最近的一家学校和银行，写出名字。

2 绘制一条红色的、宽度为10的自由线。

3 在地图上标注一段文字：字体为微软雅黑，大小为24，颜色为绿色，带下划线

4 将标绘里面的点标绘标签页拖出来成为独立的面板；

  将面标绘从标绘面板拖到综合查询面板里面。

5 将界面上所有的面板隐藏起来        

6 找到面标绘，绘制一个自由面：紫色边框、橘红色网状填充

7 关闭所有面板

      实施阶段，选择一种可用性测试方法，并将测试过程记录下来。

      基于只有我一个工作人员，所以采用一对一用户测试的方法，挨个观察所选测试用户的操作过程，并记录下来。下面几张图是过程记录：

      （一）   惠彩霞（第一人） 专家级别

 

1  面板锁定后，tab页还可以拖动操作

2  查询不出图

3  全屏后，无法点击返回正常操作界面 （欠缺返回icon和功能）

4  点击刷新时，却返回正常操作界面（不合理）

5  线标绘时，设置线宽的拖拉操作不够准确，需要来回操作多次才能选中要用的宽度值

，最好能手动输入数值，简化操作。

6  标绘面板中的单选框、复选框都不够明显，不能很好的引导和提示用户进行选择。

7  关于绘制面板，所有人都不习惯设置完属性后，先点击绘制按钮才能开始绘制。包括

修改属性后也是都不习惯先点击绘制按钮才能开始绘制。

8  文字输入时，不能及时反映输入的文字

9  选择线样式和填充样式时，白色的填充样式在列表中看不见。

10  如何结束标绘状态（需要重现问题，再归纳一下）

（二）   韩少杰（第二人）专家级别

 

1  建议加一个查询的按钮，在选择完查询项时，点击查询按钮，再开始查询。

   （及时响应的话，好像是影响速度，再咨询下少杰）

2  进行其他操作时，查询还在进行，如何结束查询状态？

3  绘制状态切换平移地图时，点击到绘制对象上时，不能进行平移操作

4  绘制按钮问题

5  提示信息反映慢，（伸展、收缩），是flex本身的bug

6  放大icon缺失

7          文字输入时，不能及时反映

（三） 陈金丽（第三人）了解客户端      

 1  绘制按钮问题

 2  文字输入时，不能及时反映      

 3  拖拽tab页时，操作数次都不成功，操作方式不方便用户使用

 4  绘制面板里的各种属性设置不够清晰、明显

 5     面绘制时，选择框出问题

（四） 胡中南（第四人）专家级别

 1  建议，绘制时，面板消失绘制状态如何结束

 2  拖动tab页时，多次才成功

 3  锁定时，要有提示

 4  绘制状态切换平移地图时，点击到绘制对象上时，不能进行平移操作

 5  面板停靠时，再次点击面板icon时，应该有提示面板不能出现

6      出现同样的tab页，觉得不合适。

（五） 补充意见

 1  面板的拖动范围要扩大

 2  面板拖动时的操作范围不合理，应该扩大

 3  面板停靠时，相应的对象要随之消失还是继续存在

 4  替换所有正规的icon

 5  剔除无用的功能项（地图显示功能、测试tab页）

分析总结阶段

统计结果与分析，下面几张图是通过结果分析出来的解决方法，并且按照产品改进进度区分了优先级（优先级要让领导来定奥！）

（A）重要紧急

 

1         文字输入时，不能及时反映输入的文字

2         拖拽问题，大比例的人都不能准确完成tab页的拖入操作。

3         全屏后，无法点击返回正常操作界面 （欠缺返回icon和功能）

4         点击刷新时，却返回正常操作界面（不合理）

5         标绘面板中的单选框、复选框都不够明显，不能很好的引导和提示用户进行选择。

6         选择线样式和填充样式时，白色的填充样式在列表中看不见。

7         剔除无用的功能项（地图显示功能、测试tab页）

8         放大icon缺失

9         替换所有正规的icon

10     去除PanelMangerBar上的伸展、收缩icon

(B)重要不紧急

   1         线标绘时，设置线宽的拖拉操作不够准确，需要来回操作多次才能选中要用的宽度值，最好能手动输入数值，简化操作。

   2         建议加一个查询的按钮，在选择完查询项时，点击查询按钮，再开始查询（及时响应的话，好像是影响速度）

   3         文字输入时，不能及时反映，用户不能及时看见输入的信息

   4         建议，绘制时，面板消失（阿南）

    5         拖动tab页时，多次才成功

   6         绘制状态切换平移地图时，点击到绘制对象上时，不能进行平移操作

   7         面板停靠时，再次点击面板icon时，应该有提示（面板不能出现）

   8         面板拖动时的操作范围不合理，应该扩大

   9         绘制按钮的存在问题，是及时响应操作还是点击绘制再开始绘制

   10     如何结束绘制状态

（C）其他

   1         面板的活动范围要扩大（面板可以拖出可见的界面区域）

   2         绘制面板里的各种属性设置不够清晰、明显   

   3         面板锁定后，tab页还可以拖动操作（虽然就是如此设计的，但是用户觉得别扭）

   4         出现同样的tab页，觉得不合适

   5         绘制状态切换平移地图时，点击到绘制对象上时，不能进行平移操作

  写一份可用性测试报告

      写一份报告，将本次可用性测试工作记录下来，包括测试目的、测试对象、测试任务设计、执行记录、结果统计与分析、改进意见阐述等。将此可用性测试报告跟产品开发文档放在一起存档。

 

      整个可用性测试工作历时3天，准备工作一天，测试一天，统计与结果分析一天。

      这次可用性测试工作，反映出flex bev 2.0不少重要的可用性问题，将这些问题改进之后，flex bev 2.0的易用性明显提高不少，这也说明了可用性测试对于产品开发的重要性。