FIND研究員:林竺瑩
漸進式網路應用程式(PWA)結合Web與App的優勢,無須下載exe或安裝App,即可在瀏覽器(Chrome、Safari、Edge等)擁有逼近App的使用者體驗,更可以降低開發時間與行銷成本,對於使用者或開發者來說,具有極大吸引力。隨著PWA技術支援擴大,Twitter、Airbnb、Instagram、Pinterest、Spotify、Tinder、Youtube等知名企業已陸續採用PWA。
除了行動裝置優先,速度更是關鍵
全球行動通訊系統協會(GSMA)《2023全球行動經濟發展報告》揭露,截至2023年1月,全球行動上網使用人口達43億,其中40億人口透過智慧型手機4G上網。隨著行動上網使用人口持續增加,目前4G網路每0.38平方公里只能支援2,000連線裝置,開始變得難以負荷。好在,5G技術問世,同一空間可支援多達100萬個連線裝置,並從原本4G網路50毫秒平均延遲,縮短至1毫秒。我們可以想像,行動裝置應用與速度將改變未來的生活體驗、使用者行為與關鍵決策。
全球瀏覽器霸主Google也提出PWA核心應用「Web App Manifest、Service Worker、Application Shell與HTTPS」,同時宣布「行動優先索引計畫」,這意味著,符合行動裝置瀏覽、逼近App使用者體驗、可被瀏覽器搜尋、載入速度快的PWA,將改變瀏覽器搜尋排名。PWA核心應用如何做到?
Service Worker:於瀏覽器背景執行,讓PWA擁有與APP一樣的離線瀏覽、自動更新、訊息推播等功能,無須透過Google Play、iOS App Store更新。
Web App Manifest:為JSON格式,提供PWA建立在行動裝置桌面的名稱、圖示和URL等資訊。
Application Shell:將PWA基礎架構、介面和資料分開,透過Service Worker快取基礎架構與介面,最後遠端載入資料,加快每次使用PWA的載入速度,優化使用者體驗。
HTTPS:PWA須受TLS或SSL憑證保護,透過超文字安全傳輸協定(Hypertext Transfer Protocol Secure,HTTPS)提供服務,確保使用者資訊安全性。
從使用者體驗來看,PWA擁有5個優勢,讓使用者感到友善且實用:
漸進式–PWA是網站架構,透過瀏覽器(Chrome、Safari、Edge等)使用,系統環境支援度愈高提供愈多服務,若使用老舊瀏覽器可降級顯示基本服務。使用者無須下載exe或安裝APP,減少消耗手機容量與記憶體,避免手機運作遲緩。
逼近App體驗–PWA以行動裝置使用體驗優先設計,並自動適應任何手機、桌上型電腦與平板的螢幕尺寸。在行動裝置桌面新增圖示入口(Add to Home),下次開啟就不會出現網址列,創造逼近APP的使用介面與沉浸式體驗,讓使用者願意回訪或停留更久時間。
離線使用–暫時沒有網路或網路不穩仍可運作,並透過瀏覽器定期更新,無須在iOS App Store和Google Play更新版本,解決了App未更新造成閃退的問題。
訊息推播–PWA擁有App訊息推播功能,即使沒有打開網站,也能收到訊息通知,增加企業與使用者的互動。
硬體功能-PWA就像App一樣,可使用行動裝置的硬體功能與儲存空間,包含存取相機、位置偵測、臉部或指紋辨識、內建行動支付(如Apple Pay或Google Pay)等。
在企業營運行銷層面,PWA也帶來曝光增加、使用者增加、成本降低的優勢:
增加曝光–PWA採用全球資訊網協會(World Wide Web Consortium,W3C)制定的manifest規範,可進行搜尋引擎最佳化(Search Engine Optimization,SEO),以及Application Shell加速PWA載入速度,可提升瀏覽器搜尋排名,讓企業更快被看見。
提升共享性–輕鬆透過URL分享和使用,避免安裝App導致使用者流失或抱怨。根據Alex Russell於Chrome Dev Summit 2015演講分享研究數據,App安裝過程,每一步驟將流失20%使用者。
降低成本–開發者僅需維護一套程式碼,即可通用於手機、桌上型電腦與平板,不需要分別上架到iOS App Store與Google Play,省去上架費用,及重新審核的時間人力成本。
經典PWA應用案例
圖一、Twitter率先採用PWA,創造逼近App的使用者體驗
(資料來源:Synodus.com)
Twitter針對網路連線不穩的新興國家,擴展新使用者,2017年4月與Google合作推出Twitter Lite。每次網頁使用容量不超過1MB、載入速度相較於App快了30%、最高可節省70%網路頻寬消耗,順利推展至全球市場。
Twitter Lite目前支援多達42種語系,介面顯示當地數字、日期和訊息,成功提升65% 頁面瀏覽數量、75% 推文數量,以及降低20% 網站跳離率,打造了亮眼成績。
圖二、Pinterest採用PWA,解決App安裝的負面評價
(資料來源:Medium.com)
Pinterest意識到網路不穩或網路速度慢,導致只有1%的使用者註冊、登入或安裝App。另一方面,80% Pinterest使用者透過瀏覽器拜訪網站,引導安裝App引起大量的負面評價。
Pinterest PWA於2017年推出,改善網頁載入時間,從原本23秒減少至5.6秒,成功增加了40%手機瀏覽器停留時間、44%廣告點擊率、60%使用者互動。截至2023年11月,Pinterest從原本2017年2億使用者,已累積超過4億8千萬活躍使用者。
Google Play與iOS App Store會走向尾聲?
全球知名企業陸續採用PWA,包含Airbnb、Instagram、Spotify、Youtube、BMW、Tinder等。Amazon也於2020年推出Luna PWA雲端遊戲服務,支援iPad和iPhone瀏覽器存取遊戲,巧妙避開iOS App Store的上架規範,以及遊戲頻繁版更的審核作業。
根據行動應用數據調查機構Sensor Tower報告顯示,自2021年第一季至2022年第三季全球Tinder下載量連續下滑,平均每季下降5.1%;2022年第四季Google Play與iOS App Store的全球行動應用程式下載量正在減弱。推測可能是市場飽和,或者PWA已悄悄成為App替代選擇。
但是,瀏覽器全面支援不是一件簡單的事情,目前Android與iOS系統幾乎可以使用PWA,但是桌上型電腦Firefox和Safari尚未開放支援PWA;以及許多使用者不清楚如何操作PWA、不知道如何將傳統網站轉換成PWA,或者Add to Home過程遇到問題等,都將考驗PWA未來的使用率與普及率。
參考來源:
[1] GlobalStats Statcounter
[2] What is a progressive web App?
[3] Why Google Advocates Progressive Web Apps?
[4] PWA SEO: How To Boost Progressive Web Apps on Search
[5] Best Progressive Web Apps Examples to learn from in 2023
[6] Making PWAs installable
[7] How Will 5G Affect Mobile App Development?
[封面圖片] Unsplash.com
沒有留言:
張貼留言