RWD全文為Responsive web design,中文為響應式網頁設計或稱自適應網頁設計,是一種網頁設計的技術做法,該設計可使網站在不同的裝置(從桌面電腦顯示到行動智慧手機及行動產品裝置)上瀏覽時對應不同解析度皆有適合的呈現,減少使用者進行縮放、平移和捲動等操作行為。
RWD能為網站帶來的效益
對於搜尋引擎搜來說:
目前Google宣布提升有行動優化的網站在搜尋引擎上的排名,如未提供行動版的網站,排名將逐漸下滑。
開發成本與時間較APP來的低且不需下載就能使用:
APP須開發iOS版及Android版兩個版本,每個版本皆數十萬元起跳,開發時間加上審核上架時間相當長,響應式網頁不需透過iTunes、Google Play下載APP,開啟瀏覽器就可以使用,在做內容修改資料時只要管理者更新網站,每次連上網頁都會是最新版本,相較於APP更新內容需要重新審核過後,再通知用戶下載更新。
利於行銷及分享:
在行動裝置上的搜尋目前仍是以搜尋網頁為主,假設你的網站為「美食ABC」,搜尋出來則會出現相關一詞的資料,且另一個方便的操作是可以隨時分享網站上各頁的資訊,這點APP無法做到。
網站的維護成本較APP低:
以APP來說後續要不定期需針對新版本做測試,才能確保APP在新手機上能運作順暢,以目前手機汰換及版本系統更新的頻率來看,這個測試環節的成本會不斷的循環。
當然RWD目前也有不足的地方:
較不合適複雜功能的內容:
以頁面排版來說,響應式網頁較符合清爽簡約、簡單的風格,以功能面來說,如需要較為複雜的功能,例如:購物、定位、拍照等等就只能投入一筆花費開發APP了。
不相容較老舊版本的瀏覽器:
目前以IE7以上版本對於RWD顯示支援度較高,愈新版本的瀏覽器則支援度更好,當然IE7也很少人會用了。
行動裝置對於HTML5支援表:http://mobilehtml5.org/