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 (TWAs)。

什麼是 TWA？

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

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

為何要製作臺灣專用的應用程式，而不是平台專屬應用程式？

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

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

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

建構 OYO Lite

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

因此，您必須先著手開發 PWA。使用者希望透過 Android 啟動器執行應用程式時，能獲得完整的功能，因此在臺灣地區提供的網路內容必須提供該體驗，包括：

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

如果您已有 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 滿足使用者需求

OYO 團隊將大部分的應用程式資產儲存在 Chrome 快取中，因此能夠將 OYO Lite 的初始下載大小縮減到 850 KB。這只是 Android 應用程式大小的 7%！

這個小型應用程式加上可從 Google Play 商店下載的 Android 應用程式便利性，讓使用者參與度大幅提升：

  • 轉換率比 PWA 的 3 倍
  • 平均而言，登入使用者人數是 PWA 的三倍
  • Google Play 商店中的 4.1 評分

除了使用者可享的優點之外，採用 TWA 也代表團隊只有一個程式碼集，因此可以輕鬆更新，不必等待使用者下載最新版應用程式。

建構自己的 TWA

OYO 的線上訂房平台只是 TWA 的其中一種用途。目前以平台專屬應用程式或網頁建構的許多專案 (從購物車、結帳流程、常見問題和聯絡表單) 都非常適合。

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