WEB界面测试

 针对测试目标做测试

导航测试

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

检查测试点:

  • 导航是否直观?
  • web系统的主要部分是否可通过主页存取?
  • web系统是否需要站点地图、搜索引擎或其他的导航帮助?

这些同美工以及客户需求有关,根据已经确认的页面(界面设计)进行测试即可。

图形测试

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

检查测试点:

  • 图形有明确的用途
  • 图片或动画不要胡乱的堆在一起,以免浪费传输时间
  • web应用系统的图片尺寸要尽量地小,并且要能清楚的说明某件事情
  • 一般都能链接到某个具体的页面
  • 背景颜色与字体颜色相搭配
  • 演示文字回绕是否正确,如果说明文字指向右边的图片,应该确保该图片出现在右边

内容测试

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

表格测试

  • 需要验证表格内容项是否正确?
  • 用户是否需要向右滚动页面才能看见产品的价格?
  • 每一栏的宽度是否足够宽,表格里的文字是否都有折行?
  • 是否因为某一格的内容太多,而将整行的内容拉长?

整体界面测试

整体界面是指整个Web应用系统的页面结构设计,是给用户的一个整体感。

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

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

用户体验测试

网站体验,指的是利用网络特性,为客户提供完善的网络体验,提高客户的满意度,从而与客户建立起紧密而持续的关系。

网站体验的分类

1、感官体验:呈现给用户视听上的体验,强调舒适性。

2、交互体验:呈现给用户操作上的体验,强调易用/可用性。

3、情感体验:呈现给用户心理上的体验,强调友好性。

4、浏览体验:呈现给用户浏览上的体验,强调吸引性。

5、信任体验:呈现给用户的信任体验,强调可靠性。

感官体验:呈现给用户视听上的体验,强调舒适性。

1、设计风格:符合目标客户的审美习惯,并具有一定的引导性。

网站在设计之前,必须明确目标客户群体,并针对目标客户的审美喜好,进行分析,从而确定网站的总体设计风格。

2、网站LOGO:确保logo的保护空间,确保品牌的清晰展示而又不占据过分空间。

3、页面速度:正常情况下,尽量确保页面在5秒内打开。如果是大型门户网站,必须考虑南北互通问题,进行必要的压力测试。

4、页面布局:重点突出,主次分明,图文并茂。与企业的营销目标相结合,将目标客户最感兴趣的,最具有销售力的信息放置在最重要的位置。

5、页面色彩:与品牌整体形象相统一,主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度,确保浏览者的浏览舒适度。

6、动画效果:与主画面相协调,打开速度快,动画效果节奏适中,不干扰主画面浏览。

7、页面导航:导航条清晰明了、突出,层级分明。

8、页面大小:适合多数浏览器浏览(以15寸及17寸显示器为主)。

9、图片展示:比例协调、不变形,图片清晰。图片排列既不过于密集,也不会过于疏远。

10、图标使用:简洁、明了、易懂、准确,与页面整体风格统一。

11、广告位:避免干扰视线,广告图片符合整体风格,避免喧宾夺主。

12、背景音乐:与整体网站主题统一,文件要小,不能干扰阅读。要设置开关按钮及音量控制按钮。

交互体验:呈现给用户操作上的体验,强调易用/可用性。

1、会员申请:介绍清晰的会员权责,并提示用户确认已阅读条款。

2、会员注册:流程清晰、简洁。待会员注册成功后,再详细完善资料。

3、表单填写:尽量采用下拉选择,需填写部分需注明要填写内容,并对必填字段作出限制。(如手机位数、邮编等等,避免无效信息)

4、表单提交:表单填写后需输入验证码,防止注水。提交成功后,应显示感谢提示。

5、按钮设置:对于交互性的按钮必须清晰突出,以确保用户可以清楚地点击。

6、点击提示:点击浏览过的信息颜色需要显示为不同的颜色,以区分于未阅读内容,避免重复阅读。

7、错误提示:若表单填写错误,应指明填写错误之处,并保存原有填写内容,减少重复工作。

8、在线问答:用户提问后后台要及时反馈,后台显示有新提问以确保回复及时。

9、意见反馈:当用户在使用中发生任何问题,都可随时提供反馈意见。

10、在线调查:为用户关注的问题设置调查,并显示调查结果,提高用户的参与度。

11、在线搜索:搜索提交后,显示清晰列表,并对该搜索结果中的相关字符以不同颜色加以区分。

12、页面刷新:尽量采用无刷新(AJAX)技术,以减少页面的刷新率。

Ajax是新兴的网络开发技术的象征。它将JavaScript和XML技术结合在一起,用户每次调用新数据时,无需反复向服务器发出请求,而是在浏览器的缓存区预先获取下次可能用到的数据,界面的响应速度因此得到了显著提升。

上一页12下一页


留言