一間餐旅業新創公司如何建構依賴網路內容的 Android 應用程式,藉此大幅提升使用者參與度並降低檔案大小
OYO Rooms 成立於 2013 年,已成為印度最大的餐旅公司之一,飯店遍布全球 80 多個國家/地區,且設有分佈於數百個城市的飯店。能夠讓顧客以快速簡單的方式 迅速完成線上預訂體驗,便是他們的成功關鍵。
為了達成這個目標,OYO 團隊最近推出了漸進式網頁應用程式 (PWA) 和 Android 應用程式。Android 應用程式的參與度大幅提升:使用者完成轉換的頻率為 PWA 使用者的三倍。但使用者也傾向於長期解除安裝 Android 應用程式,因為他們對儲存空間有所疑慮。
為了減少 Android 應用程式在使用者裝置上的足跡,同時保留 Android 體驗,該團隊決定採用「Trusted Web Activities (TWA)」。
什麼是 TWA?
在 Chrome 72 推出之前,Android 開發人員必須使用 WebView,在其平台專屬應用程式中顯示網頁內容,但有一些重大限制:運作速度不如 Chrome,而且不包含 Chrome 的所有 API 和功能。因此,如果您想讓 WebView 的轉譯引擎不支援行為,就必須自行建構瀏覽器,這雖然不太容易!
Trusted Web Activities (TWAs) 會直接在 Chrome 中顯示網頁內容,解決上述限制。細分 TWA 名稱有助於說明功能: - 「活動」是指 Android 應用程式使用者介面中的一個畫面或檢視畫面。 - TWA 使用 Chrome 顯示應用程式活動的網路內容。 - TWA 的內容使用 Digital Asset Links 來驗證該 Android 應用程式和顯示的網頁內容是否屬於同一人,因此屬於「受信任」內容。
為什麼要建立 TWA,而不是特定平台的應用程式?
越來越多 Android 應用程式會從開發人員自家網站提供內容。TWA 瞭解到實際情況是,提供各平台最佳 平台和網頁應用程式的優點:
- 這類應用程式具備 Android 應用程式的所有預期功能,包括啟動器圖示、推播通知和全螢幕顯示畫面。
- 它提供 Chrome 的效能和功能。
- 只要使用裝置上安裝的 Chrome 版本,就能持續享有最新的 API 和功能。
- 相較於平台專屬應用程式,他們使用的儲存空間大幅少於平台專屬應用程式,這對許多使用者來說尤其重要,特別是低階裝置的使用者。
透過 Chrome 執行應用程式還有許多實用功能。 舉例來說,TWAs 會共用 Chrome 的儲存空間,包括 Cookie、密碼,以及使用 Web Storage API 儲存的所有內容。這項設定的好處之一是,使用者在瀏覽器和 TWA 應用程式上保持登入狀態。
Building OYO Lite
OYO 團隊希望在不犧牲裝置儲存空間的情況下,為使用者提供完整功能的應用程式體驗,因此決定打造以現有 PWA 為基礎的 OYO Lite。
請從 PWA 開始著手。使用者會預期透過 Android 啟動器執行的應用程式,可享有完整的功能體驗,因此在臺灣提供的網頁內容必須提供該體驗,包括:
- 快速載入和回應時間
- 使用者連線能力受限或沒有網路連線時的可靠性
- 整合式外觀和風格 (例如啟動畫面和應用程式顏色)
如果您已有 PWA,建立基本 TWA 的步驟十分簡單,即使您從未為 Android 開發應用程式也一樣。以下是 OYO 團隊的做法:
- 建立包含
DEFAULT_URL
和意圖篩選器的 Android 資訊清單檔案,允許應用程式顯示來自 oyorooms.com 的內容。 - 使用 Digital Asset Link 驗證功能移除瀏覽器的網址列。
- 已建立啟動器圖示。
- 建立自訂啟動畫面。
結果如下:
如需建構基本 TWA 的詳細逐步操作說明,請參閱 Peter McLachlan 和 Andre Bandarra 的 2019 年 Google I/O 大會演講內容。
如要進一步瞭解 OYO 團隊如何建立 OYO Lite,包括深入瞭解所有 Android 使用者的啟動畫面建立方式,請參閱 Ankit Jain 的 Medium 貼文。
TWA 如何協助 OYO 滿足使用者的需求
藉由將大部分應用程式資產儲存在 Chrome 的快取中,OYO 團隊成功將 OYO Lite 的初始下載大小縮減到最新 850 KB。這就是他們的 Android 應用程式大小只佔 7%!
這種小小的配置與可從 Google Play 商店下載的 Android 應用程式結合使用,使使用者參與度大幅提升:
- 轉換率比 PWA 比率高三倍
- 登入使用者數量是 PWA 的三倍
- Google Play 商店上的 4.1 評分
除了面向使用者的好處之外,採用 TWA 後,該團隊也只有一個程式碼集,因此可以輕鬆更新,無需等待使用者下載最新版本的應用程式。
建立您的 TWA
OYO 的線上預訂平台僅為臺灣的其中一種應用實例。這些 API 非常適合目前以平台專屬應用程式或網頁的形式建構的許多專案,包括購物車、結帳流程、常見問題和聯絡表單等。
請參閱下列連結,開始使用 TWA: