功能性网站开发经验心得

Posted 2020-10-13

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

一，前期准备

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

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

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

万事俱备，就差程序员了

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

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

二、开发工作

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

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

简单举两个例子：

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

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

三、测试阶段

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

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

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

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

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

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

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

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

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

四、正式迁移

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

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

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

在经过多次是思想斗争后，我们最终决定：早点睡!

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

五、解决BUG

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

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

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

就像在上一篇文章“全新的松松软文平台上线公告”中提到的那样，此次我们对新平台进行了全新的升级，可以说你想知道的，想要的都有说明，还不知道的赶快去了解下!

写在最后：

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

大家还是先欣赏一下新老界面对比吧!松松软文新版体验地址：https://ruanwen.lusongsong.com/

上面是旧版界面，下面的新版界面。

原文地址：http://lusongsong.com/reed/9524.html

来源：卢松松博客，欢迎分享，(QQ/微信：13340454)