網站設計行銷

網站的設計面應該注意些什麼:(4)不要踩雷!網站建置常犯的失誤!

By 2019-01-11 五月 23rd, 2019 No Comments

看過前面四篇關於「網站的設計面應該注意些什麼?」的文章後,想必大家都已經了解到網站建置除了依據使用者需求去規劃外,還有很多設計原則是需要去注意的。但除了前面幾篇文章說到的重點,其實還有很多設計上的小細節,是常常會不小心被忽略掉的喔。今天就跟著傑克大俠一起來探討,網站建置常犯的失誤有哪些吧!

 

1.過多動態效果與裝飾元素

 

網站設計常犯的錯誤,就是常為了想要讓網站更豐富、在眾多競爭對手的網站中脫穎而出,而使用太多的動態效果與裝飾元素。例如為了讓網站更吸引人注意,在網頁加入過多的動畫、音樂和具有裝飾效果的視覺元素。

 

這些動態效果和裝飾元素,的確能夠達到吸睛的效果。但一旦出現過多時,其實會造成網站的讀取速度下降,使用者也要耗費更多時間才能找到他們真正需要的資訊。反而提升了使用者的網站跳出率。因此在使用前,應該先思考這些效果是不是真的必要?否則對於使用者來說,它們的存在其實並沒有太大的意義。

 

2.網頁字型選用錯誤

 

網頁字型並不像我們在做平面設計時,只要注意授權問題、是否能與設計搭配,就能選擇喜歡的字型。平面設計可以將設計稿輸出成圖片,但網頁設計是沒辦法的。若字型僅考慮到美觀或與網站風格是否搭配去做選擇,是很危險的事情喔。為甚麼呢?因為並不是每位使用者電腦內都有您所選用的字型,因此當他們在瀏覽網站時,看到的可能還是預設的新細明體。

 

因此為了避免這樣的狀況發生,通常在選擇網站字型時,有兩種做法。第一種是使用付費授權的Webfont或是可選擇免費授權的Google Font網頁字型。第二種比較消極的做法便是將文字通通做在圖片上。為什麼會說是消極的做法呢?就讓我們一起來看看,第三點關於網站建置常犯的失誤吧。

 

3.文字通通做在圖片上

 

為什麼會說將文字做在圖片上會是建置網站的一項失誤呢?如果將文字做在圖片上,文字就不再是可讀取的網頁文字,而是單純的圖片。因為搜尋引擎是無法讀取圖片中的文字,也就無法抓取網站的資訊,使用者更無法透過搜尋找到您的網頁。

 

另一個缺點便是圖片在手機版的呈現是會相對縮小的,只能透過手動的方式縮放我們的圖片。最好的方式還是選擇使用授權的Webfont搭配單純的圖片,這樣不管是在電腦或是手機上,使用者都可以閱讀清楚的資訊。也可以增加搜尋引擎偵測到網站的機率。

 

4.圖片檔案過大

 

試著回想過往的經驗,是不是曾經在瀏覽某些網站時,常常讀取半天網站都還是跑不出圖片或是資訊呢?通常最常見的罪魁禍首就是網站的圖片檔案太大了!由於網站的資料量太過龐大,系統需要耗費更多時間去讀取這些資訊。

 

但這個問題其實是可以避免的喔。若是使用製圖軟體,可以注意轉存圖片時所跳出的視窗,是可以選擇圖片解析度的。通常在螢幕上顯示,解析度其實使用150ppi就很足夠了,輸出的圖片大小相對也會小很多。另外,現在網路上都有提供很多可壓縮圖片的網站,只要輕鬆地將圖片丟到網站上,就會發現重新下載後的圖片都會縮小,解析度也不太會有變差的問題,是不是很神奇呢!

 

網站建置常犯的失誤您犯了幾條呢?如果以上問題都沒出現在您的網站上,恭喜您已經抓到設計網站的訣竅了。若不小心還是犯了其中幾條問題,那歡迎您前往傑克大俠的「網站設計作品」,參考更多優秀的網站範例,一起了解更多。

系列文章:

網站的設計面應該注意些什麼:(1)定位清楚網站的受眾
網站的設計面應該注意些什麼:(2)簡單好操作的網站介面
網站的設計面應該注意些什麼:(3)使用者「需要」的網站資訊
網站的設計面應該注意些什麼:(4)不要踩雷!網站建置常犯的失誤!

立即聯繫我們☛ [email protected] | LINE我們 | Facebook訊息我們

Leave a Reply