軟文新網(wǎng)站開(kāi)發(fā)一點(diǎn)點(diǎn)經(jīng)驗心得

因為本次是全程參與了軟文新平臺的開(kāi)發(fā)，所以今天把網(wǎng)站開(kāi)發(fā)的一些經(jīng)驗心得寫(xiě)出來(lái)，供大家參考。以后大家在遷移新網(wǎng)站的時(shí)候，有一個(gè)參考依據，我都做了什么，什么時(shí)候做，都會(huì )列出來(lái)，希望本文對大家有所幫助，哪怕一點(diǎn)足以。

一，前期準備

早在年初之前就有很多朋友跟我說(shuō)軟文不夠“大氣”，雖然還不能理解“大氣”的深刻含義，但也清楚這個(gè)網(wǎng)頁(yè)很有年代感了。在年初時(shí)，我就已經(jīng)下定決心：改版。

90%的調查基本沒(méi)什么卵用

既然下決心改版了，那么一步肯定是用戶(hù)調查，問(wèn)問(wèn)別人的意見(jiàn)。但多年做網(wǎng)站的經(jīng)驗的我告誡自己：90%的調查基本沒(méi)什么卵用!因為用戶(hù)根本不知道他想要什么，直到你把東西擺在他面前的時(shí)候，意見(jiàn)才會(huì )接踵而來(lái)。所以這次軟文改版，我也沒(méi)做過(guò)任何調查，更多的是收取了我們客戶(hù)的意見(jiàn)，需要什么功能，那些不好用，那些地方有BUG。你現在看到的這套新平臺，基本是自己的想法。

萬(wàn)事俱備，就差程序員了

有了初步想法后，剩下的就是整理自己的想法和需求并寫(xiě)到文檔里。因為需求這東西會(huì )隨著(zhù)時(shí)間推移經(jīng)常變，所以文檔也改了好幾版。我們是很小很小的公司，沒(méi)有很強的技術(shù)實(shí)力，主力的開(kāi)發(fā)工作還是要請外面的人參與，這點(diǎn)我從不否認，所有找一個(gè)靠譜的程序員就非常重要。

那么如何找靠譜的程序員?這就和結婚找對象一樣，要靠緣分，其次是前幾年的人脈積累。

二、開(kāi)發(fā)工作

我們在9月初開(kāi)始進(jìn)入實(shí)質(zhì)性的開(kāi)發(fā)工作，首先是把整體框架搭建起來(lái)，當然這里面沒(méi)我啥事，具體功能性的開(kāi)發(fā)全部是由程序員開(kāi)發(fā)完成。

不過(guò)很慶幸的是我們找到了一位非?？孔V的程序員，可以說(shuō)一個(gè)頂三。無(wú)論是責任心還是技術(shù)對我而言都堪稱(chēng)一流。

簡(jiǎn)單舉兩個(gè)例子：

一個(gè)：在需求文檔提出后，很多問(wèn)題其實(shí)我并沒(méi)有考慮清楚，而且一些功能完全是他自發(fā)加進(jìn)去的，比如軟文的“綁定微信服務(wù)號”功能，起初我并沒(méi)有提出要這個(gè)功能，他說(shuō)現在都往微信公眾號上靠了，我給你做個(gè)“綁定微信功能”以后客戶(hù)可以在微信里查看訂單提示。“管理員權限分配”“入賬申請”“客服QQ自動(dòng)分配”也是他主動(dòng)提出的。

第二個(gè)：整體的功能框架半個(gè)月左右開(kāi)發(fā)完畢，轉眼就到十一國慶放假了，我本想好好休息一下，玩玩游戲帶帶孩子，結果這哥們從1號一大早就開(kāi)始聯(lián)系我，開(kāi)始追問(wèn)需求。記得2號那天晚上，我們幾個(gè)人做電腦前面搞到了凌晨1點(diǎn)過(guò)，我做在椅子上昏昏欲睡，電腦那頭傳來(lái)了打鼾聲，只有他時(shí)不時(shí)在QQ上回一句“這功能好了”，從1號到到8號天天如此。

三、測試階段

雖然開(kāi)發(fā)我參與不到什么，但測試網(wǎng)站還是比較有經(jīng)驗的，為了保證網(wǎng)站盡量少出現BUG，每個(gè)頁(yè)面我都是在反復點(diǎn)擊，每一個(gè)步驟都走一遍流程。這個(gè)工作開(kāi)起來(lái)輕松，實(shí)際上非常費腦子，因為你每一次點(diǎn)擊，都要換位思考，你只是個(gè)普通用戶(hù)，如果我是他該怎么點(diǎn)。而且要重復好幾遍。

連續寫(xiě)了8份修改意見(jiàn)文檔

和程序員溝通好的方式就是寫(xiě)文檔，在QQ、電話(huà)里反而說(shuō)不清楚，在文檔里能很清晰的把你的想法說(shuō)清楚。測試一般先從首頁(yè)開(kāi)始，一個(gè)頁(yè)面一個(gè)頁(yè)面點(diǎn)擊。測一個(gè)頁(yè)面，過(guò)一個(gè)。不過(guò)還好，軟文的界面不是很多，前臺總共就8頁(yè)，用戶(hù)后臺就15頁(yè)。

就這樣，從國慶后開(kāi)始，我連續寫(xiě)了8份修改意見(jiàn)文檔，每份文檔都有幾十張圖片，每份文檔1000多字，還不包含截圖上的文字。值得慶幸的是，我所有這個(gè)平臺開(kāi)發(fā)中，只聽(tīng)見(jiàn)程序員說(shuō)過(guò)一次“搞不定”，其他問(wèn)題全部解決。

在測試階段，我也終于明白我的技術(shù)是如此落伍了。起初改HTML的時(shí)候，一般都是先改CSS再改HTML文件，后面我發(fā)現，這幾年流行的模板全部是框架式模板，CSS文件里幾乎包含了你所有想要的樣式表，你只需要“審查元素”，把這段代碼貼到HTML里就可以了。這和10年前做前段完全是兩個(gè)概念!

正是有了這些詳細的測試，在考慮客戶(hù)發(fā)稿時(shí)看你會(huì )遇到的一些問(wèn)題，我都在網(wǎng)頁(yè)上做了問(wèn)號標注，慢慢的就形成了一個(gè)小型的幫助中心。

(如圖所示，問(wèn)號里面的文字全部是我一個(gè)字一個(gè)字寫(xiě)出來(lái)的)

當然，這次網(wǎng)頁(yè)首頁(yè)的改版，也改變了以往的思路，以前是以產(chǎn)品介紹為主，而這次是以以人為中，以介紹客服為主，所以大家在任何頁(yè)面都可以看到介紹，同時(shí)也可以看到我對所有客服的評語(yǔ)。

(客服下方的評語(yǔ)也是挨個(gè)打出來(lái)的)

四、正式遷移

也許是怕影響用戶(hù)體驗，也許是多年習慣，在程序測試完畢后，我們終選擇在10月29日凌晨遷移網(wǎng)站(PS：2016年初盧博客改版的時(shí)候也是在凌晨)。

一切準備工作就緒，數據庫的遷移、程序的遷移我們演練了三次，確保當晚能順利完成。當然這還面臨一個(gè)重要的問(wèn)題：

第二天一早是睡覺(jué)還是改BUG的問(wèn)題?

在經(jīng)過(guò)多次是思想斗爭后，我們終決定：早點(diǎn)睡!

說(shuō)實(shí)話(huà)，因為準備工作太充分了，遷移的非常順利，我們在凌晨1點(diǎn)基本遷移完畢，我們早早就回家睡覺(jué)了。

五、解決BUG

雖然反復測試，但終究百密一疏。在開(kāi)發(fā)新平臺的時(shí)候，我還經(jīng)常發(fā)布一些開(kāi)發(fā)進(jìn)度消息。所以29號(周日)一大早，就有客戶(hù)跑過(guò)來(lái)發(fā)文章和挑錯，我們也被批的非常不好意思。

重要的則是資金錯誤還有訂單狀態(tài)問(wèn)題，有幾個(gè)客戶(hù)的賬戶(hù)出現問(wèn)題，使得我們把所有有異常的帳戶(hù)全部從新整理核對，

這個(gè)工作一直持續到11月3號結束，遷移的后續工作又整整持續了4天。當同事若水給我發(fā)了一句：“所有新老系統的稿子都處理完畢后”，我才知道網(wǎng)站正式遷移的后續工作也全部完成。

此次我們對新平臺進(jìn)行了全新的升級，可以說(shuō)你想知道的，想要的都有說(shuō)明，還不知道的趕快去了解下！

寫(xiě)在后：

在軟文新平臺開(kāi)發(fā)過(guò)程中，我扮演的是一個(gè)測試員的工作，從用戶(hù)角度去看網(wǎng)頁(yè)，在從客戶(hù)角度去體驗功能，后在完善管理員的后臺功能。本文在技術(shù)方面沒(méi)有什么建設性的意見(jiàn)，但在測試方面的一些心得體會(huì )希望對大家有一點(diǎn)點(diǎn)幫助。雖然這是一個(gè)新版網(wǎng)站，但我已經(jīng)看的想吐。畢竟，印象不是一般的深刻。

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