PWA的业务价值

渐进式WebApp，在很多公司的发展蓝图上，紧跟现代浏览器的脚步，以适应用户预期。像所有新的概念和技术功能一样，它们会产生问题：这是不是我的客户需要的？它会如何提升我的业务？技术可行性怎么样？

为了制定一些数字化的战略，需要几个利益相关者参与：产品经理、CTO，UX调研人员。产品经理关心每一个功能的业务价值，CTO关心技术的可行性和可靠性，UX调研人员关心功能是否可以解决客户问题。

这篇文章旨在回答以上三个人的问题，并构建PWA应用。你可以从你的客户需求开始，转换成PWA的功能，聚焦于衡量每一个功能带来的业务价值。

PWA解决客户需求

Google有一个规则：“focus on the user and all else will follow”。考虑用户优先：客户需要什么？PWA可以给他们提供什么？

在做用户调研的时候，我们发现了一些有趣的模式：

• 用户讨厌手机上打开网页延迟和不可靠。
• 50%的智能手机用户更喜欢在网页上去浏览或者购物，不想下载App。
• 卸载App的其中一个大的理由是手机存储空间有限（PWA一般只需要1M不到）。
• 使用手机网页购物的智能手机用户，85%的人觉得手机通知有用。

综上所述，我们会发现客户更喜欢的体验是：快速、可安装、可靠、密切联系。

PWA利用现代Web功能

PWA提供了一系列绝佳的体验和现代Web API，旨在满足你的客户需求。

举个例子，用service worker，可以缓存你的资源文件，也可以预测性的prefetch，让你的站点更快更可靠。Manifest API，让你的站点变得可安装，用户可以从首屏直接点击图标启动你的PWA应用。Notification API则可以给你的客户发通知信息，让联系更加密切。

理解业务影响

业务的成功的定义可以是很多方面：

• 用户花费更多的时间在你的服务上
• 潜在客户的跳出率的降低
• 转化率的提升
• 更多回头客

大部分PWA的项目都有很高的转化率。取决于你的目标，你可以优先选择部分PWA的功能，让你的业务更好。PWA的功能可以独立的去应用。

一个打开速度快的网站的业务影响

首先统计你的网站当前的转化率以及收入，然后根据core web vitals的相关指标去优化你的站点，再观察每日转化率和收入的变化。

ebay经过一系列对网站的优化，得出了一个他们的结论，每100ms的速度提升，可以带来0.5%的下单量的提升。

一个可安装的web站点的业务影响

为什么你希望用户安装你的PWA应用？为了让他们更容易回到你的站点。一个安卓App的安装大致有三个步骤：先去应用市场搜索App，下载，安装App。一个PWA的App的安装就很简单，直接点击一个按钮即可，用户无需离开当前会话。

一旦安装了，用户只需点击桌面的图标即可启动，App之间的切换也和原生一致，系统的搜索也可以搜到。打开的界面也无需担心会有浏览器的地址栏之类的，可以采用standalone的方式启动，与原生应用一样。

愿意安装PWA的用户，一般都是你的深度用户，他们会花更多的时间在这个上面，也会经常使用。

为了让你的PWA可安装，需要达到一些条件，当这些条件满足了之后，你可以提示用户安装，在不同的平台上做不同的提示，如下图所示：

一旦你开始提示用户安装，你就需要去设置一些埋点统计，看看多少人安装了，这些安装的用户又是如何使用的。

为了让更多的用户安装，你可能会尝试不同的文案或者样式。

为了理解用户从哪里离开的，改善用户留存，安装程序可以加入以下四个指标：

• 有资格安装的用户数（满足了可安装的条件）
• 点击安装提示的用户数
• 点击了接收或者拒绝的用户数
• 成功安装的用户数

你可以采取更谨慎的做法，刚开始只给一小部分用户去提示安装。

一段时间过后，你可以收集到很多统计数据，这样就能分析出从图标点击打开网站的用户是如何操作的，这批用户是否更深度使用了？是否转化率提升了？

为了知道哪些用户安装了，你可以去监听 appinstalled 的事件。也可以用js api去检测当前是否是standalone窗口（这表明是从桌面图标打开的）。然后用这些数据做更详细的分析。

安装是一个非常棒的方式，让用户可以回到你的站点，提升用户的忠诚度。你也可以给这些用户提供一些个性化的体验。

即使你已经有了原生APP，你也可以去尝试PWA的方式，先提示用户安装原生APP，如果用户不愿意去下载，再提示安装PWA的版本。有这样一部分用户属于中等深度用户，不希望去下载一个原生App，更能接受PWA这种只在桌面增加一个图标，更加轻量。

一个可靠的网站的业务影响

如果一个游戏可以提供离线模式，那么用户玩的频率会更高一些。网络的可靠性是一个很大的机会，特别是对于一些网速较慢的国家，比如印度。如果你的App支持离线，或者低速网络正常使用，受众会更广。

当你去打开一个从应用市场下载的APP，你更期待它不需要联网就能正常打开和使用。PWA的应用也是一样的。

至少，提示用户网络连接已断开，也比一个空白页面要好很多。很多现实场景，即使没有网络也希望可以正常使用，比如：登机牌，购物车等。

当你已经实施了离线的方案，你可以去统计看看多少用户是离线使用的，这些用户是否一直停留着直到网络恢复。

一个亲密交互的网站的业务影响

推送通知可以让用户实时的了解到最新的消息，也可以包含一些个性化的内容。

需要注意的是，不要一上来就让用户注册，仅仅为了收消息通知，等用户体验过之后，在合适的时机去提示用户。通知的内容也有一定讲究，尽可能的是用户最希望看到的，比如截止时间，火车票行程等。

为了统计推送通知的有效性，可以定制以下指标：

• 有资格获得推送通知的用户数
• 点了通知提示的用户数
• 授权推送通知权限的用户数
• 拒绝推送通知的用户数
• 参与推送通知的用户数
• 从推送通知带来的用户的转化率

PWA中的P的含义：渐进式启动，逐个功能增加

PWA是现代的站点，受益于浏览器的支持，结合了用户最爱的原生APP的诸多特性，它利用了一系列的最佳体验和现代Web Api，可以单独的集成和实施，根据你的业务来排优先级。

为了加快网站的现代化进度，让它成为一个真正的PWA应用，可以尝试逐个功能去增加。首先要去找到你的用户觉得价值最大的功能，把这些信息给到设计师和开发者，最后不要忘了去统计一下你的PWA赚了多少额外的钱。

总结

从Chrome的版本更新，我们可以看到很明显的趋势，谷歌已经开始在PWA上下狠手了，以前没有一个明显的安装按钮，现在直接放在了导航栏右侧。在使用PWA之前，先了解它对业务的影响至关重要，这样才能明确你是否需要使用它。与小程序不同，各家都是不同的标准，PWA的标准完全由W3C定制。而且它也不依赖微信或者支付宝这种环境，每个手机都有浏览器，那就可以去安装PWA的应用。作为一个平台，微信和支付宝都没有能力跟上web标准的定制，浏览器的更新永远是走在最前面，而且PWA也可以在微信和支付宝中运行，唯一的缺陷在于ios的webview目前还不支持service worker，无法做到离线，相信也就是这几年的事情了，苹果也在推进这一块，尽早的将你的站点改变成PWA的应用更能适应未来的环境。

参考

https://web.dev/drive-busines...