OYO Lite：臺灣大哥大，提供最優質的網頁和 Android 應用程式

一間餐旅業新創公司如何建構依賴網路內容的 Android 應用程式，藉此大幅提升使用者參與度並降低檔案大小

Ankit Jain
Ankit Jain
X
Michael Friesenhahn
Michael Friesenhahn
GitHub

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 團隊的做法：

結果如下：

OYO Lite 應用實例

如需建構基本 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：