Chrome 如何協助使用者安裝他們重視的應用程式

Chrome 的內部使用者研究顯示,許多人重視安裝網頁應用程式。這麼做有許多好處,例如:

  • 從作業系統工作列或應用程式圖示列啟動 Chat 應用程式。
  • 透過專屬頂層視窗播放音樂,該視窗會在切換應用程式時顯示。
  • 為提供沉浸式視訊通話體驗,清理瀏覽器使用者體驗。
  • 使用作業系統的檔案瀏覽器,直接從關聯檔案開啟網頁應用程式。

Chrome 和網頁開發人員可以提供多種協助方式,包括新的機器學習宣傳功能。這篇文章將概略說明使用者安裝應用程式的方式。

符合可安裝性條件的「精心設計」應用程式

符合 Chrome 的安裝條件的應用程式會自動在 Chrome 電腦版瀏覽器的網址列中顯示安裝圖示 (如下方螢幕截圖所示)。使用者可以點選安裝應用程式。

在 Chrome 電腦版瀏覽器的網址列中顯示安裝圖示。

如要安裝應用程式,也可以依序點選「更多」   更多   >「儲存並分享」 >「安裝 $appName」

在 Chrome 電腦版的「更多」選單中安裝應用程式選單項目。

在行動裝置上,使用者可以透過顯示的安裝提示,或使用「更多」圖示 更多   >「新增至主畫面」 >「安裝應用程式」來安裝應用程式。

行動版維基百科網站。

Wikipedia 網站上的「新增至主畫面」提示。

Wikipedia 網站上的應用程式安裝對話方塊。

這些安裝作業稱為「精心設計」,因為開發人員已透過符合安裝可行性條件,選擇採用這個使用者體驗。

自訂安裝體驗

開發人員可以進一步提供自訂安裝體驗SquooshSVGcode 等應用程式就是採用這種做法。請參考下列範例中醒目的「安裝」按鈕。開發人員提供螢幕截圖,就能打造更豐富的安裝體驗。

Squoosh 應用程式和安裝按鈕。

Squoosh 的應用程式安裝提示,提供螢幕截圖。

SVGcode 應用程式和安裝按鈕。

手動安裝任何應用程式

Google 的研究顯示,使用者也會想安裝「任何」網路體驗,即使不符合安裝條件或提供自訂安裝流程也一樣。例如 Wordle。撰寫時,其網頁應用程式資訊清單缺少 icons 成員和 start_url

{  
    "name": "Wordle",  
    "short_name": "Wordle",  
    "theme_color": "#FFFFFF",  
    "background_color": "#FFFFFF",  
    "display": "minimal-ui"  
}  

在這種情況下,Chrome 提供手動方式,將網頁安裝為「手動」應用程式,如下圖所示 (桌面電腦)。在瀏覽器視窗的右上方,依序選取「更多」圖示 更多 >「儲存並分享」 >「將頁面安裝為應用程式」。在安裝提示中,您可以變更應用程式名稱。

在 Chrome 電腦版中將安裝頁面設為應用程式選單項目。

在 Chrome 電腦版上將這個頁面安裝為應用程式對話方塊。

在行動裝置上,依序輕觸「更多」圖示 更多 >「新增至主畫面」 >「安裝應用程式」

Chrome 行動版上的 IMDB 網站。

IMDB 網站,顯示 Chrome 行動版的「新增至主畫面」選單項目。

IMDB 網站顯示安裝應用程式對話方塊。

雖然這麼做可行,但在實際操作中不一定能發現。正因如此,Chrome 團隊才將心力投注在採用機器學習 (ML) 技術的做法。

根據機器學習技術顯示安裝提示

團隊在 Android 上使用 Chrome 區隔,根據網站健康狀態特性 (例如是否存在有效的資訊清單) 和使用者網站造訪資料 (例如過去 14 天的網站造訪次數總數) 來預測使用者是否想安裝某個網頁。系統會收集這類資料,並用於訓練機器學習模型,在使用者極有可能安裝應用程式時觸發安裝對話方塊。如果網站符合安裝條件,系統就會顯示一般安裝對話方塊,其他網頁則會顯示手動安裝對話方塊。

Wordle 網站,顯示「將這個網頁安裝為應用程式」對話方塊。

初步結果顯示,使用者對 ML 觸發的安裝提示反應良好,因此團隊打算運用至今累積的經驗,進一步微調模型,協助使用者安裝所需的應用程式。

在電腦和行動裝置上建立捷徑

在 Chrome 128 中,依序點選「更多」圖示 更多 >「儲存及分享」>「建立捷徑」,即可在使用者的電腦桌面或主畫面上建立書籤。這會在新的分頁中啟動特定網頁,與 Android 的行為相符,您可以使用「更多」圖示 更多 >「加到主畫面」>「建立捷徑」建立捷徑。

這個選單項目在電腦版上之前的行為,現已移至「安裝頁面做為應用程式」選項,可按照先前所述建立「手動」應用程式。

結論

使用者很樂意回訪應用程式。有時會在瀏覽器分頁中顯示,有時則會以獨立體驗的形式顯示。Chrome 會透過以下方式協助使用者達成目標:

  • 讓開發人員打造豐富的安裝體驗。
  • 讓使用者安裝應用程式,即使開發人員未規劃安裝功能也一樣。
  • 讓使用者建立要重訪的頁面捷徑。
  • 使用者希望能根據機器學習技術,主動建議能夠安裝在高可信度的應用程式上安裝的應用程式。

接下來,我們要回到 Wordle 的… 工作。

Wordle 1,110 3/6

⬛⬛⬛🟨?會
⬛🟨?⬛🟨?🟩?
🟩?🟩?🟩?🟩?🟩?

特別銘謝

本文件經由 Finnur Breki Thorarinsson、Ella Ge 和 Rachel Andrew 審查。