看過前面四篇關於「網站的設計面應該注意些什麼？」的文章後，想必大家都已經了解到網站建置除了依據使用者需求去規劃外，還有很多設計原則是需要去注意的。但除了前面幾篇文章說到的重點，其實還有很多設計上的小細節，是常常會不小心被忽略掉的喔。今天就跟著傑克大俠一起來探討，網站建置常犯的失誤有哪些吧！
1.過多動態效果與裝飾元素
網站設計常犯的錯誤，就是常為了想要讓網站更豐富、在眾多競爭對手的網站中脫穎而出，而使用太多的動態效果與裝飾元素。例如為了讓網站更吸引人注意，在網頁加入過多的動畫、音樂和具有裝飾效果的視覺元素。
這些動態效果和裝飾元素，的確能夠達到吸睛的效果。但一旦出現過多時，其實會造成網站的讀取速度下降，使用者也要耗費更多時間才能找到他們真正需要的資訊。反而提升了使用者的網站跳出率。因此在使用前，應該先思考這些效果是不是真的必要？否則對於使用者來說，它們的存在其實並沒有太大的意義。
2.網頁字型選用錯誤
網頁字型並不像我們在做平面設計時，只要注意授權問題、是否能與設計搭配，就能選擇喜歡的字型。平面設計可以將設計稿輸出成圖片，但網頁設計是沒辦法的。若字型僅考慮到美觀或與網站風格是否搭配去做選擇，是很危險的事情喔。為甚麼呢？因為並不是每位使用者電腦內都有您所選用的字型，因此當他們在瀏覽網站時，看到的可能還是預設的新細明體。
因此為了避免這樣的狀況發生，通常在選擇網站字型時，有兩種做法。第一種是使用付費授權的Webfont或是可選擇免費授權的Google Font網頁字型。第二種比較消極的做法便是將文字通通做在圖片上。為什麼會說是消極的做法呢？就讓我們一起來看看，第三點關於網站建置常犯的失誤吧。
3.文字通通做在圖片上
為什麼會說將文字做在圖片上會是建置網站的一項失誤呢？如果將文字做在圖片上，文字就不再是可讀取的網頁文字，而是單純的圖片。因為搜尋引擎是無法讀取圖片中的文字，也就無法抓取網站的資訊，使用者更無法透過搜尋找到您的網頁。
另一個缺點便是圖片在手機版的呈現是會相對縮小的，只能透過手動的方式縮放我們的圖片。最好的方式還是選擇使用授權的Webfont搭配單純的圖片，這樣不管是在電腦或是手機上，使用者都可以閱讀清楚的資訊。也可以增加搜尋引擎偵測到網站的機率。
4.圖片檔案過大
試著回想過往的經驗，是不是曾經在瀏覽某些網站時，常常讀取半天網站都還是跑不出圖片或是資訊呢？通常最常見的罪魁禍首就是網站的圖片檔案太大了！由於網站的資料量太過龐大，系統需要耗費更多時間去讀取這些資訊。
但這個問題其實是可以避免的喔。若是使用製圖軟體，可以注意轉存圖片時所跳出的視窗，是可以選擇圖片解析度的。通常在螢幕上顯示，解析度其實使用150ppi就很足夠了，輸出的圖片大小相對也會小很多。另外，現在網路上都有提供很多可壓縮圖片的網站，只要輕鬆地將圖片丟到網站上，就會發現重新下載後的圖片都會縮小，解析度也不太會有變差的問題，是不是很神奇呢！
網站建置常犯的失誤您犯了幾條呢？如果以上問題都沒出現在您的網站上，恭喜您已經抓到設計網站的訣竅了。若不小心還是犯了其中幾條問題，那歡迎您前往傑克大俠的「網站設計作品」，參考更多優秀的網站範例，一起了解更多。
系列文章：
網站的設計面應該注意些什麼：(1)定位清楚網站的受眾
網站的設計面應該注意些什麼：(2)簡單好操作的網站介面
網站的設計面應該注意些什麼：(3)使用者「需要」的網站資訊
網站的設計面應該注意些什麼：(4)不要踩雷！網站建置常犯的失誤！
立即聯繫我們☛ info@mjitec.com | LINE我們 | Facebook訊息我們
