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 體驗的好處，該團隊決定改用信任的網頁活動 (TWA)。

什麼是 TWA？

在 Chrome 72 之前，如果 Android 開發人員想在平台專屬應用程式中顯示網頁內容，就必須使用 WebView，但這項工具有幾項重大限制：速度不如 Chrome，且不包含 Chrome 的所有 API 和功能。因此，如果您想要 WebView 的轉譯引擎不支援的行為，就必須圍繞此項功能建構自己的瀏覽器，這可不是件容易的事！

可信任的網頁活動 (TWA) 可直接在 Chrome 中顯示網頁內容，解決這些限制。將 TWA 名稱拆解後，就能瞭解其功能： - 活動是 Android 應用程式使用者介面中的一個畫面或檢視畫面。- TWA 會使用 Chrome 為應用程式活動顯示網頁內容。- TWA 的內容是「可信任」的，因為它會使用 Digital Asset Links 來驗證 Android 應用程式和顯示的網站內容，是由同一位使用者所建立。

為什麼要建立 TWA 而非特定平台應用程式？

越來越多 Android 應用程式會從開發人員自家網站提供內容。TWA 提供平台專屬和網頁應用程式世界的最佳體驗，以此承認這個現實：

  • 這些應用程式具備 Android 應用程式的所有預期功能，包括啟動器圖示、推播通知和全螢幕顯示畫面。
  • 提供 Chrome 的效能和功能。
  • 他們使用裝置上安裝的 Chrome 版本，因此能隨時取得最新的 API 和功能。
  • 與特定平台應用程式相比，這類應用程式使用的儲存空間大幅減少，這正是許多使用者 (尤其是使用低階裝置的使用者) 的疑慮。

在 Chrome 中執行應用程式也有許多實用的好處。舉例來說，TWAP 會共用 Chrome 的儲存空間，包括 Cookie、密碼，以及使用 Web Storage API 儲存的任何內容。這項設定的其中一個優點是，使用者可以在瀏覽器和 TWA 應用程式中保持登入狀態。

建構 OYO Lite

OYO 團隊希望為使用者提供完整的應用程式體驗，同時不犧牲裝置儲存空間，因此決定建立 OYO Lite，這是以現有 PWA 建構的 TWA。

您必須先著手開發 PWA。使用者會期待透過 Android 啟動器執行的應用程式提供完整功能體驗，因此 TWA 中提供的網頁內容必須提供此體驗，包括：

  • 快速載入和回應時間
  • 使用者連線不佳或未連線時的可靠性
  • 統一的視覺風格 (例如提供啟動畫面和應用程式顏色)

如果您已經有 PWA，即使您從未為 Android 開發應用程式，也能輕鬆建立基本 TWA。OYO 團隊採取了以下行動：

結果如下：

OYO Lite 運作情形。

如要進一步瞭解如何建構基本 TWA，請參閱 Peter McLachlan 和 Andre Bandarra 在 2019 年 Google I/O 大會上發表的 TWA 演講。

如要進一步瞭解 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 的線上訂房平台只是 TWA 的其中一種用途。這些功能非常適合許多目前以特定平台應用程式或網頁形式建構的專案，包括購物車和結帳流程、常見問題和聯絡表單。

請查看下列連結，開始使用 TWA：