漸進式網頁應用程式 (PWA) 是以現代 API 建構及強化的網頁應用程式,可提供強化功能,同時透過單一程式碼集,在任何裝置上觸及任何網頁使用者。這類應用程式結合了網頁應用程式的廣泛觸及率,以及平台專屬應用程式的豐富功能,可提升使用者體驗。
PWA 設計的三大要素
如要讓 PWA 的使用體驗與平台專屬應用程式一樣優質,您必須設計出功能強大、穩定可靠且可安裝的 PWA。
可執行
網頁應用程式的功能比以往更強大,而且還在不斷成長。近來,網頁軟體開始開發功能,這些功能過去只能透過平台專屬應用程式存取。舉例來說,您現在可以使用 WebRTC、地理位置和推播通知建構超區域視訊通訊應用程式,然後讓該應用程式可供安裝,並使用 WebGL 和 WebVR 讓對話移至虛擬實境。WebAssembly 的推出讓開發人員能運用其他生態系統 (例如 C、C++ 和 Rust),並將數十年來專為特定平台設計的功能帶到網路上。開發人員善用網頁新功能的絕佳範例是Squoosh.app,這是一款網頁式圖片壓縮工具。
雖然部分功能仍無法在網頁上使用,但隨著新 API 不斷推出,網頁可執行的作業也越來越多,例如存取檔案系統、控制媒體、顯示應用程式徽章,以及完整支援剪貼簿。所有這些功能都是使用網路安全且以使用者為中心的權限模型建構而成,可確保使用者安全,並降低使用新網站的門檻。
穩定可靠
無論網路狀況如何,可靠的漸進式網頁應用程式都能提供快速且穩定的體驗。使用者應享有快速回應互動的應用程式,以及值得信賴的體驗。
速度是吸引使用者使用體驗的關鍵。事實上,網頁載入時間從 1 秒增加到 10 秒後,使用者跳出的機率會增加 123%。效能問題會影響整體使用者體驗,而不只是onload
事件。可靠的體驗絕不會讓使用者懷疑與應用程式的互動是否已註冊。捲動和動畫必須流暢。使用者需要應用程式實際運作良好,也需要感覺應用程式運作良好。
無論網路連線狀態如何,可靠的應用程式都必須能正常運作。 使用者希望應用程式在網路連線緩慢或不穩定的情況下,甚至離線時,都能快速載入。即使應用程式無法向伺服器傳送要求,使用者仍希望能夠存取並使用最近互動的內容,例如媒體曲目或票券和行程。如果無法完成要求,使用者希望應用程式能告知他們發生問題,而不是無聲無息地失敗或當機。
可安裝
讓使用者安裝 PWA 後,應用程式就會從瀏覽器移至獨立視窗,改變使用者對應用程式的看法和互動方式。使用者可以從主畫面、擴充座、工作列或架子啟動已安裝的 PWA。使用者可以在裝置上搜尋這些應用程式,並透過應用程式切換器在應用程式之間切換,讓這些應用程式感覺像是安裝裝置的一部分。
安裝 PWA 後,您還能使用鍵盤快速鍵等新功能,這些功能通常僅限於瀏覽器。PWA 也可以註冊接受其他應用程式的內容,或註冊為處理特定檔案類型的預設應用程式。
取得 PWA 的結果
推出 PWA 不僅能提升使用者體驗,這也有助於提升指標,並增加服務價值。以下是幾個顯著的例子:
- Twitter 的 PWA 讓單次工作階段的網頁瀏覽量增加 65%,推文數量增加 75%,跳出率則降低 20%,同時將應用程式大小縮減了 97% 以上。
- 改用 PWA 後,Nikkei 的自然流量增加了 2.3 倍,訂閱人數增加了 58%,每日活躍使用者人數則增加了 49%。
- Hulu 以 PWA 取代平台專屬的電腦版服務,結果回訪次數增加了 27%。
如要進一步瞭解使用 PWA 的優點,請參閱「漸進式網頁應用程式如何推動業務成功」。