RWD與獨立行動版網站的探討

了解市場趨勢後，讓我們來分別探討不同的解決方案

RWD

優點：

1. 維護相對容易
2. 彈性較大，MediaQuery的劃分可以依照不同的功能或產品特性規畫

ISSUE：

1. 手機與桌面版網站的流程基本上需要一致； 過於複雜的流程受限於這點，可能無法提供給行動裝置的使用者良好的體驗。 (但其實需要APP方能做到更為友善的體驗。)
2. 降低了載入的速度
3. 多餘的HTML
4. 多餘的HTTP requests
5. 多餘的圖片解析度
6. 內外部的教育成本

獨立行動版網站

優點：

1. 針對手機前端的專屬優化
2. 針對手機使用者優化體驗

ISSUE：

1. SEO網址分散的問題
2. 考慮到平板與手機因裝置大小差異，要提供不同的介面，仍須使用RWD
3. 針對產品不同，需思考是否更適合開發Native App
4. 護維及一致性的成本

該如何選擇？

以流程的差異性來探討
RWD： 桌面與行動版的網頁流程基本一致，只是介面跟互動上的不同
獨立行動網站：桌面與行動版流程差異太大，甚至根本不同

以流程的複雜度而言
RWD：適合簡單的流程
獨立行動網站：沒差

以瀏覽器的支援度探討
RWD： 依賴很多新語法，基本只支援 IE9+
獨立行動網站： 若顧客真的很在意舊版(銀行業)，行動跟桌面可考慮分開作，甚至是單獨作IE8以下的網頁

以活動行銷方式去探討
RWD ：適合網路及實體都有搭配的行銷活動
獨立行動網站： 極度依靠手機功能制造話題的活動，例如動態感應裝置 ETC，地理資訊，等手機獨有的功能

以專案總時程考量
RWD：雖然RWD的施作技術成本及教育成本較高，但這些是會累積成公司的資產，再來是RWD對後續的修改較容易。
獨立行網站： 通常要投入多個的前端資源，但同時他可以作更靈活的資源調配動作(手機平版桌面甚至可以分開不同人作)。

文章引用：http://luolala.gitbooks.io/mystudynote/content/MobileWebDev/note.html