网站的界面测试和内容测试

  当我们还没有正式启用网站的功能并发布到互联网时,不管是站长朋友们是使用开源项目作为建站系统也好还是使用自己开发的网站系统,网站测试都是网站运营前的重要工作,因为这决定着当用户对你网站第一次使用的印象好坏,如果第一次使用就发现网站的界面十分不美观,同时内容信息错误太多且缺乏真实和用户体验,那么这些用户可能就会直接离开你的网站而不再光临。因此,网站的测试是一项十分重要的工作,而网站整体界面和网站的内容作为用户第一次接触的重要部分,对它们的测试成为网站测试的关键环节。

  一、界面测试

  美观漂亮的界面就像一个美女,能在用户接触的第一时间吸引用户的眼光。具有良好体验的网站界面能够充当导演的角色,引导用户独立完成相应的操作。相反,失败的界面设计也很可能让网站的强大功能全部付诸东流。整体界面测试是对整个网站的页面结构的测试,是用户对系统的一个整体感受。目前,我们也很难能找到合适的自动化工具来对整体界面进行测试,进一步增加了界面测试的难度,但是我们可以从一些重要的方面进行把握,包括

  ①网站界面风格整体上是否让人感到舒适以及整体风格是否一致,这点比较不容易判断,每个人的审美观的不同,但是有一点可以把握的是网站风格要与网站的主题相适应,比如游戏类的网站就没有必要弄成伤感暗淡的风格,现代都市娱乐交友网站没有必要设计成古典的风格。

  ②按照相关规定逐项检查,包括页面大小是否合适,布局是否合理,颜色搭配是否易于接受或者搭配不当,链接功能是否正常,字体大小是否合适,是否存在错别字的问题。

  ③是否凭直觉就知道要找的信息在什么地方。界面操作是否友好,如果对重要功能进行了修改,应该在帮助文档中同步说明。同时,还应提供关键词搜索功能,在用户不知该如何使用该产品时,可以通过帮助文档自主寻找解决方法。

  ④整个网站的界面风格是否保持一致,每个页面的同种类型内容的文字字体的颜色、格式是否统一,链接是否正常(是否链接到错误的页面或者网站出现较多的死链接)。

  ⑤浏览器的兼容性问题,观察页面在不同浏览器、操作系统或不同分辨率下的显示是否会发生异常。特别是浏览器兼容性最容易出现问题,比如当今主流的浏览器包括几种内核:IE、火狐、谷歌浏览器内核等,在这几种内核的条件下又要测试这几种浏览器对应的版本问题,特别是对于网站的部分功能需要安装第三方在线控件的,也要考虑到浏览器的兼容性,同时不同浏览器在不同的显示分辨率下也会出现多种不同的差异,这些都是需要进行详细的测试,否则用户一旦浏览出现了页面显示异常,就很容易失去关注网站的机会。

  二、内容测试

  网站的内容测试用来检验网站提供的信息的准确性、正确性、相关性。网站内容的准确性是指是否有拼写错误或语法错误,我们可以使用语法或者拼写错误检查工具来提供内容的准确性,大家最熟悉的一个就是Microsof Office Word的“拼音和语法检查”功能,提供语法和拼音的纠正功能。网站内容的正确性是指网站提供的内容是可靠的还是不真实的谣传。例如,在提供在线考试类网站中,所提供试题应避免出现常识性错误。网站内容的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口。比如在某个B2C商城中,当客户购买某个商品之后,应显示与之相关的其他产品,提供内容推送的效果。网站的内容测试,我们可以从以下几个方面进行检查:

  ①网站的内容中文中是否有错别字,特别是在标题中,是否有明显的错别字。比如,本人就层看过在一个网站中,标题层这么写“***咨询公司,为您提高专业的咨询服务”,很明显“提供”写成“提高”,特别是我们粗心的时候会经常遇到这种情况。

  ②网页的各个页面标题是否有层次感和是否能够正确标识页面的内容。读者可能会因为进入网站的比较深层次的页面,然后阅读的时候突然开小差而不知道现在是在阅读哪些方面的内容,但是设计友好的网页的标题可以直观地帮助他们很快理解当前所接触的网站内容。

  ③用户是否需要向右或者向下拖动滚动条才能看见网站的重要信息。很多网站为了一下子给用户提供信息量更大的的内容,而拼命发布大文本信息,也不管这些信息是否有用,结果网站要提供的重要信息没有体现,而读者要阅读的时候则需要很费劲地去拖动滚动条才能阅读,这样的网页内容可能会给读者带来很不好的用户体验。

  ④每一栏的宽度是否足够宽,表格里的文字是否都有折行;是否因为某一格的内容太多,而将整行的内容拉长,以至于有的网页因为内容拉长而影响整个页面的样式,把整个网页布局带入了混乱变形的地步。本人在开发过程中,层因为没有考虑网页表格栏目的宽度,而导致文本内容太多时自动拉伸,造成页面极为不美观。

  ⑤重要内容的直观性。很多网站都是为了宣传某些产品或者某种服务,因此对应用户需要的关键词信息,如公司简介、联系人、联系方式、在线反馈等应该直观展示,否则用户可能因为找不到买家而失去销售机会。

  本文由域名 http://www.96ns.com/ 原创,转载请标明出处!谢谢!

时间: 2024-11-18 22:12:48

网站的界面测试和内容测试的相关文章

网站前端的性能优化与测试——内容过期

最近在搞网站的界面UI改版,除了少数的几个页面外,全站基本统一了界面风格,在解决各种浏览器兼容问题的时候,不经意搜到一个FireFox的插件 YSlow for Firebug,他是开源的网站优化工具,用于测试网站的前端性能.在YSlow的评价性能等级上,有十三条规则:1. Make fewer HTTP requests,2. Use a CDN,3. Add an Expires header,4. Gzip components,5. Put CSS at the top,6. Put J

《HTML与CSS入门经典(第8版)》——2.5 测试Web内容

2.5 测试Web内容 当你传送文件到Web服务器或者将它们放置到可移动媒体用于本地浏览,你应该立即完全测试所有页面.下面的检查列表将帮助确保你的Web内容的表现符合你的预期.注意,某些术语现在对你来说有点不熟悉,但是随着你进一步学习并且创建更大的项目,可以再回到这一列表. 在传送文件之前,在你的计算机上测试以确保链接有效,内容反映你的视觉设计.在传送页面到Web服务器或者可移动设备之后,再次测试. 在可能的情况下用尽量多的浏览器进行这些测试--Chrome.Firefox.Internet E

python+webdriver+selenium测试web能测试哪些内容,具体流程是哪样的

问题描述 python+webdriver+selenium测试web能测试哪些内容,具体流程是哪样的 本人没有任何经验,目前领导要推进一下自动化测试的事情, 测试一个web网站,在网上搜索关于web测试的测试重点和测试内容, 没有什么具体的收获,在这里想问一下有经验的同事大神们, 如何按部就班的学习以及实现,目前的具体状况是本人用seleniumIDE录制脚本, 转化为python语言,转化完成后能实现各个浏览器的回放, 转化完之后的脚本如何加以利用? 录制的脚本很多都是不能回放的,例如我们的

谷歌证实在搜索结果中测试新型内容模块

北京时间11月8日消息,据专门关注搜索产业发展动向的美国科技http://www.aliyun.com/zixun/aggregation/9610.html">博客网站SearchEngineLand报道,谷歌一位发言人周一证实,该公司正在谷歌搜索结果页面测试一种名为"信息来源"(Source)的新型内容模块. SearchEngineLand称,美国搜索引擎优化专家赛勒斯·谢巴德(Cyrus Shepard)首先发现谷歌正测试新型内容,并提供了相应屏幕截图. 谢巴德

网站设计用户测试:只需测试5个用户

文章描述:为什么网站项目只需测试5个用户. 人们总是认为,用户测试是一个复杂且代价昂贵的事情.一个网站设计项目需要一个庞大的预算和长长的时间表.其实,可用性测试并非如大多数人认为的是浪费资源的事情.在你可承受的测试成本范围内,使用不超过5个用户,即可达到很好的测试效果. 最初的研究过程中,Tom Landauer 和我得出了一个 可用性测试方面的,关于测试人员的数量的公式: 假设一个可用性测试的测试人员数量为n,N为所有可用性测试发现的问题总数,L是单个测试人员的问题发现率. N(1-(1-L)

使用A/B测试和多变量测试提升网站转化率

文章描述:多变量测试:5个简单步骤提升转化率. 前言 自Google出现并改变了游戏规则之后,用户对于网页的关注时间一直在下降.对于任何一个时下话题,有千万条结果可以关注,可以抓住访问者注意力的机会非常明显地下降了(2002年,BBC报告指出大约在9秒内).想象一下你自己浏览网页时的时:你会阅读所有的文字和图片,尝试着彻底了解整个网页内容是什么吗?最有可能的答案是:"不会."伴随着充斥四周的信息轰炸,我们像被宠坏了的孩子那样,不会投入足够的的注意力去关注一个网页到底想告诉我们什么. 我

.net-VS2013做完网页界面,前期还测试ok,现在打开竟然没designer.cs,运行无法加载

问题描述 VS2013做完网页界面,前期还测试ok,现在打开竟然没designer.cs,运行无法加载 用vs2013前两天做的网页测试ok,上传svn,今天更新下然后打开,改界面的designer.cs没有了,.aspx名称前的图标为空白的,运行无法加载,是不是因为同事用他vs2010改了我程式?还是什么兼容问题? 解决方案 右键点击该文件,然后选择包括在该项目中.

《HTML5+CSS3网页设计入门必读》——1.10 关于测试Web内容的提示

1.10 关于测试Web内容的提示 无论何时把文件传输到Web服务器上或者把它们存放在可移动媒体上以便于本地浏览,都应该立即彻底地测试每个页面.下面的检查表有助于确保Web内容像你期望的那样工作.注意:此时,有一些术语你可能还不熟悉,但是在你逐步学习本书并创建更大的项目时,可以回过头来看看这个检查表. 在传输文件之前,要在本地机器上测试它们,以确保链接都会工作,并且内容反映了你想要的视觉设计.在把页面传输到Web服务器或可移动设备上之后,要把它们都再次测试一遍. 利用尽可能多的浏览器执行这些测试

推荐 10 款网站加载时间比较和测试工具

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网站的加载时间是网站一个非常重要的因素,如果用户在访问你的网站时需要等待太长的时间,相信多数人弃之而去.因此你需要对你的网站性能做一个良好的测试,本文向你介绍 10 个网站加载时间的测试工具. 1. iWebtool iWebtool 是一个非常帮的网站加载时间在线测试平台,你只需要输入网站的网址便可进行测试. 2. Web Page Analyzer Web Page Analyzer 帮助用户计算网页大小.组成和下载的时间,并可给予测试的结果给