UI 用户界面测试是什么?
UI 用户界面测试主要是拿待测网页和设计稿进行对比,主要需做到以下4点:
1. 注重细节:
这点最基本,就是对比时细心、细心再细心。像我现在被虐到网页上元素和设计稿差一个像素都能看出来…
2. 勿忘整体性:
由于PC 网页页面空间大,模块多,很容易在测试时只注意到模块内设计元素是否正确,而忽略了模块间的间距或整个页面的布局是否正确。所以最好按照由局部到整体的顺序测试。
3. 注意页面间相互对比:
即注意相同系列页面、页签布局一致性。就是说的是同一系列页面中同类元素和模块的样式、间距一般要相同; 同一个tab 下,不同选项对应的页签中同类元素和模块的样式、间距一般要相同。
4. 注意极端情况下显示情况:
即要注意长度可变的元件、模块或字段在极端情况下的显示是否正常。由于UI 测试时需要检查的细节很多,特别是像我们团队,网站还在搭建中并未上线,UI 测试的工作量更是大,测久了难免会觉得枯燥繁琐,但其实每项任务都能总结出套路、有所收获,故下面仅列出我平时在测这部分时的主要注意点和心得。 UI 测试注意点:1. 模块间距2. 元素间距3. 不同类型文本(数字、汉字、英文) 颜色、格式(全角、半角) 大小、字体、(不必须)4. 固定文案:内容的可读性、正确性排版的合理性5. 可变字段:极多、极少文字的排版情况6.Icon 用错、用混
7. 相似页面的差异性和一致性
总结:
UI 界面测试虽然没啥技术含量,但测久了就会发现自己对网页元素有时彼此间的间距差了1、2个像素,整体的视觉效果就尺寸和布局的敏感度有提升,例如像同样一组元素,会大有不同,web 是这样,移动端更是如此。
UI 用户界面测试是什么?
UI 用户界面测试主要是拿待测网页和设计稿进行对比,主要需做到以下4点:
1. 注重细节:
这点最基本,就是对比时细心、细心再细心。像我现在被虐到网页上元素和设计稿差一个像素都能看出来…
2. 勿忘整体性:
由于PC 网页页面空间大,模块多,很容易在测试时只注意到模块内设计元素是否正确,而忽略了模块间的间距或整个页面的布局是否正确。所以最好按照由局部到整体的顺序测试。
3. 注意页面间相互对比:
即注意相同系列页面、页签布局一致性。就是说的是同一系列页面中同类元素和模块的样式、间距一般要相同; 同一个tab 下,不同选项对应的页签中同类元素和模块的样式、间距一般要相同。
4. 注意极端情况下显示情况:
即要注意长度可变的元件、模块或字段在极端情况下的显示是否正常。由于UI 测试时需要检查的细节很多,特别是像我们团队,网站还在搭建中并未上线,UI 测试的工作量更是大,测久了难免会觉得枯燥繁琐,但其实每项任务都能总结出套路、有所收获,故下面仅列出我平时在测这部分时的主要注意点和心得。 UI 测试注意点:1. 模块间距2. 元素间距3. 不同类型文本(数字、汉字、英文) 颜色、格式(全角、半角) 大小、字体、(不必须)4. 固定文案:内容的可读性、正确性排版的合理性5. 可变字段:极多、极少文字的排版情况6.Icon 用错、用混
7. 相似页面的差异性和一致性
总结:
UI 界面测试虽然没啥技术含量,但测久了就会发现自己对网页元素有时彼此间的间距差了1、2个像素,整体的视觉效果就尺寸和布局的敏感度有提升,例如像同样一组元素,会大有不同,web 是这样,移动端更是如此。