首頁 部落格 自適應網站設計常見問題
Jericho
Aug 25, 2021
網路、科技、滿滿的新知在浩瀚的網路上,想要得到他嗎?沒問題,永遠抱持著謙卑的態度,自然會找到方案!

自適應網站設計常見問題

近年來自適應網頁(或稱之響應式網頁設計)大行其道,比起傳統需要分別建立電腦桌面版,平板電腦及手機版三種類型,自適應網頁更適合現代網路發展。但事情總是有利必有弊,以下是4個自適應網頁網站常見的問題.

 

圖片過大

自適應網頁網站(RWD)會自動把圖片縮小,設計師為了有最佳的效果,一般都會使用較高解像度的圖片.筆者曾經收過一位客戶的查詢。他的網頁是由朋友製作,運作起來相當慢。由於朋友沒時間替他跟進,所以另找網頁公司.

我們曾經遇過一些客戶的網站交付給客戶管理後,疏於影像檔案的控制與管理,光是首頁的Banner主圖竟然高達十多MB。而公司logo 已經佔了2MB。其實,就算是桌面版網頁也不需要用到這樣高解像度的圖案。以今日的網頁設計標準來說,網頁圖片必須控制在建議首頁應在 500KB-1MB以下才適合閤的.


動態效果過多

比起當年的 Adobe Flash,現在HTML5動態效果不但更為易用,還能正常的在手機上運行,非常的實用,許多網頁設計師往往會不知不覺,使用過多的動態效果!動態網頁效果可令訪客眼前一亮,但過多動態畫面會造成一定程度的瀏覽困擾。
 
多使用一次特效,就容易產生一次讀取,對於客戶的手機、電腦、網路頻寬來說就是增加一次負擔,過多就會使得網站遲緩,所以好好想一想,究竟是特效重要,還是客戶的觀感重要?
 

以一頁式網頁取代正統網站

網上許多免費的自適應網站樣板,都是"一頁式"的格式。一頁式的優點是減少網站的頁面數量,如此可以節省製作時間與成本,但缺點卻也顯而易見。網頁設計師往往會為了方便使用這此樣板替客戶製作網站。對於內容較少的網站,"一頁式"的格式還是可以,但如果網頁內容較豐富的話則並不可取。.

一頁式網站的訊息過多就很容易造成內容過量,與其不斷的延伸頁面長度,不如好好規畫網站,讓網站能夠以簡潔舒適的方式呈現於用戶眼前。

 

過多無用的Javascript

動態網頁發展了十多年,網上有極多免費的程式庫。一些網站設計師為了方便,會把自己常用的程式預設載到網頁之中,需要時便可以隨時使用。但這樣載入過多不必要的程式,會導致網頁運作緩慢。目前Google所提供的站長工具Search Console已經能夠針對網站無用的Javascript提出警告,

Javascript也式網站資安經常出現漏洞的地方,如果你所經營的網站有高度的資訊敏感度,那麼捨棄Javascript的特效與功能使用上建議是越少越好。

 

總結一句話...用戶優先!

勿忘初衷!網頁最重要的目的是傳遞資訊。讓你的客戶到你的網站享受各式服務。iWare十分重視這個原則,不會建立過份花俏的網頁,而是告訴客戶所需的資訊,有需要的資訊,才是網站的主要目的。

自適應網頁確實帶來了新的氣象,讓我們可以建立更好的網站,但切新的技術使用上仍需基於用戶所需,忌華而不實,我們iWare將與客戶共勉之。

 

手機端網頁設計與PC電腦端的差別與設計要點
手機端網頁設計與PC電腦端的差別與設計要點
Jericho
Jericho
Mar 23, 2021
手機網站設計應該注意什麽問題
手機網站設計應該注意什麽問題
Jericho
Jericho
Mar 15, 2021
【街頭攝影】如何拍出有故事性的「劇照」?
【街頭攝影】如何拍出有故事性的「劇照」?
Ringo
Ringo
Nov 02, 2017