因爲本次是全程參與了松松軟文新平台的開(kāi)發，所以盧松松今天把網站開(kāi)發的一(yī)些經驗心得寫出來，供大(dà)家參考。以後大(dà)家在遷移新網站的時候，有一(yī)個參考依據，我(wǒ)都做了什麽，什麽時候做，都會列出來，希望本文對大(dà)家有所幫助，哪怕一(yī)點足以。 一(yī)，前期準備 早在年初之前就有很多朋友跟我(wǒ)說松松軟文不夠“大(dà)氣”，雖然還不能理解“大(dà)氣”的深刻含義，但也清楚這個網頁很有年代感了。在年初時，我(wǒ)就已經下(xià)定決心：改版。 90%的調查基本沒什麽卵用 既然下(xià)決心改版了，那麽第一(yī)步肯定是用戶調查，問問别人的意見。但多年做網站的經驗的我(wǒ)告誡自己：90%的調查基本沒什麽卵用!因爲用戶根本不知(zhī)道他想要什麽，直到你把東西擺在他面前的時候，意見才會接踵而來。所以這次松松軟文改版，我(wǒ)也沒做過任何調查，更多的是收取了我(wǒ)們客戶的意見，需要什麽功能，那些不好用，那些地方有BUG。你現在看到的這套新平台，基本是自己的想法。 萬事俱備，就差程序員(yuán)了 有了初步想法後，剩下(xià)的就是整理自己的想法和需求并寫到文檔裏。因爲需求這東西會随着時間推移經常變，所以文檔也改了好幾版。我(wǒ)們是很小(xiǎo)很小(xiǎo)的公司，沒有很強的技術實力，主力的開(kāi)發工(gōng)作還是要請外(wài)面的人參與，這點我(wǒ)從不否認，所有找一(yī)個靠譜的程序員(yuán)就非常重要。 那麽如何找靠譜的程序員(yuán)?這就和結婚找對象一(yī)樣，要靠緣分(fēn)，其次是前幾年的人脈積累。 二、開(kāi)發工(gōng)作 我(wǒ)們在9月初開(kāi)始進入實質性的開(kāi)發工(gōng)作，首先是把整體(tǐ)框架搭建起來，當然這裏面沒我(wǒ)啥事，具體(tǐ)功能性的開(kāi)發全部是由程序員(yuán)開(kāi)發完成。 不過很慶幸的是我(wǒ)們找到了一(yī)位非常靠譜的程序員(yuán)，可以說一(yī)個頂三。無論是責任心還是技術對我(wǒ)而言都堪稱一(yī)流。 簡單舉兩個例子： 第一(yī)個：在需求文檔提出後，很多問題其實我(wǒ)并沒有考慮清楚，而且一(yī)些功能完全是他自發加進去(qù)的，比如松松軟文的“綁定微信服務号”功能，起初我(wǒ)并沒有提出要這個功能，他說現在都往微信公衆号上靠了，我(wǒ)給你做個“綁定微信功能”以後客戶可以在微信裏查看訂單提示。“管理員(yuán)權限分(fēn)配”“入賬申請”“客服QQ自動分(fēn)配”也是他主動提出的。 第二個：整體(tǐ)的功能框架半個月左右開(kāi)發完畢，轉眼就到十一(yī)國慶放(fàng)假了，我(wǒ)本想好好休息一(yī)下(xià)，玩玩遊戲帶帶孩子，結果這哥們從1号一(yī)大(dà)早就開(kāi)始聯系我(wǒ)，開(kāi)始追問需求。記得2号那天晚上，我(wǒ)們幾個人做電腦前面搞到了淩晨1點過，我(wǒ)做在椅子上昏昏欲睡，電腦那頭傳來了打鼾聲，隻有他時不時在QQ上回一(yī)句“這功能好了”，從1号到到8号天天如此。 三、測試階段 雖然開(kāi)發我(wǒ)參與不到什麽，但測試網站還是比較有經驗的，爲了保證網站盡量少出現BUG，每個頁面我(wǒ)都是在反複點擊，每一(yī)個步驟都走一(yī)遍流程。這個工(gōng)作開(kāi)起來輕松，實際上非常費(fèi)腦子，因爲你每一(yī)次點擊，都要換位思考，你隻是個普通用戶，如果我(wǒ)是他該怎麽點。而且要重複好幾遍。 連續寫了8份修改意見文檔 和程序員(yuán)溝通最好的方式就是寫文檔，在QQ、電話(huà)裏反而說不清楚，在文檔裏能很清晰的把你的想法說清楚。測試一(yī)般先從首頁開(kāi)始，一(yī)個頁面一(yī)個頁面點擊。測一(yī)個頁面，過一(yī)個。不過還好，松松軟文的界面不是很多，前台總共就8頁，用戶後台就15頁。 就這樣，從國慶後開(kāi)始，我(wǒ)連續寫了8份修改意見文檔，每份文檔都有幾十張圖片，每份文檔1000多字，還不包含截圖上的文字。值得慶幸的是，我(wǒ)所有這個平台開(kāi)發中(zhōng)，隻聽(tīng)見程序員(yuán)說過一(yī)次“搞不定”，其他問題全部解決。 在測試階段，我(wǒ)也終于明白(bái)我(wǒ)的技術是如此落伍了。起初改HTML的時候，一(yī)般都是先改CSS再改HTML文件，後面我(wǒ)發現，這幾年流行的模闆全部是框架式模闆，CSS文件裏幾乎包含了你所有想要的樣式表，你隻需要“審查元素”，把這段代碼貼到HTML裏就可以了。這和10年前做前段完全是兩個概念! 正是有了這些詳細的測試，在考慮客戶發稿時看你會遇到的一(yī)些問題，我(wǒ)都在網頁上做了問号标注，慢(màn)慢(màn)的就形成了一(yī)個小(xiǎo)型的幫助中(zhōng)心。 當然，這次網頁首頁的改版，也改變了以往的思路，以前是以産品介紹爲主，而這次是以以人爲中(zhōng)，以介紹客服爲主，所以大(dà)家在任何頁面都可以看到介紹，同時也可以看到我(wǒ)對所有客服的評語。 松松軟文新網站開(kāi)發一(yī)點點經驗心得 經驗心得 第2張 (客服下(xià)方的評語也是挨個打出來的) 四、正式遷移 也許是怕影響用戶體(tǐ)驗，也許是多年習慣，在程序測試完畢後，我(wǒ)們最終選擇在10月29日淩晨遷移網站(PS：2016年初盧松松博客改版的時候也是在淩晨)。 一(yī)切準備工(gōng)作就緒，數據庫的遷移、程序的遷移我(wǒ)們演練了三次，确保當晚能順利完成。當然這還面臨一(yī)個最重要的問題： 第二天一(yī)早是睡覺還是改BUG的問題? 在經過多次是思想鬥争後，我(wǒ)們最終決定：早點睡! 說實話(huà)，因爲準備工(gōng)作太充分(fēn)了，遷移的非常順利，我(wǒ)們在淩晨1點基本遷移完畢，我(wǒ)們早早就回家睡覺了。 五、解決BUG 雖然反複測試，但終究百密一(yī)疏。在開(kāi)發新平台的時候，我(wǒ)還經常發布一(yī)些開(kāi)發進度消息。所以29号(周日)一(yī)大(dà)早，就有客戶跑過來發文章和挑錯，我(wǒ)們也被批的非常不好意思。 最重要的則是資(zī)金錯誤還有訂單狀态問題，有幾個客戶的賬戶出現問題，使得我(wǒ)們把所有有異常的帳戶全部從新整理核對， 松松軟文新網站開(kāi)發一(yī)點點經驗心得 經驗心得 第3張 這個工(gōng)作一(yī)直持續到11月3号結束，遷移的後續工(gōng)作又(yòu)整整持續了4天。當同事若水給我(wǒ)發了一(yī)句：“所有新老系統的稿子都處理完畢後”，我(wǒ)才知(zhī)道網站正式遷移的後續工(gōng)作也全部完成。 就像在上一(yī)篇文章“全新的松松軟文平台上線公告”中(zhōng)提到的那樣，此次我(wǒ)們對新平台進行了全新的升級，可以說你想知(zhī)道的，想要的都有說明，還不知(zhī)道的趕快去(qù)了解下(xià)! 寫在最後： 在松松軟文新平台開(kāi)發過程中(zhōng)，我(wǒ)扮演的是一(yī)個測試員(yuán)的工(gōng)作，從用戶角度去(qù)看網頁，在從客戶角度去(qù)體(tǐ)驗功能，最後在完善管理員(yuán)的後台功能。本文在技術方面沒有什麽建設性的意見，但在測試方面的一(yī)些心得體(tǐ)會希望對大(dà)家有一(yī)點點幫助。雖然這是一(yī)個新版網站，但我(wǒ)已經看的想吐。畢竟，印象不是一(yī)般的深刻。
