前言:以下内容是根据个人平时的测试心得总结出来的,其实在写这些的同时,也是对自己测试思路的梳理,内容中根据自己的理解对测试过程中经常出现的问题的测试点由优先级从高到低进行了分类整理。本着尊重别人劳动成果的原则,po出参考文章链接~
参考信息:http://www.tuicool.com/articles/yeEnEv
http://www.mianwww.com/html/2014/04/20556.html
一,连接
1.每一个连接都能链接到正确的页面
2.正确切换到别的链接
二、页面布局
1,风格统一:业务流程,基础设置类,查询报表类(个人觉着这是pm需要考虑的,如在测试过程中有风格不统一的问题, )
2,重要的和常用元素优先布局,且放置的醒目的位置(这个和pm和设计相关,一般都是产品太需求,设计作原型图)
3,完成相同或相近功能的元素集中位置,减少鼠标移动的距离
4.布局合理紧凑,疏密有致(也要看设计的原型图了)
5,长度和高度的比例基本接近黄金分割点(这点和前端有关)
6,明显区分只读区域和可编辑区域
7,使用红色“*”来标记必填项
8,主窗体默认在屏幕得到正中央
9,弹出式子窗体放置在主窗体正中央,或是左上角
10,输入项目尽量拍成单列,过多时也可以排成2列,一般不能出现3列或以上的排列
三,菜单
1,一般性原则:(在前原则)常用排在前,重要排在前;有先后要求或又向导作用时,按先后次序排列
2.根据菜单项的含义进行分组排列
3,右键菜单要慎用
4,弹出右键菜单的位置要合适,不能随便在什么地方都弹出一堆右键菜单来
四,按钮
1,按钮大小基本一致,且与窗口大小保持协调
2,名字不宜太长(一般控制在2-6个字,但不能为了而已压缩长度而导致词不达意),取个简明扼要的名字就好啦(不过这个测试的话属于需求测试吧,毕竟名字是pm取的)
3.工具栏按钮和对应菜单项保持同步,即同时可见/隐藏/变亮变灰/可用/不可用
4.根据按钮含义进行分组排列
5.退出或关闭按钮一般放在最后面
6.按钮图标与对应的按钮功能比较温和,尽量看图知意
五,易用性
1.提供合理的导航功能(地图展点、搜索引擎等)
2.关闭错误提示框后,返回到原来的操作窗口和页面
3.后台处理过沉重鼠标变成沙漏,处理结束后变回正常
4.通过TAB键可以到达所以可选中的界面组建(TAB顺序的一般性原则:从上到下,从左到右;特殊情况可以从左到右,从上到下)
5.经常进行数值录入的界面(订单查询,搜索等),提供完善的小键盘支持(回车到下个控件)
6.输入数量金额或价格之后,尽量提供“三位一逗”的显示格式,小数位数固定。必要时提供大写数字显示。
7.提供合理的缺省值(比如日期默认为当天,数值默认为0等)
8.有依赖关系的,尽量实现数据联动,方便用户操作,如:联系方式输入框输入部分电话号码后,电话输入框就会自动显示出之前使用过的电话号码
9.用户需要连续输入的功能界面,输入一条数据并保存后,界面不会被关闭,并清空相关的输入
10,下拉框中的选项不宜超过20个
11.对可能造较长时间等待的操作,提供了取消功能
六,容错性
1.尽早检查输入的合法性和有效性,包括输入不能与系统保留字发生冲突
2.校验不通过时,光标定位到对应的输入项并给出合理的提示;校验不通过,允许用户取消输入或关闭窗口
3.保存失败时,不关闭输入界面,并给出合理提示
4.使用专业控件限制输入值种类
5.对可能发生严重后果的操作有合理的补救措施,并通过补救措施能回到原来的正确状态
七,提示信息
1.删除数据或进行其他不可逆的操作时,要求用户进行二次确认
2.操作成功后,一般不要给出操作成功之类的提示
3.操作错误或失败时,即时、准确地给提示信息,提示信息与事实相符
4.进行耗时较长(超过3s)的操作时,提供进度条、沙漏、计时器之类的动态标示,让用户知道系统在工作(状态条只显示用户切实需要的信息)
5.合理使用三种类型的提示对话框:警告、确认和错误
八,语言文字
1.用词统一:主界面、弹出窗口、提示框、日志等地方的用词必须保持统一
2.文字描述 简介清晰明了,望文知义
3.语句流畅、表述清晰没有错别字
4.尽量专业术语
5.通俗用语
6.避免简繁混合
7.用统一半角的标点符号
九,字体
1,字体大小与界面大小的比例要协调:交易类界面使用小四字体,使用其他五号字体
十,图形图片
1,使用有明确含义的图形、图片、图标和动画等
2,图形、图片、图标和动画等的体积不能过大,以浪费传输时间
十一,颜色
1,背景色、前景色和字体颜色的搭配要协调(一般根据个人视觉感官客观判断啦)
2,使用色调柔和、具有亲和力的颜色,不适用刺目的颜色
十二、分辨率(其实我在测试过程中很少遇到分辨率相关的问题啦)
基准分辨率(比如1024*768)
希望有兴趣的小伙伴们也能分享一下自己的 经验,欢迎吐槽~