現在可以在電腦上安裝更豐富的使用者介面

阿德里亞納賈拉
Adriana Jara

使用者通常會透過應用程式商店或下載及安裝套件來取得應用程式,特別是平台應用程式。如今,電腦版網站已逐漸轉向提供集中式商店的應用程式。

網頁應用程式則有所不同:使用者不必造訪集中式應用程式庫來取得網頁應用程式,在設計上無法安裝所有網路服務、安裝應用程式也可能因平台和瀏覽器而異,且瀏覽器甚至擁有不同的選單和途徑。使用者點選該安裝選項後,預設對話方塊不會包含任何額外資訊,如下所示:

電腦的瀏覽器預設安裝對話方塊。
電腦上的預設安裝對話方塊。
行動裝置的瀏覽器預設安裝對話方塊。
行動裝置上的預設安裝對話方塊。

您可以建立可安裝的網頁應用程式,並提供與平台應用程式相同的互動功能。如果要提供這類體驗,並為使用者提供實用指引,讓他們瞭解如何運用不同的安裝流程。

隨著更豐富的安裝使用者介面網頁開發人員,現在有了全新機會,可在安裝時為使用者提供應用程式的特定情境。這個使用者介面適用於 Chrome 94 的行動版和 Chrome 108 電腦版的電腦版。雖然 Chrome 會繼續提供簡易的安裝對話方塊,但這個更大的使用者介面可讓開發人員凸顯其網頁應用程式。此外,由於與應用程式商店的對話方塊相似,因此安裝程序也更加熟悉。

螢幕截圖顯示電腦和行動裝置上的更豐富的安裝使用者介面。
在電腦和行動裝置上提供更豐富的安裝使用者介面。

啟用更豐富的安裝使用者介面

如要顯示更豐富的安裝 UI 對話方塊,開發人員需要為 screenshots 陣列中的相應板型規格新增至少一張螢幕截圖。description 為選用欄位,但建議使用。內容對話方塊使用這兩個欄位的內容建立而成,因此使用體驗與應用程式商店安裝流程類似。這有助於使用者知道自己正在在裝置上新增應用程式,而開發人員有更多可用空間,可在安裝時為使用者提供特定情境。

舉例來說,開發人員可以使用 description 欄位醒目顯示應用程式的功能,吸引使用者將裝置存放在裝置中。透過 screenshots,他們可以單獨呈現網頁應用程式的外觀和風格,並輕鬆存取該平台應用程式。

如需詳細的規格和指南,以及說明如何將這些內容新增至應用程式,請參閱「更豐富的安裝 UI 模式」。

舊版安裝提示樣式只提供少量資訊和背景資訊。這不符合使用者對安裝的期望,並可能讓他們對執行內容感到困惑。許多人都拒絕了安裝要求,這對建構應用程式的商家來說也很糟糕。

提升安裝量可讓你在作業系統上打造更類似體驗的體驗。

您可以按照 Squoosh 應用程式資訊清單檔案的範例,自行建構對話方塊,也可以前往 https://squoosh.app/ 實際體驗該對話方塊。

意見回饋 我們正考慮透過其他方式提升安裝量,包括類別和應用程式評分等。為了做出決定,我們需要你的意見回饋。 請將這項設計告訴我們 更豐富的安裝 UI 有哪些功能不如預期嗎?或者,您還需要哪些資料才能實現您的構想?有任何問題或意見嗎?填寫這份表單

Kaboompics .com 提供的相片由 Pexels 提供