功能性网站开发经验心得

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

一,前期准备

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

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)

时间: 2024-10-07 09:57:44

功能性网站开发经验心得的相关文章

asp.net 网站开发流程总结

由于这学期要做asp.net的网站开发,导师让我们在前期做详细的计划说明,时间安排.由于网站开发流程不知道,以及需要学什么指示都是盲懂,所以计划安排需在了解大致流程之后才能做出来,一下是询问同学和在网上查阅,总结出的粗略的网站开发流程以及一些所需要学的知识.可能存在很多漏洞和缺陷,如大家看到了也希望大家指导..... 总结一 asp.net建网站的主要步骤 1. 首先是需求分析了,分析你打算做哪些功能,涉及哪些因素以及他们的关联关系等等. 2. 数据库设计,根据功能定义出可能的数据对象,设计出数

一个人的网站开发

写在前面的话: 前段时间,一个朋友准备做一个教育相关的事情,其人在深圳,大城市嘛,总是想利用业余时间考个证了,听个培训课程了等等来给自己充充电,自己经常去的一个书店,经常是听课的人爆满,连地上也坐满了人.于是他想啊,能不能做下面一件事呢:他做一个中介平台,一边召集一些想听课的人(学徒),一边召集一些能讲课的人(师傅,我想很多工作了很多年的人,在某一方面,一定也积累了一肚子的干货,想一吐为快,同时在挣自己苦逼的工资的同时奉献知识,挣点儿外快).他从学徒那儿收到的钱,和师傅来分,大概就是这么一件事.

线号机耗材www.nt-kaisheng.com网站开发架构

线号机耗材网站开发架构,是基于丽标线号机_凯标线号机_耗材|色带|号码管批发|电缆标牌_南通凯胜电器有限公司,进行的服务需求的网站. 南通凯胜电器有限公司网站与手工编码比起来,HTML5框架在准确性和正确率方面给予了保证.大多数HTML5框架都会有一个组合或者包含一些额外的组件,比如jQuery Scripts.CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主. 如果你有一个根据固定流程进行的特定项目,为了保证项目刚开始就能有较高的正确率,那么你可以利用HTML5框架来提升整个开

个人网站开发流程

一个正规的网站开发,理论上需要一个团队的配合,各自发挥自己的长处,网站需求分析.原型设计.效果图.切图.前台美工.后台代码.算法设计.数据库设计.服务器配置等等一系列的事情,而一个人想面面俱到这些,还是需要花些时间的.所以对一个初学者来说,我的建议是:别管他三七二十一,不是想开发一个网站吗,别管懂不懂,先开发出来一个再说,在开发的过程中,遇到了问题,再找解决方案的过程中,自己获得了学习,等完成了一个网站,乱七八糟的知识也学了一些,有了一个感性的认识,再去系统性的.深入的去学习也不晚. 这里提供一

专业定制汽车网站开发支持电脑版+手机版+微信版+小程序版

网站开发采用:PHP+MySQL+ThinkPHP框架 服务器选择:  服务器购买地址:http://www.erduyun.com/services/cloudhost/域名购买地址:http://www.erduyun.com/services/domain/ [服务与售后]1.为了更好的为客户服务,我们实行全方位一条龙服务, 包括如下内容:   A.服务器.域名.支付.公众号等信息的准备,,我们全部搞定.   B.软件平台部署.测试.上线.   C.系统售后维护.   以上服务器全程跟踪,

网站开发_从基础做起2

一超链接的四种样式 假定一个超链接  <a href = www.561.cn>这是一个超链接</a> a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */ 以上分别定义了超链接未访问时的链接样式,已访问的链接样式,鼠标移上时链接

在access中如何创建数据库?你认为数据库在网站开发中所扮演的角色是什么?使用数据库和使用文件,两者的优缺点是是什么?

1.启动ACCESS建空数据库,给数据库取名"数据库名".2.建一个表,如果有excel数据可直接导入或在设计视图里面建表,如段名分别为:学号.姓名.性别.出生日期.家庭住址等.给表取名"表名".3.用数据表做数据源,建立需要的查询.一个简单的数据库就建成了.我认为数据库在网站开发中扮演者重要的角色,它掌管着大量的重要数据.它是网站开发的核心,也可以说它是一个默默无闻的工作者 数据库是用来存储数据的,其中分好多类,小型的有ACCESS,中型的有SQL SERVER,

ASP.NET MVC 网站开发总结(六)——简谈Json的序列化与反序列化

首先,先简单的谈一下什么是序列化与反序列化,序列化 (Serialization)将对象的状态信息转换为可以存储或传输的形式的过程.在序列化期间,对象将其当前状态写入到临时或持久性存储区.以后,可以通过从存储区中读取或反序列化(Deserialization)对象的状态,重新创建该对象. 一般我们把Json的序列化与反序列化用在哪些地方呢?对于网站开发来说,一般我们会用Json来进行前台和后台的数据传递(常与Ajax一起使用),而这个过程就涉及到了Json的序列化与反序列化. 那么我们就来简单看

curl网站开发指南

curl网站开发指南 作者: 阮一峰 日期: 2011年9月 4日 我一向以为,curl只是一个编程用的函数库. 最近才发现,这个命令本身,就是一个无比有用的网站开发工具,请看我整理的它的用法. =================================== 阮一峰 整理 curl是一种命令行工具,作用是发出网络请求,然后得到和提取数据,显示在"标准输出"(stdout)上面. 它支持多种协议,下面举例讲解如何将它用于网站开发. 一.查看网页源码 直接在curl命令后加上网址,