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

高雄網頁設計

RWD

高雄網頁設計,RWD

  Knowledge / 知識觀點

09/10

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




高雄網頁設計 RWD

高雄網頁設計,RWD