我這回兒就給大家嘮嘮我前段時(shí)間整公司網(wǎng)站的事兒，真是坑得我死去活來(lái)的。開始是老板一拍腦門兒說(shuō)：“咱得搞個(gè)新網(wǎng)站，顯得專業(yè)點(diǎn)兒！”我啥也沒多想，直接上手開干，結(jié)果撞了一鼻子灰。

一開篇瞎折騰的設(shè)計(jì)

我先翻了點(diǎn)網(wǎng)上的教程，琢磨著搞個(gè)高大上的頁(yè)面。腦袋一熱，就整了個(gè)炫酷的動(dòng)畫開頭，還加了老多高清圖片。結(jié)果一上傳測(cè)試，加載速度慢得像蝸牛爬行，氣得我差點(diǎn)砸鍵盤。老板打開試了試，立馬吼起來(lái)：“這玩意兒連我他媽都打不開，你行不行！”我硬著頭皮改，發(fā)現(xiàn)圖片太大是罪魁禍?zhǔn)?，趕緊壓縮了一圈，才勉強(qiáng)過關(guān)。

然后，我想著在頁(yè)面里塞點(diǎn)信息多些，弄了好幾個(gè)欄目，比如“產(chǎn)品介紹”和“公司歷史”，排版得花里胡哨的?？梢粨Q到手機(jī)上，內(nèi)容全亂成一團(tuán)麻，連按鈕都點(diǎn)不著。一個(gè)朋友用他的破手機(jī)試了，吐槽說(shuō)：“你是不是腦子進(jìn)水了，手機(jī)上看的和屎一樣！”這我才醒過神來(lái)，趕緊刪掉多余的內(nèi)容，把重點(diǎn)放簡(jiǎn)簡(jiǎn)單單的東西上。

• 加載慢坑爹：別學(xué)我堆老多圖片，壓縮是基本操作。
• 移動(dòng)設(shè)備太渣：設(shè)計(jì)時(shí)得用模擬器測(cè)試，不然客戶罵死你。
• 內(nèi)容亂七八糟：少搞花活兒，多放核心信息，要不訪客看了就跑路。

中間還撞上的其他大坑

折騰到一半，我又開始搞導(dǎo)航欄，自以為牛氣，弄了個(gè)下拉菜單帶好幾級(jí)?？捎脩舴答佌f(shuō)：“這玩意兒跟迷宮似的，誰(shuí)他媽知道往哪點(diǎn)！”害得好幾個(gè)潛在客戶直接放棄，連訂單都沒了。我一分析數(shù)據(jù)，發(fā)現(xiàn)跳出率飆高，才意識(shí)到導(dǎo)航得傻傻簡(jiǎn)單點(diǎn)。

我尋思加點(diǎn)表格讓大家填聯(lián)系信息，結(jié)果設(shè)計(jì)得太復(fù)雜，字段多得像填問卷。一個(gè)顧客試了，甩過來(lái)一句：“你這破網(wǎng)站是找茬？填個(gè)表都費(fèi)勁兒！”我灰溜溜地簡(jiǎn)化到只剩名字和電話，才有人樂呵呵地用了。期間還試過幾個(gè)插件工具，但它們動(dòng)不動(dòng)就沖突崩潰，搞得整個(gè)系統(tǒng)跟紙糊的一樣。

• 導(dǎo)航太復(fù)雜要人命：用傻瓜式單層菜單，別整層層嵌套。
• 表單設(shè)計(jì)得像審訊：字段少到不能再少，留個(gè)簡(jiǎn)單信息就完事兒。
• 插件太多惹麻煩：工具別瞎加，不然網(wǎng)站分分鐘炸鍋。

折騰完總算收個(gè)尾

經(jīng)過這一連串的敗家折騰，我花了老多時(shí)間復(fù)盤記錄。把網(wǎng)站瘦身后，上線速度也快了，手機(jī)看起來(lái)順眼不少。老板試用后，拍了拍我肩膀說(shuō)：“這回還行，別再瞎搞事兒了！”我一核心就一條：別貪多貪炫，一切從簡(jiǎn)最保險(xiǎn)。

做公司網(wǎng)站就是防雷如防賊，一步錯(cuò)全盤輸?，F(xiàn)在回頭一看，那些坑都是自個(gè)兒挖的，早知道別太貪心多你們要是整這個(gè)，記住我的教訓(xùn)，別再掉溝里了！