当前位置:首页 > WEB » 正文

欢迎来到欢哥sem的博客,在这里你可以学到网络营销方面的全部知识

3类网站测试的套路:UI测试、功能测试和兼容性测试

 人参与  2017-06-19 11:28  分类 : WEB  点这评论

  关于网站测试的几个小套路,希望对大家有所帮助。

PCAbzMtV1EvAhCJE0e7N

  wangzhanceshi因为所在团队没有专业测试人员,所以测试工作由我这个产品新人来负责。本文是抱着总结才能提升的小心思,想来简单写写从测试零经验到开发葛葛“谈心”的次数逐渐变少,这期间所踩过得坑和心得体会。

  一、 UI测试

  用户界面测试主要是拿待测网页和设计稿进行对比,个人觉得主要需做到以下4点:

  1.注重细节:

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

  2.勿忘整体性:

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

  3.注意页面间相互对比:

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

Gyc8hWhclfVFyNNNFHnv

  一般情况下这些不一致问题出现的情况不多,毕竟相类似的布局前端同学应该会用相同的盒子,但是测试时还是需要留意。

  4.注意极端情况下显示情况:

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

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

  由于UI测试时需要检查的细节很多,特别是像我们团队,网站还在搭建中并未上线,UI测试的工作量更是大,测久了难免会觉得枯燥繁琐,但其实每项任务都能总结出套路、有所收获,故下面仅列出我平时在测这部分时的主要注意点和心得。

  UI测试注意点总结:

  模块间距

  元素间距

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

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

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

  Icon用错、用混

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

  小体会:

  其实界面测试虽然没啥技术含量,但测久了就会发现自己对网页元素有时彼此间的间距差了1、2个像素,整体的视觉效果就尺寸和布局的敏感度有提升,例如像同样一组元素,会大有不同,web是这样,移动端更是如此。

  随手画张图举个栗子:左图网页做出来名称、作者、互动统计三者之间行距相等,中文字大小相 同,而设计稿原本应如右图,行距不同,不同字段的字号也不同。所以假如测试时遇到类似这种问题,我们除了可以提个bug,还会被引导去思考设计初衷,即利用间距细微差异进行视觉分组,利用字号细微差异突出主次。

uIPdkNWsva0K5r6F3D5r

  二、功能测试

  1.操作反应:

  (1) 页面元素(按钮、锚文本、输入框…)自身状态变化:鼠标移入/移出时效果、点击后效果、获取/失去焦点时效果…(可以想想axure里的用例状态)

  eg:鼠标移入按钮,按钮是底色是否应改变;若输入框内有默认提示文字,则是当输入框获得焦点后文字就消失,还是用户输入文字后提示文字才消失…

  (2)操作成功后续反应:页面跳转、弹框、提示文字…

  a.页面跳转:

  页面切换方式:另开页面、本页切换

  页面起始定位:页面起始位置、页面其他锚点(例如用户想评论某文章,在列表页点评论按钮后,就会在另开的文章内容页直接定位到评论区)

  b.弹框:

  匹配情况:弹出的弹框是否和触发条件匹配

12
欢迎来到欢哥sem的博客,在这里你可以学到网络营销方面的全部知识

本文标签:[db:关键词]

<< 上一篇 下一篇 >>

  • 评论(
  • 赞助本站

赞助信息流优化运营,百度竞价托管,网站制作,网站优化一站式学习交流平台【欢哥sem】

相关文章

随机文章

标签列表

最近发表

天气预报

    热门文章 | 最新文章 | 随机文章

最新留言

首页 SEM 电信广告 SEO WEB 新媒体 站长资讯

Powered 信息流优化运营,百度竞价托管,网站制作,网站优化一站式学习交流平台【欢哥sem】 版权所有 京ICP1234567-2号