簡介
在 2020 年初，適用於行動裝置和電腦的 Chrome 團隊制定了一項計畫，希望能夠提升已安裝網頁應用程式的曝光度和參與度。我們的努力協助他們將 PWA 的安裝與參與度提升超過 100%。為此，我們透過研究現有功能、執行 A/B 測試實驗和使用者訪談，深入瞭解使用者的看法和期望。本文會說明我們如何達成這個目標。
統一安裝語言
網路平台中，觸發 PWA 安裝的行動號召不一致。針對 Android 版 Chrome，我們已決定採用新增至主畫面，但在電腦平台中，我們強調的是「安裝」。這個差異的原因在於團隊在 2016 年執行的研究，並比較了不同字串。我們的團隊發現，如果「Add to Home screen」(新增至主畫面) 只有行動裝置小幅度的行動裝置，運作效果更好。
2019 年的分類研究並未發現差異，因此團隊想要統合 PWA 安裝體驗，決定在 Android 上將標籤更新為「安裝」。2021 年的研究與「Install」、「Get」和「Download」語言比較後，發現使用者瞭解到「Install」是目前的流程。使用者若輕觸帶有「Get」標籤的按鈕，便會將使用者導向至某個網站，而看到「Download」(下載) 時，會假設檔案最終會位於下載資料夾或同等項目中。
因此，我們歸納出「安裝」標籤對 PWA 最有助益。我們建議網路平台的開發人員日後採用「安裝」做為偏好字串。
在電腦上安裝圖示
我們針對電腦版平台設計了一套設計模式，每當網站載入 PWA，Chrome 就會在網址列右側顯示一個藥丸 (Pack) 圖示，其中包含一個圖示和「Install」(安裝) 標籤。之後使用者造訪網站時，就只會看到這個圖示。按一下這個藥丸會觸發電腦版 PWA 的安裝作業。
圖示一開始是加號，部分原因為行動裝置中使用的「新增至主畫面」隱喻。不過如前所述，我們使用的語言是「Install」(安裝)。開發人員社群的意見回饋指出，這個圖示令人困惑。此外，如果使用者使用縮放功能放大文字，縮放圖示會看起來非常相似，甚至造成使用者更困惑。
我決定調查使用者的看法，因為大多數意見回饋都是非常難讀。我們與使用者體驗研究人員合作，進行了一項研究，邀請美國和印尼 1 萬名使用者參與，以判定使用者對安裝圖像的理解。我們測試了五種不同設計，包括現有設計，並詢問使用者「安裝」是什麼意思。我們發現目前的圖示 (加號) 最容易讓使用者感到困惑。許多人將符號與「medicine」、「first aid」和「batteries」混淆。
我們也發現，使用者主要是相關的圖像，例如箭頭和安裝的裝置。基於這些結論，我們在 Chrome 中執行 A/B/C 測試，將現有設計與兩個替代項目進行比較。我們以箭頭向下指向監控器，這個螢幕的成效明顯優於其他螢幕。我們也發現，使用者透過這個新圖示關閉安裝 UI 的次數減少了。
成果是今天的設計，顯示 PWA 的安裝率比網站的兩倍多。我們也加入了這個圖示，以及相當於 Material Design 圖示集的行動版，讓社群能使用我們最常發現的圖示。
當然，單一圖示並不會改變世界，因此我們想推出下一項功能。
產品內說明
產品內說明是一個藍色泡泡工具提示，提供使用者根據特定條件可能感興趣的新功能。我們決定推出這個設計模式，向使用者告知安裝功能，並進一步支援新的圖示設計。
使用者定期造訪網站時，Chrome 會使用「網站參與度」服務。這項指標可提供資訊，指出使用者與網站的互動程度。前往 chrome://site-engagement/ 即可查看自己經常造訪的網站。根據這些分數，我們能判斷使用者是否對某個網站感興趣。如果網站是 PWA，且使用者有所參與，我們會向他們顯示安裝產品內說明使用者介面。
這意味著我們只著重於吸引有互動的使用者，而不是可能造訪一次網站的干擾使用者。
透過電腦使用產品內說明，我們發現 PWA 安裝量增加超過 100%，顯示著重於參與的使用者有助於提升網頁應用程式的安裝便利性。
更豐富的安裝使用者介面
大多數使用者的安裝模式就是商店。2000 年中期，我們已向使用者說明，每次安裝應用程式時都會看到說明、螢幕截圖和其他中繼資料，協助他們判斷應用程式是否為他們想要的項目。
有了 PWA，使用者決定安裝網頁應用程式後，系統就會顯示使用者介面。因此，該團隊決定嘗試更豐富的安裝體驗，為使用者提供網頁應用程式的背景資訊，並讓開發人員慶祝 PWA，在提供媲美原生體驗的優質服務。
今年稍早，我們推出了 Richer Install，這是 Android 版 Chrome 的擴充安裝使用者介面，可讓開發人員在資訊清單中加入螢幕截圖。開發人員也可以新增說明 (建議做法，但並非必要)。由於這個新版 UI 的緣故，部分 PWA 的安裝率提升了一倍，顯示系統提供更豐富的背景資訊及更豐富的體驗時，使用者安裝網頁應用程式的意願也隨之提升。這個使用者介面的電腦版目前仍處於開發階段。
結論
過去兩年來，該團隊一直在探索及實驗 Chrome 中的新功能。這些功能不僅啟用及驅動 PWA 開發人員，也有助於向使用者說明網路體驗的優點。雖然我們仍有很大的努力，但我們可以共同改進並充實使用者的生活，並進一步支持開放網路。