幾年頭里，我接了個(gè)活兒，給一家挺大的時(shí)尚品牌做官網(wǎng)。

項(xiàng)目客戶說(shuō)要做高端設(shè)計(jì)，得洋氣點(diǎn)兒。

我想著不簡(jiǎn)單嗎？掏出我老本行的本事，刷刷刷畫了個(gè)漂亮稿子，整了好些動(dòng)畫效果。

結(jié)果初版一出來(lái)，客戶就火大了。

“你這設(shè)計(jì)好看是好看，但電腦上還行，手機(jī)上加載慢得跟蝸牛似的，點(diǎn)個(gè)按鈕都卡半天！”

我當(dāng)時(shí)懵了，只顧著電腦版華麗，忘記搞移動(dòng)端適配了。

這坑踩得結(jié)結(jié)實(shí)實(shí)。

趕緊擼起袖子改代碼。

花了一周重新整，減動(dòng)畫、簡(jiǎn)化布局，手動(dòng)測(cè)試每臺(tái)設(shè)備。

好不容易弄完，上線后，客戶又抱怨：“你這導(dǎo)航咋這么亂？用戶找不到東西，跳來(lái)跳去頭都大了?！?/p>

這又是沒(méi)考慮用戶體驗(yàn)的大坑。

折騰得我累死累活，晚上躺床上都想著那破事。

后來(lái)我總結(jié)了這十年搞網(wǎng)站的經(jīng)驗(yàn)，才摸清套路。

先從頭說(shuō)起。

一開(kāi)頭別急著畫圖。

你得和客戶坐下來(lái)喝喝茶，聊聊他們到底要

比如問(wèn)問(wèn)：“你們官網(wǎng)賣給誰(shuí)的？咋讓人買東西？”

客戶一說(shuō)“想吸引年輕妹子”，我就懂了。

動(dòng)手時(shí)，先做低保真模型測(cè)試。

搞幾張草圖，找些朋友點(diǎn)點(diǎn)看。

測(cè)試過(guò)程，常出意外：

有一次哥們兒點(diǎn)來(lái)點(diǎn)去，嚷嚷“這按鈕太小，手抖點(diǎn)錯(cuò)了”。

我立馬調(diào)整，加大按鈕尺寸。

省得上線了鬧笑話。

設(shè)計(jì)環(huán)節(jié)，別光追求洋氣。

動(dòng)畫弄太多，網(wǎng)站跑起來(lái)慢。

代碼寫得復(fù)雜了，維護(hù)起來(lái)頭疼。

有回我給個(gè)餐廳做站，塞了太多視頻。

客戶后臺(tái)一更新，整個(gè)卡成狗。

坑得我從頭重寫代碼。

現(xiàn)在學(xué)乖了：簡(jiǎn)單點(diǎn)，能省就省。

技術(shù)選型也有講究。

早些年，愛(ài)用些高大上的框架。

結(jié)果升級(jí)時(shí)出問(wèn)題，補(bǔ)丁打不上。

折騰半天，還不如選個(gè)穩(wěn)當(dāng)?shù)墓ぞ摺?/strong>