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

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

　　一、界面测试

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

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

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

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

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

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

　　二、内容测试

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

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

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

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

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

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

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

补充：web前端 , HTML/CSS  ,