Chrome 的內部使用者研究顯示,許多人重視安裝網頁應用程式。這麼做有許多好處,例如:
- 從作業系統工作列或應用程式圖示列啟動 Chat 應用程式。
- 透過專屬頂層視窗播放音樂,該視窗會在切換應用程式時顯示。
- 為提供沉浸式視訊通話體驗,清理瀏覽器使用者體驗。
- 使用作業系統的檔案瀏覽器,直接從關聯檔案開啟網頁應用程式。
Chrome 和網頁開發人員可以提供多種協助方式,包括新的機器學習宣傳功能。這篇文章將概略說明使用者安裝應用程式的方式。
符合可安裝性條件的「精心設計」應用程式
符合 Chrome 的安裝條件的應用程式會自動在 Chrome 電腦版瀏覽器的網址列中顯示安裝圖示 (如下方螢幕截圖所示)。使用者可以點選安裝應用程式。
如要安裝應用程式,也可以依序點選「更多」 >「儲存並分享」 >「安裝 $appName」。
在行動裝置上,使用者可以透過顯示的安裝提示,或使用「更多」圖示 >「新增至主畫面」 >「安裝應用程式」來安裝應用程式。
這些安裝作業稱為「精心設計」,因為開發人員已透過符合安裝可行性條件,選擇採用這個使用者體驗。
自訂安裝體驗
開發人員可以進一步提供自訂安裝體驗。Squoosh 和 SVGcode 等應用程式就是採用這種做法。請參考下列範例中醒目的「安裝」按鈕。開發人員提供螢幕截圖,就能打造更豐富的安裝體驗。
手動安裝任何應用程式
Google 的研究顯示,使用者也會想安裝「任何」網路體驗,即使不符合安裝條件或提供自訂安裝流程也一樣。例如 Wordle。撰寫時,其網頁應用程式資訊清單缺少 icons
成員和 start_url
。
{
"name": "Wordle",
"short_name": "Wordle",
"theme_color": "#FFFFFF",
"background_color": "#FFFFFF",
"display": "minimal-ui"
}
在這種情況下,Chrome 提供手動方式,將網頁安裝為「手動」應用程式,如下圖所示 (桌面電腦)。在瀏覽器視窗的右上方,依序選取「更多」圖示 >「儲存並分享」 >「將頁面安裝為應用程式」。在安裝提示中,您可以變更應用程式名稱。
在行動裝置上,依序輕觸「更多」圖示 >「新增至主畫面」 >「安裝應用程式」。
雖然這麼做可行,但在實際操作中不一定能發現。正因如此,Chrome 團隊才將心力投注在採用機器學習 (ML) 技術的做法。
根據機器學習技術顯示安裝提示
團隊在 Android 上使用 Chrome 區隔,根據網站健康狀態特性 (例如是否存在有效的資訊清單) 和使用者網站造訪資料 (例如過去 14 天的網站造訪次數總數) 來預測使用者是否想安裝某個網頁。系統會收集這類資料,並用於訓練機器學習模型,在使用者極有可能安裝應用程式時觸發安裝對話方塊。如果網站符合安裝條件,系統就會顯示一般安裝對話方塊,其他網頁則會顯示手動安裝對話方塊。
初步結果顯示,使用者對 ML 觸發的安裝提示反應良好,因此團隊打算運用至今累積的經驗,進一步微調模型,協助使用者安裝所需的應用程式。
在電腦和行動裝置上建立捷徑
在 Chrome 128 中,依序點選「更多」圖示 >「儲存及分享」>「建立捷徑」,即可在使用者的電腦桌面或主畫面上建立書籤。這會在新的分頁中啟動特定網頁,與 Android 的行為相符,您可以使用「更多」圖示 >「加到主畫面」>「建立捷徑」建立捷徑。
這個選單項目在電腦版上之前的行為,現已移至「安裝頁面做為應用程式」選項,可按照先前所述建立「手動」應用程式。
結論
使用者很樂意回訪應用程式。有時會在瀏覽器分頁中顯示,有時則會以獨立體驗的形式顯示。Chrome 會透過以下方式協助使用者達成目標:
- 讓開發人員打造豐富的安裝體驗。
- 讓使用者安裝應用程式,即使開發人員未規劃安裝功能也一樣。
- 讓使用者建立要重訪的頁面捷徑。
- 使用者希望能根據機器學習技術,主動建議能夠安裝在高可信度的應用程式上安裝的應用程式。
接下來,我們要回到 Wordle 的… 工作。
Wordle 1,110 3/6
特別銘謝
本文件經由 Finnur Breki Thorarinsson、Ella Ge 和 Rachel Andrew 審查。