界面UI测试的方法

早期进行过一次针对测试零基础在校学生进行的分享，一堂课学会做界面测试。

先是从一张图开始，让大家看看这个图里有什么不妥：

接着告诉大家具体有哪些不妥：

然后结合这个找茬的过程分享下界面测试的概念和方法。

界面测试：简称UI测试，测试功能模块界面上看到的所有元素（包括空文字、控件等）颜色风格是否统一，布局是否合理、美观，符合用户习惯等等。

 

接下来介绍一下移动端界面测试的详细内容。

文案的测试

• 字体
• 字号
• 格式
• 规范

标题和正文

中英文换行

错别字

大小写

全半角标点

 

图片的测试

• 清晰
• 尺寸
• 配色
• 风格

 

布局的测试

• 尺寸大小
• 位置合理
• 排序规律
• 对齐方式

 

控件的测试

快捷键的测试

• 是否重复
• 如何切换
• 是否冲突
• 和系统常用快捷键冲突
• 和其他软件快捷键冲突
• 常用键盘键

delete，backspace
ctrl+x，ctrl+c，ctrl+v
home，end
esc，enter
上下左右方向键