響應式網頁(Responsive Web Design, RWD),又稱自適應網頁、適應性網頁、回應式網頁,會有這麼多不同的中文名稱,是因為Responsive Web Design在目前算是很新網頁技術,且被普遍視為未來的網頁設計趨勢。
該做App好,還是做行動網頁好?看看INSIDE的分享!
原生 app(Native App)與行動網頁(Mobile Web or Responsive Web Design, RWD)孰優孰劣,一直是爭論不休的話題,考量自己的公司、預算、以及團隊技術等條件,您該開發原生 app 還是響應式網頁呢?以下為美國網頁開發與設計公司 Table XI 繪製的圖表完整圖表,或許有助您評估作出選擇。
1. 產品將運用到智慧型手機的功能——原生 app
您想創造的服務是否會用到相機、GPS、掃描或其它手機功能?如果手機網頁無法滿足您所希望提供的獨特功能或內容,原生 app 大概是不二選擇。
2. 希望帶來獨特的使用者體驗——原生 app
原生 app 直接與手機銜接,因此能夠在較小的限制下,為使用者帶來獨特的體驗。
3. 設計與使用者介面(UI)很複雜——原生 app
HTML5(響應式網頁) 固然能夠對應各種不同裝置,不過遇到複雜的設計與 UI,它可能會令人失望,相較之下,原生 app 可以創造出更契合的使用者體驗。
4. 預算低——響應式網頁
一般而言,由於開發和部署速度快,把點子帶進市場時所需的資源也比較少,而且基本上靠著一套程式碼走天下,因此響應式設計的成本較低。
5. 產品內有商業行為——原生 app
如果您想為自己的產品提供小額購買的功能,請選擇原生 app 。網頁上的購物車難以取代 app 內購買系統。
6. SEO 很重要——響應式網頁
假設您希望增加產品在搜尋引擎上的可見度,並吸引更多流量,請選擇響應式網頁。app 屬於封閉式環境,無法被搜尋引擎擷取,所以不會對基本搜尋(organic search)排名造成影響。
7. app store 有可能審核不過——響應式網頁
蘋果要求 app 必須通過其所設定的條款才能上架,審核過程有可能得耗好幾個禮拜到好幾個月。有些領域的規範比其它更嚴格,例如 app 內購買或 app 內訂閱。
8. 必須傳送、接收大量數據——原生 app
app 不像網頁一般需要高度仰賴網路速度,因此運作速度通常較快。不過響應式網頁或許已經快趕上這個差距。
9. 經常更新——響應式網頁
每次更新,原生 app 都得一再歷經冗長的審核,假如您的產品需要頻繁更新設計,想確保使用者立即看到最新版本,響應式網頁或許是最簡單的方式。
10. 跨平台通吃——響應式網頁
如果想將產品放到所有裝置上,響應式網頁是最簡單直接的答案。
原文來源與完整圖表:《Here’s a chart to decide whether to build a native or web mobile app》
文章來源:INSIDE 硬塞的網路趨勢觀察《決定開發原生 app 還是行動裝置網頁前,先釐清這 10 個問題》
-
18Aug.2030Dec.2106Sep.13