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

項目客戶說要做高端設(shè)計，得洋氣點兒。

我想著不簡單嗎？掏出我老本行的本事，刷刷刷畫了個漂亮稿子，整了好些動畫效果。

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

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

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

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

趕緊擼起袖子改代碼。

花了一周重新整，減動畫、簡化布局，手動測試每臺設(shè)備。

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

這又是沒考慮用戶體驗的大坑。

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

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

先從頭說起。

一開頭別急著畫圖。

你得和客戶坐下來喝喝茶，聊聊他們到底要

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

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

動手時，先做低保真模型測試。

搞幾張草圖，找些朋友點點看。

測試過程，常出意外：

有一次哥們兒點來點去，嚷嚷“這按鈕太小，手抖點錯了”。

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

省得上線了鬧笑話。

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

動畫弄太多，網(wǎng)站跑起來慢。

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

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

客戶后臺一更新，整個卡成狗。

坑得我從頭重寫代碼。

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

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

早些年，愛用些高大上的框架。

結(jié)果升級時出問題，補丁打不上。

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