UI界面测试要点

1、1. UI界面测试要点1、界面的线条是否一致，每个界面中线条是否对齐，是否一致。2、整个系统的界面是否保持一致。3、界面是否存在错别字。4、界面上的按钮样式是否一致。5、每个界面是否同原静态页面设置一致（静态页面确认的情况下）6、操作是否友好。7、界面所有的按钮、下拉框是否有响应。8、界面所有的链接是否正常；9、界面所有的输入框是否都进行校验（例如：搜索框、字段输入框）。10、界面所有的展示图片是否样式一致。11、界面所有的列表页标题字是否会换行， 标题字是否统一居中等，当然也可以 居左，这要看公司规范；12、浏览器的兼容性问题，检查页面在不同浏览器下是否会发生异常；13、每个页面的提示字体的

2、颜色、格式是否统一准确；14、 界面中所有字段后面是否都存在冒号，冒号，查看是否冒号为统一的中文冒 号还是英文冒号。15、界面中的提示说明阐述是否太啰嗦， 有时候需要能简化尽量简化，并且字体 显示格式一致，颜色统一。16、 在web网站，一般经常是后台控制前台的显示，因此在对后台进行数据添加 时，查看前台是否有变化，并且查看界面的数据是否溢出框外。2. UI界面测试方法1. 窗口与窗口之间，字段与字段之间的浏览，以及各种访问方法（ tab键、鼠标移 动和快捷键）的使用；2. 窗口的对象和特征（例如：菜单、大小、位置、状态和中心）都符合标准；测试方法：为每个窗口创建或修改，以核对各个应用程序窗口

3、和对象都可正确的进行浏览，并处于正常的对象状态。3. 导航测试：导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等；不同的链接页面之间，通过思考下列冋题，可以决定一个web应用系统是否易于 导航；导航是否直观？ web系统的主要部分是否可通过主页存取？ web系统是否 需要站点地图、搜索引擎或其他的导航帮助。4. 图形测试图形包括图片、动画、边框、颜色、字体、背景、按钮等。1）要确保图形有明确的用途，图片或动画不要胡乱的堆在一起，以免浪费传输 时间，web应用系统的图片尺寸要尽量的小， 并且要能清楚的说明某种事情， 一般能链接到某个具体的页面；2）验

4、证所有页面字体的风格是否一致；3）背景颜色与字体颜色和背景色相搭配；4）图片的大小和质量，一般采用jpg或gif压缩，最好能使用图片的大小减小到30K以下；5）演示文字回绕是否正确，如果说明文字指向右边的图片，应该确保该图片出现在右边，不要因为使用图片而使窗口和段落排列古怪合作出现骨性；5.内容测试内容测试用来检验web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息时可靠的还是误传的。 信息的相关性是指是否在当前页面可以 找到与当前浏览信息相关的信息列表或入口，也就是一般web站点中的所谓“相关文章列表”。6. 表格测试需要验证表格是否设置正确，用户是否需要向右滚动页面才能看见产品的价格？把价格放在左边，产品细节放在右边是否更有效？每一栏的宽度是否足够宽，表格里的文字是否都有换行？是否因为某一格的内容太多，而将整行的内容拉长？7. 整体界面测试整体界面是指整个 web应用系统的页面结构设计，是给用