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