功能性新网站开发一点点经验心得

因为本次是全程参与了松松软文新平台的开发&＃xff0c;所以卢松松今天把网站开发的一些经验心得写出来&＃xff0c;供大家参考。以后大家在迁移新网站的时候&＃xff0c;有一个参考依据&＃xff0c;我都做了什么&＃xff0c;什么时候做&＃xff0c;都会列出来&＃xff0c;希望本文对大家有所帮助&＃xff0c;哪怕一点足以。

一&＃xff0c;前期准备

早在年初之前就有很多朋友跟我说松松软文不够“大气”&＃xff0c;虽然还不能理解“大气”的深刻含义&＃xff0c;但也清楚这个网页很有年代感了。在年初时&＃xff0c;我就已经下定决心&＃xff1a;改版。

90%的调查基本没什么卵用

既然下决心改版了&＃xff0c;那么第一步肯定是用户调查&＃xff0c;问问别人的意见。但多年做网站的经验的我告诫自己&＃xff1a;90%的调查基本没什么卵用!因为用户根本不知道他想要什么&＃xff0c;直到你把东西摆在他面前的时候&＃xff0c;意见才会接踵而来。所以这次松松软文改版&＃xff0c;我也没做过任何调查&＃xff0c;更多的是收取了我们客户的意见&＃xff0c;需要什么功能&＃xff0c;那些不好用&＃xff0c;那些地方有BUG。你现在看到的这套新平台&＃xff0c;基本是自己的想法。

万事俱备&＃xff0c;就差程序员了

有了初步想法后&＃xff0c;剩下的就是整理自己的想法和需求并写到文档里。因为需求这东西会随着时间推移经常变&＃xff0c;所以文档也改了好几版。我们是很小很小的公司&＃xff0c;没有很强的技术实力&＃xff0c;主力的开发工作还是要请外面的人参与&＃xff0c;这点我从不否认&＃xff0c;所有找一个靠谱的程序员就非常重要。

那么如何找靠谱的程序员?这就和结婚找对象一样&＃xff0c;要靠缘分&＃xff0c;其次是前几年的人脉积累。

二、开发工作

我们在9月初开始进入实质性的开发工作&＃xff0c;首先是把整体框架搭建起来&＃xff0c;当然这里面没我啥事&＃xff0c;具体功能性的开发全部是由程序员开发完成。

不过很庆幸的是我们找到了一位非常靠谱的程序员&＃xff0c;可以说一个顶三。无论是责任心还是技术对我而言都堪称一流。

简单举两个例子&＃xff1a;

第一个&＃xff1a;在需求文档提出后&＃xff0c;很多问题其实我并没有考虑清楚&＃xff0c;而且一些功能完全是他自发加进去的&＃xff0c;比如松松软文的“绑定微信服务号”功能&＃xff0c;起初我并没有提出要这个功能&＃xff0c;他说现在都往微信公众号上靠了&＃xff0c;我给你做个“绑定微信功能”以后客户可以在微信里查看订单提示。“管理员权限分配”“入账申请”“客服QQ自动分配”也是他主动提出的。

第二个&＃xff1a;整体的功能框架半个月左右开发完毕&＃xff0c;转眼就到十一国庆放假了&＃xff0c;我本想好好休息一下&＃xff0c;玩玩游戏带带孩子&＃xff0c;结果这哥们从1号一大早就开始联系我&＃xff0c;开始追问需求。记得2号那天晚上&＃xff0c;我们几个人做电脑前面搞到了凌晨1点过&＃xff0c;我做在椅子上昏昏欲睡&＃xff0c;电脑那头传来了打鼾声&＃xff0c;只有他时不时在QQ上回一句“这功能好了”&＃xff0c;从1号到到8号天天如此。

三、测试阶段

虽然开发我参与不到什么&＃xff0c;但测试网站还是比较有经验的&＃xff0c;为了保证网站尽量少出现BUG&＃xff0c;每个页面我都是在反复点击&＃xff0c;每一个步骤都走一遍流程。这个工作开起来轻松&＃xff0c;实际上非常费脑子&＃xff0c;因为你每一次点击&＃xff0c;都要换位思考&＃xff0c;你只是个普通用户&＃xff0c;如果我是他该怎么点。而且要重复好几遍。

连续写了8份修改意见文档

和程序员沟通最好的方式就是写文档&＃xff0c;在QQ、电话里反而说不清楚&＃xff0c;在文档里能很清晰的把你的想法说清楚。测试一般先从首页开始&＃xff0c;一个页面一个页面点击。测一个页面&＃xff0c;过一个。不过还好&＃xff0c;松松软文的界面不是很多&＃xff0c;前台总共就8页&＃xff0c;用户后台就15页。

就这样&＃xff0c;从国庆后开始&＃xff0c;我连续写了8份修改意见文档&＃xff0c;每份文档都有几十张图片&＃xff0c;每份文档1000多字&＃xff0c;还不包含截图上的文字。值得庆幸的是&＃xff0c;我所有这个平台开发中&＃xff0c;只听见程序员说过一次“搞不定”&＃xff0c;其他问题全部解决。

在测试阶段&＃xff0c;我也终于明白我的技术是如此落伍了。起初改HTML的时候&＃xff0c;一般都是先改CSS再改HTML文件&＃xff0c;后面我发现&＃xff0c;这几年流行的模板全部是框架式模板&＃xff0c;CSS文件里几乎包含了你所有想要的样式表&＃xff0c;你只需要“审查元素”&＃xff0c;把这段代码贴到HTML里就可以了。这和10年前做前段完全是两个概念!

正是有了这些详细的测试&＃xff0c;在考虑客户发稿时看你会遇到的一些问题&＃xff0c;我都在网页上做了问号标注&＃xff0c;慢慢的就形成了一个小型的帮助中心。

(如图所示&＃xff0c;问号里面的文字全部是我一个字一个字写出来的)

当然&＃xff0c;这次网页首页的改版&＃xff0c;也改变了以往的思路&＃xff0c;以前是以产品介绍为主&＃xff0c;而这次是以以人为中&＃xff0c;以介绍客服为主&＃xff0c;所以大家在任何页面都可以看到介绍&＃xff0c;同时也可以看到我对所有客服的评语。

(客服下方的评语也是挨个打出来的)

四、正式迁移

也许是怕影响用户体验&＃xff0c;也许是多年习惯&＃xff0c;在程序测试完毕后&＃xff0c;我们最终选择在10月29日凌晨迁移网站(PS&＃xff1a;2016年初卢松松博客改版的时候也是在凌晨)。

一切准备工作就绪&＃xff0c;数据库的迁移、程序的迁移我们演练了三次&＃xff0c;确保当晚能顺利完成。当然这还面临一个最重要的问题&＃xff1a;

第二天一早是睡觉还是改BUG的问题?

在经过多次是思想斗争后&＃xff0c;我们最终决定&＃xff1a;早点睡!

说实话&＃xff0c;因为准备工作太充分了&＃xff0c;迁移的非常顺利&＃xff0c;我们在凌晨1点基本迁移完毕&＃xff0c;我们早早就回家睡觉了。

五、解决BUG

虽然反复测试&＃xff0c;但终究百密一疏。在开发新平台的时候&＃xff0c;我还经常发布一些开发进度消息。所以29号(周日)一大早&＃xff0c;就有客户跑过来发文章和挑错&＃xff0c;我们也被批的非常不好意思。

最重要的则是资金错误还有订单状态问题&＃xff0c;有几个客户的账户出现问题&＃xff0c;使得我们把所有有异常的帐户全部从新整理核对&＃xff0c;

这个工作一直持续到11月3号结束&＃xff0c;迁移的后续工作又整整持续了4天。当同事若水给我发了一句&＃xff1a;“所有新老系统的稿子都处理完毕后”&＃xff0c;我才知道网站正式迁移的后续工作也全部完成。

写在最后&＃xff1a;

在松松软文新平台开发过程中&＃xff0c;我扮演的是一个测试员的工作&＃xff0c;从用户角度去看网页&＃xff0c;在从客户角度去体验功能&＃xff0c;最后在完善管理员的后台功能。本文在技术方面没有什么建设性的意见&＃xff0c;但在测试方面的一些心得体会希望对大家有一点点帮助。虽然这是一个新版网站&＃xff0c;但我已经看的想吐。毕竟&＃xff0c;印象不是一般的深刻。

上面是旧版界面&＃xff0c;下面的新版界面。