第一步：先把坑踩明白

去年接了個(gè)上海靜安區(qū)的客戶(hù)，開(kāi)口就要“高端大氣”，預(yù)算還摳摳搜搜的。我心想小公司嘛湊合做做，結(jié)果人家轉(zhuǎn)頭找了更便宜的團(tuán)隊(duì)，整了個(gè)花里胡哨的網(wǎng)站——加載慢得跟蝸牛爬似的，手機(jī)上看文字都疊在一起。

教訓(xùn)血淋淋：高端不等于堆特效！錢(qián)少還事兒多的客戶(hù)，趁早躲開(kāi)。

第二步：跪著聽(tīng)需求

后來(lái)接了家外企的活兒，學(xué)乖了。第一周啥也不干，就帶著記事本天天泡在客戶(hù)辦公室。

• 早上跟著銷(xiāo)售跑客戶(hù)，看人家怎么介紹產(chǎn)品
• 中午混進(jìn)市場(chǎng)部聽(tīng)他們罵競(jìng)品網(wǎng)站
• 晚上蹲在IT部門(mén)看后臺(tái)數(shù)據(jù)怎么跑

回來(lái)寫(xiě)了二十頁(yè)需求文檔，讓客戶(hù)用紅筆往上摔，改到第三遍才簽字——這步偷懶，后面全是雷！

第三步：拿紙筆畫(huà)到崩潰

開(kāi)始搞設(shè)計(jì)那周，我電腦桌面全是密密麻麻的線框圖。首頁(yè)產(chǎn)品展示欄擺左邊還是右邊？改了七遍?？蛻?hù)大老板突然說(shuō)“要藍(lán)色科技感”，結(jié)果行政總監(jiān)拍桌子喊“我們要綠色環(huán)?！?！

逼得我凌晨三點(diǎn)把兩種方案拼在一起：滾動(dòng)時(shí)藍(lán)色漸變轉(zhuǎn)綠色，這幫祖宗才消?！O(shè)計(jì)師同事說(shuō)想掐死我。

第四步：碼農(nóng)兄弟要拼命

前端小哥看到設(shè)計(jì)稿當(dāng)場(chǎng)罵街：“這交互動(dòng)效是人做的？”，反手給我看了三頁(yè)技術(shù)難點(diǎn)。趕緊拉著后端買(mǎi)奶茶賠罪，硬是在咖啡因中毒前搞定：

• 產(chǎn)品視頻自動(dòng)壓縮到5MB內(nèi)
• 英文版頁(yè)面字符編碼折騰兩天
• 支付接口調(diào)試到凌晨銀行客服都認(rèn)識(shí)我們了

血的教訓(xùn)：留出1/3時(shí)間給程序員改BUG！

第五步：測(cè)試比找對(duì)象還難

上線前用八臺(tái)設(shè)備同時(shí)測(cè)，華為手機(jī)顯示正常，蘋(píng)果突然閃退！查了半天是某個(gè)滾動(dòng)插件不兼容。最絕的是客戶(hù)老板的舊款iPad，打開(kāi)聯(lián)系我們頁(yè)面直接黑屏——原來(lái)他系統(tǒng)還是iOS9。

加了段備用代碼：檢測(cè)到老系統(tǒng)自動(dòng)隱藏動(dòng)畫(huà)，這才算完?，F(xiàn)在每份合同都加粗寫(xiě)著：“不支持五年以上電子設(shè)備”。

上周路過(guò)靜安寺，看見(jiàn)第一家客戶(hù)公司倒閉了，招牌都拆了——網(wǎng)站再便宜，做不對(duì)也是白扔錢(qián)。