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