最近我接了個上海網(wǎng)站建設的活兒，是給本地一個公司做門戶網(wǎng)站?？蛻粢笠曈X優(yōu)化，說白了就是得讓網(wǎng)站看著順眼，用戶用起來舒服。

需求分析階段

我就把客戶喊過來開會，問他們到底是啥問題。這公司是做旅游的，門戶網(wǎng)站一堆花花綠綠的廣告，用戶抱怨找不著重點。我直接打開他們的舊網(wǎng)站看了半天，發(fā)現(xiàn)首頁擠得像菜市場，菜單亂竄，配色也怪怪的，紅配藍的視覺沖突讓人眼花?？蛻粽f用戶反饋慢悠悠，有人點擊幾下就不玩了。我想了想，這得先摸清用戶習慣，于是拉了團隊小伙伴一起做個簡單調研。

• 通過微信問了幾十個普通用戶，發(fā)現(xiàn)大家想看的是清晰導航和干凈頁面。
• 測試了一下網(wǎng)站加載速度，發(fā)現(xiàn)圖片太大導致用戶等得心急。

做完這些，我心里有譜了，用戶最煩的就是視覺效果亂，影響體驗。

設計動手階段

我開始畫草圖規(guī)劃新設計。老網(wǎng)站的問題太多了，比如菜單藏在角落，大塊文字沒段落感。我決定從配色和布局動刀。我想學大平臺搞點時髦樣式，但試了幾下不行，顏色換得太花哨反而更亂。然后改用簡單思路：用柔和藍色為主色調，搭配白色背景，避免視覺疲勞。菜單直接弄到頁面頂部大字顯示，分類也加粗標出來。

過程中遇到個麻煩事兒，客戶非要在首頁塞一堆廣告圖，我說這會搞壞用戶體驗，用戶一上來全看廣告，哪還有心情點進去？我就堅持反對，掰扯半天才說服他們只保留關鍵推薦位。后來添加了滑動效果，讓圖片變小一點，加載快多了。

實現(xiàn)和測試階段

設計圖畫我就動手改代碼，把新方案塞進網(wǎng)站后臺。先從首頁下手，重新排板塊，標題加大號字體，內容分成短段落。順手優(yōu)化了圖片尺寸，壓縮壓縮再壓縮，省得用戶等不及。干到一半，電腦突然宕機，氣得我直冒煙，文件沒保存丟了半天活路。幸好小伙伴幫忙恢復了一部分，才沒白忙活。

• 測試時找來幾個用戶試用，用手機和電腦點點看。
• 用戶反饋好多了，說導航明顯，頁面看著干凈舒服。

搞定上線，新網(wǎng)站一推出去，流量慢慢上去了，用戶跳出率降了一截。客戶夸說效果不錯，我自己也挺得意，這過程折騰得夠嗆，但學到一個道理：優(yōu)化視覺就得從用戶角度出發(fā)，別整得花里胡哨，簡單實用才最抓人。