因為本次是全程參與了松松軟文新平臺的開發，所以盧松松今天把網站開發的一些經驗心得寫出來，供大家參考。以後大家在遷移新網站的時候，有一個參考依據，我都做了什麽，什麽時候做，都會列出來，希望本文對大家有所幫助，哪怕一點足以。

一，前期準備

早在年初之前就有很多朋友跟我說松松軟文不夠“大氣”，雖然還不能理解“大氣”的深刻含義，但也清楚這個網頁很有年代感了。在年初時，我就已經下定決心：改版。

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)

功能性網站開發經驗心得