> 優勢文章 > 數位行動媒體

什麼時候該選擇 手機APP 或 響應式網頁？

2016-08-08 | 數位行動媒體


 

響應式網頁設計( Responsive Web Design, RWD )，又稱自適應或回應式網頁設計。響應式網頁設計，Responsive Web Design 是目前較新網頁技術，雖然在國外已非常風行， 但華文市場仍未有一個貼切的中文名稱，因此翻譯名詞各有不同。 

 

響應式網頁簡單來說，就是透過手機、平板、電腦網站使用同一網站的圖文內容及資料庫，在不同尺寸或解析度的設備或螢幕上，網頁程式會根據使用者的裝置，以符合版面大小的樣式來顯示網頁的內容。 

 

響應式網站一次設計就能滿足所有使用者需求， 還可以減少管理人員及工程師維護時間，在迎接多螢時代開端的同時，響應式網頁設計方便不同行動載具使用者瀏覽網站的未來趨勢。

 

什麼時候該選擇 手機APP 或 回應式網頁呢？ 以下介紹與比較可以幫助在建置品牌行動媒體或網站時，可以協助判斷是否合乎企業需求：

 

1. 獨特服務運用到智慧型手機的功能 → 手機 APP

您想創造的服務是否會用到相機、GPS、掃描、遊戲或其它手機功能？如果您希望提供獨特功能或內容，是一般網頁無法取代，則手機 APP是不二選擇。

 

2. 希望帶來獨特的使用者體驗 → 手機 APP 手機

APP直接與手機緊密結合，因此能夠在較小的限制下，為使用者帶來獨特的個人使用體驗。 HTML5（響應式網頁）內容，則依照內容多寡瀏覽方式變化較大。

 

3. 設計與使用者介面（UI）要簡單 → 手機 APP

HTML5（響應式網頁）能夠對應各種不同裝置，不過遇到複雜的設計與 UI，相較之下，手機 APP簡單的內容可以創造出單純的使用者體驗。

 

4. 預算低  → 響應式網頁

一般而言，由於HTML5（響應式網頁）開發和部署速度快，直接切入市場時所需的資源也比較少，而且基本上靠著一套程式碼走天下，因此回應式設計的成本較低。如果是手機APP則要分別作 iOS , Android，費用會依功能複雜程度有所不同，也更為昂貴。

 

5. 產品內有商業行為  → 手機 APP  

少量商品 vs 網頁大量商品 手機 APP 適合對品牌忠誠度有高度黏著的消費者，手機 APP每次存放新商品有重新上架審核的限制，如果您想為自己的產品提供小額購買的功能，可以選擇手機 APP 。響應式網頁適合隨時更新商品種類及大額度的消費型態，目前電商模式非常成熟，消費者可以隨時選擇喜愛的虛擬通路進行消費。

 

6. SEO 很重要 → 響應式網頁

假設您希望增加產品在搜尋引擎上的可見度，並吸引更多流量，請選擇回應式網頁。Apps 屬於封閉式環境，無法被搜尋引擎擷取，所以不會對基本搜尋（organic search）排名造成影響。

 

7. App store 有可能審核不過  → 響應式網頁

蘋果要求 app 必須通過其所設定的條款才能上架，審核過程有可能得耗好幾個禮拜到好幾個月。有些領域的規範比Android更加嚴格，例如 app 內建購買機制 或 app 內建訂閱功能。

 

8. 必須傳送、接收大量數據  → 手機 APP

不像網頁一般需要高度仰賴網路速度，因此運作速度通常較快。不過響應式網頁或許已經快趕上這個差距。

 

9. 需要經常更新內容  → 響應式網頁

每次更新，原生手機APP都得一再歷經冗長的審核，假如內容需要頻繁設計更新，想確保使用者立即看到最新版本和內容，響應式網頁或許是最簡單的方式。

 

10. 跨平台通吃  → 響應式網頁

如果想要讓每個人可以快速在不同行動載具的使用平台得到商品或服務訊息，響應式網頁應是最簡單直接的答案。

 

APP vs. 響應式網頁

比較項目 APP 響應式網頁
費用 建置費用比網站建置高，如同時要iOS、Android ，為兩個建置專案費用。 只比一般網站建置費用略高，依網站功能複雜程度，專案報價。
製作時程 1~3個月，不包含上架審核時間 1~2個月
使用平台 需依iOS、Android設計不同APP，分別在App Store、Play Store上架，相對的，必須花2筆APP的設計費。 可跨電腦、IOS、Android 平台使用。
便利性 需下載後才能使用 不必下載，點開網頁即可
電腦資源 電腦不能使用 網站可用IE、firefox、chrome、safari等不同瀏覽器開啟
平板、手機資源 下載後將佔用手機和平板空間 不必下載，也不會佔用空間
網站可用iPhone、iPad開啟。
網站可用Android手機或平板電腦開啟。
搜尋引擎 只能在iOS, Android使用平台蒐尋 蒐尋引擎皆可搜尋，同時有利SEO關鍵字行銷
利於分享 APP沒有網址可以分享 回應式網頁就沒有這個問題，分享出去的都是同一個網址。
更新 需被動邀請下載者更新 隨時更新內容，消費者每次瀏覽都會讀取新資料。

 

 



標籤：回應式網頁設計,自適應網頁設計,響應式網頁設計,手機,平板,電腦,RWD,響應式行動網站,行動版網站,行動裝置,SEO



相關文章

  • 網站開發語言PHP7.0時代來臨