简介
2020 年初，移动设备和桌面设备上的 Chrome 团队制定了一项计划，以提高已安装 Web 应用的曝光度和互动度。我们的工作使 PWA 安装和互动率提高了 100% 以上。为此，我们研究了现有功能，运行了 A/B 测试实验和用户访谈，以深入了解用户的看法和期望。本文介绍了我们是如何做到这一点的。
统一安装语言
触发 PWA 安装的号召性用语在整个网络平台上不一致。对于 Android 版 Chrome，我们已经确定了添加到主屏幕，但在桌面平台上，我们则重点介绍了安装。出现这种差异的原因来自该团队在 2016 年开展的一项比较了不同字符串的研究。该团队发现，添加到主屏幕在移动设备上的效果更好（即使只是略微减少）。
2019 年，对分类的进一步研究发现并无差别，因此希望统一 PWA 安装体验的团队决定将标签更新为“在 Android 设备上安装”。2021 年，我们又对“安装”、“获取”和“下载”这三个语言进行了进一步的研究，发现用户对“安装”的理解是正在进行的过程。用户觉得点按带有“获取”标签的按钮会将用户转到网站，而如果点按“下载”，他们会认为文件最终会出现在“下载”文件夹或等效文件夹中。
考虑到所有这些因素，我们得出 Install 标签最适合 PWA 的研究。我们建议整个 Web 平台的开发者今后都选择“安装”作为首选字符串。
桌面版的安装图标
在我们的桌面平台上，我们采用了一种设计模式，即每当网站加载 PWA 时，Chrome 就会在多功能框的右侧显示一个药丸，其中包含图标和安装标签。此后，当用户访问某个网站时，将只显示图标。点击此药丸子会触发安装桌面 PWA。
该图标最初是一个加号，部分原因是因为在移动设备上使用了“添加到主屏幕”这个隐喻。但是，如上所述，我们使用的语言是安装。我们从开发者社区收到的反馈是，此图标令人感到困惑。此外，如果用户使用缩放功能放大文本，缩放图标看起来会非常相似，让用户更加困惑。
我决定调查用户的看法，因为大多数反馈都是奇闻轶事。我们与我们的用户体验研究人员合作，面向美国和印度尼西亚的 1 万名用户开展了一项研究，以确定用户对安装图标的理解。我们测试了五种不同的设计（包括现有设计），并询问用户“安装”的含义。我们发现，当前的图标（即加号）最容易让用户感到困惑。许多人会将该符号与“医疗”“急救”和“电池”混淆。
我们还发现，用户在安装时主要将箭头和设备等图像关联起来。根据这些结论，我们在 Chrome 中运行了 A/B/C 测试，将现有设计与两种替代方案进行比较。我们点击箭头向下指向显示器，该显示器的效果明显优于其他两个。我们还发现，使用此新图标的安装界面的关闭率有所下降。
这就是您现在看到的设计，他们发现 PWA 的安装率在网站中的安装率是原来的两倍以上。我们还添加了此图标和与 Material Design 图标集对应的移动版图标，让社区能够使用我们觉得最具吸引力的图标。
当然，一个图标不会改变世界，这就引出了我们的下一项功能。
产品内帮助
产品内帮助是一个蓝色气泡提示，可根据具体条件引导用户了解他们可能感兴趣的新功能。我们决定发布此设计模式，以便向用户告知安装功能，并进一步支持全新图标设计。
当用户定期访问网站时，Chrome 会使用一项称为网站互动的服务。它可提供有关用户与网站的互动情况的信息。通过访问 chrome://site-engagement/，您可以查看自己经常访问的网站。根据这些得分，我们可以确定用户是否对某个网站感兴趣。如果网站是 PWA 并且用户参与了互动，我们会向他们显示安装产品内帮助界面。这意味着，我们只关注感兴趣的用户，而不是让可能会访问网站一次的用户感到厌烦。
通过在桌面设备上使用产品内的快捷帮助，我们发现 PWA 安装次数增加了 100% 以上，这表明专注于积极互动的用户提高了 Web 应用的可安装性。
更丰富的安装界面
大多数用户的安装模式都是一个商店。自 21 世纪中期以来，我们就已经告知用户，每当安装应用时，他们都会看到说明、屏幕截图和其他元数据，以帮助他们确定应用是否符合自己的需求。
使用 PWA 时，在用户决定安装 Web 应用时，我们显示的界面相对而言功能较少。因此，该团队决定探索一种更丰富的安装体验，以便为用户提供有关 Web 应用的背景信息，并让开发者能够赞美 PWA 与原生体验不相上下。
今年早些时候，我们推出了 Richer Install，这是 Android 版 Chrome 上经过扩展的安装界面，开发者可通过它向清单中添加屏幕截图。开发者还可以添加说明，系统建议添加说明，但不强制要求。由于这一界面更新，一些 PWA 的安装率翻了一番，这表明，当我们提供更多上下文和更丰富的体验时，用户会更放心地安装 Web 应用。此界面的桌面版目前正在开发中。
总结
在过去的两年中，该团队一直在探索和试验 Chrome 中的新功能，这些功能为 PWA 开发者提供支持和支持，并有助于指导用户了解 Web 体验的优势。我们仍然有很多工作可以做，但共同努力，我们可以改善并丰富用户的生活，并进一步支持开放网络。