Chrome 如何帮助用户安装他们重视的应用

Chrome 的内部用户研究表明,许多用户都非常重视安装 Web 应用。这样做有很多好处,例如:

  • 从操作系统任务栏或底部固定栏启动聊天应用。
  • 通过切换应用时显示的专用顶级窗口播放音乐。
  • 简化了浏览器用户体验,以实现沉浸式视频通话。
  • 直接从操作系统文件资源管理器的关联文件中打开 Web 应用。

Chrome 和 Web 开发者可通过多种方式提供帮助,包括新的机器学习推广功能。这篇博文概述了用户安装您的应用的方法。

符合可安装性标准的“精心开发”的应用

符合 Chrome 的可安装性条件的应用会在 Chrome 桌面浏览器的地址栏中自动显示安装图标(在以下屏幕截图中突出显示)。用户可以点击安装应用。

Chrome 桌面浏览器地址栏中的“安装”图标。

另一种安装方法是依次点按更多图标 展开 保存和分享 安装 $appName

在 Chrome 桌面版的“更多”菜单中添加了“安装应用”菜单项。

在移动设备上,用户可以使用显示的安装提示安装应用,也可以依次选择更多   展开   > 添加到主屏幕 > 安装应用来安装应用。

移动版维基百科网站。

Wikipedia 网站上的“添加到主屏幕”提示。

维基百科网站上的“Install app”对话框。

由于开发者已通过满足可安装性条件选择启用此用户体验,因此这些安装被称为“精心设计的”。

自定义安装体验

开发者可以更进一步,提供自定义安装体验。这便是 SquooshSVGcode 等应用采用的方法。请参阅以下示例中突出显示的安装按钮。通过提供屏幕截图,开发者可以打造更加丰富的安装体验。

Squoosh 应用及其安装按钮。

包含屏幕截图的 Squoosh 应用安装提示。

SVGcode 应用及其安装按钮。

“手动”安装任何应用

Google 的研究表明,用户还希望安装任何 Web 体验,即使这些体验不符合安装条件或未提供自定义安装流程也是如此。例如 Wordle。在编写时,其 Web 应用清单缺少 icons 成员和 start_url

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

对于此类情况,Chrome 提供了一种手动方式来将网页安装为“手动”应用,如以下桌面版屏幕截图中所突出显示。在浏览器窗口的右上角,依次选择更多图标 展开 > 保存并分享 > 将网页安装为应用。在安装提示中,您可以根据需要更改应用名称。

在桌面版 Chrome 中将页面作为应用菜单项进行安装。

在桌面版 Chrome 上将此页面作为应用对话框安装。

在移动设备上,依次点按更多   展开   > 添加到主屏幕 > 安装应用

移动版 Chrome 中的 IMDB 网站。

在 Chrome 移动版中,显示了 IMDB 网站的“Add to Home screen”(添加到主屏幕)菜单项。

显示安装应用对话框的 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 审核。