跨屏策略，Web App提升使用者體驗
 |
| 圖片來源：https://www.upwork.com/hiring/mobile/native-app-vs-web-app-for-mobile/ |
在App盛行的現今，不論是博物館或是企業，都應將使用行動裝置的用戶體驗納入考量，因此為行動裝置用戶創造友善的跨屏界面成為館所或企業需要注重的地方，本文先簡單從開發App 的三種種類介紹起。
最直接的案例就是使用App Store中下載的Facebook App，與使用手機瀏覽器中開啟的Facebook，雖然在外觀上，並沒有何差異，但使用起來，兩者之間就有極大的差異。
Web App為一個網站形式，但因為加入了Html5語法，可以提供像Native App的功能，最大的益處就是只要使用瀏覽器即可開啟，不需要許選擇在iOS、Android上開發，開發優勢在於擁有跨平台的能力，在現今載具的作業系統不統一狀況下，長遠的角度，App能夠採用跨平台技術是有助於整合的。加上原本就是學習Web 軟體的工程師在進入開發程式技巧上門檻較低；Web開發的環境也較單純，使用者可以直接在瀏覽器中進行瀏覽，不需要安裝App，即使在比較糟糕的網絡環境下，都能夠推送相關消息。
但 Web App也是有缺點的，例如記憶體消耗高，在Android系統的執行速度就不佳，能力不如Native大。 Web App最有名的例子就是2011年Financial Times為了規避App Store的收費制度，而推出的Web App，可以在不同的介面上流暢的使用。
結合Native App和Web App功能的混合方法，使用方式同樣要到App Store中下載，保留了流暢使用的功能，但內容是將用Html5語法寫的網頁嵌入App中，因此也可以像Web App般容易維護，但又能降低像Native App的開發成本，流暢度與成本皆介於Native App和Web App之間。
以下為其三種的比較圖表：
影片來源：https://www.youtube.com/watch?v=JTywh4QJWMM
關鍵字：Native App、Web App、Hybrid App、跨屏使用
作者：謝明惠
結合Native App和Web App功能的混合方法，使用方式同樣要到App Store中下載，保留了流暢使用的功能，但內容是將用Html5語法寫的網頁嵌入App中，因此也可以像Web App般容易維護，但又能降低像Native App的開發成本，流暢度與成本皆介於Native App和Web App之間。
以下為其三種的比較圖表：
 | ||||||||||||||||
本文重新繪製 參考來源自：http://blog.phimedia.tv/2013/11/native-web-app-muti-screen-design-strategy/ 表、各種類型App比較表
|
整體來說，Web App不需學習多種語法、不用下載、擁有較高的曝光度，未來如果Apple、Google公司能將Safari和Chrome瀏覽器功能做改造，使Web App可以連結手機中推播、照相等功能，將會使Web App更為全能。
影片來源：https://www.youtube.com/watch?v=JTywh4QJWMM
關鍵字：Native App、Web App、Hybrid App、跨屏使用
作者：謝明惠
參考資料：
- http://blog.phimedia.tv/2013/11/native-web-app-muti-screen-design-strategy/
- https://www.upwork.com/hiring/mobile/native-app-vs-web-app-for-mobile/
- https://www.webpagefx.com/blog/web-design/native-app-vs-mobile-web-app-comparison/
- https://blog.toright.com/posts/3214/web-app-%E8%A1%8C%E5%8B%95%E9%96%8B%E7%99%BC-1-web-app-%E9%96%8B%E7%99%BC%E4%BB%8B%E7%B4%B9.html
沒有留言: