pwa_native_hybride-1200x900

PWA介紹(Progressive Web App)

PWA(Progressive Web Application)是由Google於2016年提出的概念,簡單來說就是把應用程式放在瀏覽器中執行,一般人可能比較難理解。可以這麼想像,在行動裝置端模式下,安裝APP需先下載並安裝執行,但是PWA省去這一個步驟,無須安裝APP直接打開瀏覽器即可執行。

對行動裝置使用者來說,最大的感受就是在操作時感覺像在操作app,也就是也是app-like的體驗。對很多公司來說,PWA可以當成行銷工具,據國外媒體報導,有採用PWA的網站流量以及訂單量均增加,一來是無需額外下載app ,二來是PWA可以接近原生的功能,大大增加便利度及流暢度。

根據Google開發者文件,PWA具有以下優點:

  • Progressive 漸進式 – 使用者於瀏覽器中即可操作(註:目前Chrome全力支持,但其他如Safari仍部分支援)
  • Responsive 響應式 – 可操作於桌機、手機或平板等裝置上面
  • Connectivity independent 連結獨立 – 可基於service workers架構執行,於離線或在有限網路下操作
  • App-like 近似APP – 類似APP的操作介面
  • Fresh 維持新版 – 因service worker架構,讓應用程式隨時都是在更新狀態
  • Safe 安全性 – 必須於加密模式之下進行,因此安全較受到保障
  • Discoverable 可被搜尋 – 透過manifest設定檔案及service worker使搜尋引擎可正常搜尋到
  • Re-engageable 有互動性 – 透過類似推播方式與使用者更加互動
  • Installable 可安裝 – 可以拉存到手機的桌面,感覺就像是傳統的APP
  • Linkable 可連結 – 可經由連結輕易分享

以下是幾個範例

STARBUCKS

PWA-starbucksPWA-starbucks

2017年上線,據稱帶來兩倍的活躍使用者。此外,PWA僅需要233KB儲存容量,但是APP需要148MB的容量。

PINTEREST

PWA-starbucksPWA-starbucks

與先前的行動網站相比,據稱使用者停留的時間增加了40%,產生廣告收入增加了44%,核心參與度增加了60%。

YUMMLY

PWA-starbucksPWA-starbucks

國外知名個人化的食譜建議及食譜搜索引擎。



Add Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *