如翼视点
首页>如翼视点>文章内容
网站设计好用的秘诀---网站测试不能被忽略
发表时间:2018-08-10

是否发现自己网站很难用:打开速度过慢;传大图大量文字页面撑开;图片变形;手机版完全不好用…… 

原因居然是大家忽略掉的一环:客户自己的反复测试!为什么说测试主要靠客户自己而不是网站设计公司?因为鞋合不合适只有脚知道。现下的情况是客户自己对测试这一环投入兵力太少, 对测试的方法也完全不知道。 


那客户该如何测试自己正在做的网站呢?


网站设计前期、中期和后期,都有几次痛苦并伴随着快感的测试;痛苦是指工作量很大,快感是指一次次测试,意味着离好用的网站又进了一大步。 


前期,设计稿完成后第一次修改,这次修改需要多人研究jpg图,调整交互体验的不合理:网站设计公司提供的文件,文字是不是小了?产品分类是不是不合理?进到一个想看的页面,是否点击次数过多?等等。这个过程不痛苦。尽快调整网页设计稿中的致命问题。

所有交互体验问题改到位后,交付前端代码布局网页。写前端代码时不能回过头大幅调整设计稿,否则会有翻工嫌疑。 


中期,前端完成,生成静态网页html,客户必须参与前端测试,主要测试各浏览器各个设备的兼容性,以及和设计稿的还原度等等。如果是响应式的要分手机版和电脑板分别测试,修改和要求不相符的地方。这个过程还算简单。

前端代码调整的差不多了,就交付程序员进行数据库开发和程序页面开发(都是代码,但前端代码和后台代码完全两拨人在搞。不懂的请问百度)。 


程序完成,进入后期测试。

后期要测试两大功能:后台程序和前端页面布局(第二次测前端布局)!这个过程会无比痛苦,因为前端代码和后台程序交织在一起,前端代码的兼容性和后台代码的BUG会疯狂闪现。 


拿到初步网站总是心情欢畅,这只是没有填充内容的页面,填充内容后很可能面目狰狞起来,如翼设计会提醒你:没有一家网站设计公司这一稿的代码问题会少!如果草率交稿,以后用的时候发现一点改一点,网站设计公司承受不了说一个改一个的修改(不是为他们开脱,这样像挤牙膏一样改真的受不了)。最后闹得不愉快。网站最后也没法使用。


 交稿前感觉问题不多的网站,一定是个假象!很多网站不好用就是这里的测试敷衍了。 


正确方法是:交稿前的这个阶段,利用提供的后台地址不断测试:打开速度是否过慢?传海量的文字看能不能把页面撑破;传超过页面大小的图看会不会变形,手机版是不是显示完全;视频能否兼容各个浏览器;各种边边角角都要翻出来测试……等等等等。再打一次预防针,很多意想不到的奇葩BUG会层出不穷!改得都想哭。但恭喜你,遇到这样的情况就对了!说明一个好用的网站即将诞生。 


另外,修改的方式是建立每次的修改文档,所有问题测完后提交一次,让网页设计公司批量修改。改回来再测再一批改……批量改而不是看到一点让网站设计公司改一点。双方都舒服。

这样做出的网页,事半功倍,好用无比。


最后列出容易忽略但致命的问题:

视觉设计:调整交互体验合理性

前端代码:多测试兼容性,别忘了测手机版本

后台程序:不要漏掉每一个功能,每一种可能


如翼设计原创,转贴请注明:如翼设计http://www.ruyidesign.com