Web界面测试UI 小结转 web ui界面设计

现在大部分客户对界面的要求非常高,所以对于测试人员来讲,也必须特别注意界面的一些东西。从前几个项目来看,个人认为界面测试的测试点以及应该注意的问题:

界面的线条是否一致,每个界面中线条是否对齐,是否一致。(静态页面没有确认的情况下)

整个系统的界面是否保持一致

界面中是否存在错别字

界面所有的按钮样式是否一致

每个界面是否同原静态页面设计一致(静态页面确认的情况下)

操作是否友好

界面所有的按钮、下拉框是否有响应

界面所有的链接是否正常

界面所有的输入框是否都进行校验(例如:搜索框、字段输入框)

界面所有的列表页标题字是否会折行,标题字是否统一居中等,当然也可以居左,这需要同客户沟通(折行的话影响美观)

界面所有的展示图片是否样式一致

浏览器的兼容性问题,检查页面在不同浏览器下是否会发生异常

每个页面的提示字体的颜色、格式是否统一准确

界面中所有字段后面是否都存在冒号,有冒号,查看是否冒号为统一的中文冒号还是英文冒号。

界面中的提示说明叙述是否太啰嗦,有时候需要能简化尽量简化,并且字体显示格式一致,颜色统一。

在web网站,一般经常是后台控制前台的显示,因此在对后台进行数据添加时,查看前台是否有变化,并且查看界面的数据是否溢出框外。

当然,我们在进行界面测试时,必须明确UI测试的目的,它是确保用户界面通过测试对象的功能来为用户提供相应的访问或浏览功能。

确保用户界面符合公司和行业的标准。

通过用户界面测试来核实用户与软件的交互,UI测试的目标在于确保用户界面向用户提供了适当的访问和浏览对象功能的操作,除此之外,UI测试还却表UI功能内部的对象符号预期的要求,并遵循公司和行业的标准。

接下来,具体的分析一下界面测试的依据从哪些方面着手。

测试目标:

窗口与窗口之间、字段与字段之间的浏览,以及各种访问方法(tab键、鼠标移动和快捷键)的使用

窗口的对象和特征(例如:菜单、大小、位置、状态和中心)都符号标准

测试方法:为每个窗口创建或修改测试,以核实各个应用程序窗口和对象都可正确的进行浏览,并处于正常的对象状态。

我们在实际工作当中,针对web应用程序,也就是经常所说的B/S系统,可以从如下方面来进行用户界面测试:

导航测试

导航描述了用户在一个页面内操作的方式,在不同的用户接口控制之间,例如按钮、对话框、列表和窗口等;

不同的链接页面之间,通过考虑下列问题,可以决定一个web应用系统是否易于导航;导航是否直观?web系统的主要部分是否可通过主页存取?web系统是否需要站点地图、搜索引擎或其他的导航帮助;
Web界面测试(UI)小结(转) web ui界面设计

当然,这些同美工以及客户需求有关。我们是根据已经确认的页面进行测试即可。

图形测试

图形包括图片、动画、边框、颜色、字体、背景、按钮等

(1)要确保图形有明确的用途,图片或动画不要胡乱的堆在一起,以免浪费传输时间,web应用系统的图片尺寸要尽量地小,并且要能清楚的说明某件事情。一般都链接到某个具体的页面

(2)验证所有页面字体的风格是否一致

(3)背景颜色与字体颜色和背景色相搭配

(4)图片的大小和质量,一般采用jpg或gif压缩,最好能使用图片的大小减小到30k以下

(5)演示文字回绕是否正确,如果说明文字指向右边的图片,应该确保该图片出现在右边,不要因为使用图片而使窗口和段落排列古怪或者出现骨性。

内容测试

内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息是可靠的还是误传的。信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口,也就是一般Web站点中的所谓"相关文章列表"。

表格测试

需要验证表格是否设置正确,用户是否需要向右滚动页面才能看见产品的价格?

把价格放在左边,产品细节放在右边是否更有效?

每一栏的宽度是否足够宽,表格里的文字是否都有折行?

是否因为某一格的内容太多,而将整行的内容拉长?

整体界面测试

整体界面是指整个Web应用系统的页面结构设计,是给用户的一个整体感。例如:当用户浏览Web应用系统时是否感到舒适,是否凭直觉就知道要找的信息在什么地方?整个Web应用系统的设计风格是否一致?

对整体界面的测试过程,其实是一个对最终用户进行调查的过程。一般Web应用系统采取在主页上做一个调查问卷的形式,来得到最终用户的反馈信息。

对所有的用户界面测试来说,都需要有外部人员(与Web应用系统开发没有联系或联系很少的人员)的参与,最好是最终用户的参与。

  

爱华网本文地址 » http://www.413yy.cn/a/25101014/201965.html

更多阅读

ui的设计教程 qt ui界面设计教程

ui的设计教程——简介 其实,我也是个初学者,这里分享下我学习的经验。请不要把这当做能够使你直接成为大师的作品。目前我学习的是VS和Android进行设计。ui的设计教程——方法——androidui的设计教程 1、 下图是我刚刚学的时候所使

ISIWebofknowledge常用功能小结转 isiknowledge.com

概述ISI Web of Knowledge是一个基于 Web的集成平台,提供高质量的内容及用于访问、分析和管理研究信息的工具。这些工具包括:为了更好地使用ISI中的所有功能,先进行注册,并且每次进行检索之前都先登录帐户。选择数据库出现的为所在

声明:《Web界面测试UI 小结转 web ui界面设计》为网友梦初启分享!如侵犯到您的合法权益请联系我们删除