1
更多

    有效 · 有型 · 有传播


六年多行业累积  专业化团队运作


首页 >> 新闻动态 >> 网站建设中UI测试须注意事项
网站建设中UI测试须注意事项

通常情况下用户界面测试主要是拿待测网页和设计稿进行对比,下面几个细节不得忽视:

1、注重细节

这点最基本,就是对比时细心、细心再细心。像我现在被虐到网页上元素和设计稿差一个像素都能看出来…

2、勿忘整体性

由于PC网页页面空间大,模块多,很容易在测试时只注意到模块内设计元素是否正确,而忽略了模块间的间距或整个页面的布局是否正确。所以最好按照由局部到整体的顺序测试。

3、注意页面间相互对比

即注意相同系列页面、页签布局一致性。就是说的是同一系列页面中同类元素和模块的样式、间距一般要相同;同一个tab下,不同选项对应 的页签中同类元素和模块的样式、间距一般要相同。例如下图QQ空间-日志页面里我的日志和私密日记tab中,红框圈出的位置高度是否一致。

4、注意极端情况下显示情况

即要注意长度可变的元件、模块或字段在极端情况下的显示是否正常。

例如:文章标题最多可显示50字符(25汉字),测试时就要在所有会出现标题的位置(文章列表页、推荐边栏、转发弹框…)是否能正常显示含有50字符的标题,会不会出现破框而出、自动切掉等情况。

由于UI测试时需要检查的细节很多,网站建设还在搭建中并未上线,UI测试的工作量更是大,测久了难免会觉得枯燥繁琐,但其实每项任务都能总结出套路、有所收获。

UI测试注意点总结:

模块间距

元素间距

不同类型文本(数字、汉字、英文)颜色、格式(全角、半角)大小、字体、(不必须)

固定文案:内容的可读性、正确性?排版的合理性

可变字段:极多、极少文字的排版情况

Icon用错、用混

相似页面的差异性和一致性

客服中心
联系方式
022-60878783
- 技术服务
- 业务咨询
手机官网