網路城邦
上一篇 回創作列表 下一篇   字體:
一起來了解RWD響應式對於網站設計的重要性
2017/03/10 14:08:36瀏覽138|回應0|推薦0

適合各種不同裝置的RWD響應式網站已成為趨勢,但縱觀台灣地區,沒有RWD的網站依然佔非常多數。

 

但是關於RWD你了解多少呢?小編精選5大最常問的問題,今天就要為大家解惑一下!

 

1. 為什麼需要RWD響應式的 網頁設計

 

因為行動上網的人口越來越多,客戶可能會使用手機、平板等裝置來瀏覽你的網站。為了讓他們瀏覽順暢,你需要為這些不同的螢幕設計頁面。但如果製作了多個介面,不但花錢,維護上更花時間,因此RWD讓你省錢省時間!並且唯一的URL可以提高SEO的優化。

 

2. RWD響應式網頁好像很完美?有任何缺點嗎?

 

載入速度。由於響應式網頁的機制是將資訊先下載後,再根據裝置大小重新排列,因此速度會較單屏網站稍慢一些。但這個問題在網路頻寬越變越高的情況下,似乎未來也能迎刃而解。

 

CALL TO ACTION。按鈕可能會變小(因為resize了嘛!),所以在小螢幕上有時候難免會比較難按一點。

 

圖片的選擇。你的公司形象圖可能是一群員工站在大大的建築物前面,但這樣的圖在電腦上很清楚,縮小在手機上,員工可能就變太小了。

 

3. 如何避免上面提到的RWD響應式網站缺點?

 

壓縮圖片。網路上有很多免費的圖片壓縮工具能夠幫助你將網站上的圖片做一定程度的處理,讓載入速度變得更快。

 

Call to Action按鈕夠大夠清楚。請確保這些按鈕大約比你的食指尖還大,建議大約44x44px,就能在小螢幕上輕鬆點擊。

 

4. RWD響應式、AWD適應式、及行動網站,該選哪個?

 

首先,讓我們介紹一下這幾個名詞。

 

RWD響應式網頁,使用同一個網址,在不同裝置上的「內容」也全都相同,單針對文字、圖片、版面在不同裝置上的「呈現」進行調整優化。

 

AWD適應式網頁,也是使用同一個網址,但針對不同的裝置有不同的「內容」設計,因此網站會有很多個不同的流程版本。

 

行動網站,使用不同的網址,等同於另一個網站,專為行動裝置設計。

 

所以哪一個更好?

 

RWD、AWD同一個網址可以集中流量,對SEO或品牌辨認性都較好。

 

行動網站擁有最加載入速度。AWD次之,最後是RWD。

 

AWD由於要設計不同流程,因此花費上仍較RWD高一些。

 

總體來說還是RWD響應式維護上較方便,且使用者友善。也較利於目前各大搜尋引擎的SEO演算法喜好。

 

5. 如何測試我的RWD響應式網站好不好?

 

你可以用以下幾個工具來測試你的網站:

 

(1.) Responsinator

 

(2.) Browser Stach Responsive

 

(3.) Responsive Design Checker

 

(4.) DesignModo Responsive Test

 

以上問題有沒有解答大家的疑惑呢?如果對於我們的RWD網站有興趣或有任何問題,也歡迎聯絡我們喔!

 

 

 

參考資料:

1王素華、林哲宏    2008    以層級分析程序法進行網站瀏覽架構分析

2 陳慶彥    2002    PHP+MySQL動態網頁設計

3 Google Webmaster Tools (2010). Google Webmaster Tools Help

 

資料來源:行動商機王


http://www.piece2ec.com.tw/news.asp?ID=2161

( 知識學習檔案分享 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=piece2ec&aid=95248594