RWD與獨立行動版網站的探討
10 Sep 2015了解市場趨勢後,讓我們來分別探討不同的解決方案
RWD
優點:
- 維護相對容易
- 彈性較大,MediaQuery的劃分可以依照不同的功能或產品特性規畫
ISSUE:
- 手機與桌面版網站的流程基本上需要一致; 過於複雜的流程受限於這點,可能無法提供給行動裝置的使用者良好的體驗。 (但其實需要APP方能做到更為友善的體驗。)
- 降低了載入的速度
- 多餘的HTML
- 多餘的HTTP requests
- 多餘的圖片解析度
- 內外部的教育成本
獨立行動版網站
優點:
- 針對手機前端的專屬優化
- 針對手機使用者優化體驗
ISSUE:
- SEO網址分散的問題
- 考慮到平板與手機因裝置大小差異,要提供不同的介面,仍須使用RWD
- 針對產品不同,需思考是否更適合開發Native App
- 護維及一致性的成本
該如何選擇?
以流程的差異性來探討
RWD: 桌面與行動版的網頁流程基本一致,只是介面跟互動上的不同
獨立行動網站:桌面與行動版流程差異太大,甚至根本不同
以流程的複雜度而言
RWD:適合簡單的流程
獨立行動網站:沒差
以瀏覽器的支援度探討
RWD: 依賴很多新語法,基本只支援 IE9+
獨立行動網站: 若顧客真的很在意舊版(銀行業),行動跟桌面可考慮分開作,甚至是單獨作IE8以下的網頁
以活動行銷方式去探討
RWD:適合網路及實體都有搭配的行銷活動
獨立行動網站: 極度依靠手機功能制造話題的活動,例如動態感應裝置 ETC,地理資訊,等手機獨有的功能
以專案總時程考量
RWD:雖然RWD的施作技術成本及教育成本較高,但這些是會累積成公司的資產,再來是RWD對後續的修改較容易。
獨立行網站: 通常要投入多個的前端資源,但同時他可以作更靈活的資源調配動作(手機平版桌面甚至可以分開不同人作)。
文章引用:http://luolala.gitbooks.io/mystudynote/content/MobileWebDev/note.html