跨屏策略,Web App提升使用者體驗

       
圖片來源:https://www.upwork.com/hiring/mobile/native-app-vs-web-app-for-mobile/


        在App盛行的現今,不論是博物館或是企業,都應將使用行動裝置的用戶體驗納入考量,因此為行動裝置用戶創造友善的跨屏界面成為館所或企業需要注重的地方,本文先簡單從開發App 的三種種類介紹起。



Native App是目前大眾最為熟悉的App使用方式,如App Store 中的CNN、蘋果日報、商業週刊…等,功能較多,使用者體驗的流暢度也較良好,也可以推播最新消息到手機的主畫面中。

       最直接的案例就是使用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之間。 






以下為其三種的比較圖表:


本文重新繪製
參考來源自:http://blog.phimedia.tv/2013/11/native-web-app-muti-screen-design-strategy/




表、各種類型App比較表   




Native App
Web App
Hybrid App
使用
原生程式的App
使用原生程式的語言開發
利用內遷瀏覽器
Web
技術實作功能
混合式App結合Web App跨平台能力與原生程式速度,將複雜的運算行為交給native程式處理
優點
速度快
有跨平台
使用Web標準技術
部分跨平台
速度適中
缺點
無跨平台
需學習專有語言
API 功能有限
速度較原生程式慢
實作架構複雜
整合技術有門檻

整體來說,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




沒有留言:

技術提供:Blogger.