渐进式 Web 应用如何助力业务成功

Sébastien Fourault
Sébastien Fourault

许多公司都将渐进式 Web 应用纳入了其路线图,以实现网站现代化并适应用户的新期望。与许多技术一样,PWA 也会引发一些问题:这是我的客户想要的吗?它能让我的业务增长多少?技术上可行吗?

确定利益相关方。
确定利益相关方。

为了制定数字策略,通常需要多个利益相关方参与:产品经理和首席营销官共同负责每个功能的业务影响,首席技术官评估技术的可行性和可靠性,用户体验研究人员验证功能是否解决了实际客户问题。

本文旨在帮助您回答这三个问题,并规划您的 PWA 项目。您将从客户需求入手,将其转化为 PWA 功能,并重点衡量每项功能对业务的影响。

PWA 满足客户需求

在 Google,我们打造产品时喜欢遵循的一条规则是“以用户为中心,其他一切自然水到渠成”。用户至上:我的客户有哪些需求?PWA 如何满足这些需求?

确定客户需求。
确定客户需求。

在进行用户调研时,我们发现了一些有趣的模式:

根据这些观察结果,我们发现客户更喜欢快速、可安装、可靠且引人入胜 (F.I.R.E.) 的体验。

PWA 充分利用现代 Web 功能

PWA 提供了一组最佳实践和现代 Web API,旨在通过使您的网站快速、可安装、可靠且引人入胜来满足客户的需求。

例如,使用 Service Worker 缓存资源并执行预测性预提取,可让您的网站更快速、更可靠。让您的网站可安装,可让客户轻松地直接从其主屏幕或应用启动器访问该网站。Web 推送通知等 API 可让您更轻松地通过个性化内容重新吸引用户,从而培养忠诚度。

利用 Web 功能改善用户体验。
利用 Web 功能改善用户体验。

了解业务影响

业务成功定义可以有很多种,具体取决于您的活动:

  • 用户在您的服务上花费更多时间
  • 降低潜在客户的跳出率
  • 转化率提高
  • 更多回访者

大多数 PWA 项目都会带来更高的移动转化率。您可以从众多 PWA 案例研究中了解更多信息。根据您的目标,您可能需要优先考虑 PWA 中对您的业务更有意义的方面,这完全没问题。PWA 功能可以单独挑选和发布。

我们来衡量一下这些出色的 F.I.R.E 功能对业务的影响。

快速网站对业务的影响

Deloitte Digital 最近的一项研究表明,网页速度对业务指标有重大影响。

您可以采取多种措施来优化网站速度,从而改善所有用户的关键用户历程。如果您不知道从何处着手,请查看我们的快速部分,并使用 Lighthouse 确定要修复的最重要事项的优先级。

在进行速度优化时,请开始使用适当的工具和指标频繁衡量网站速度,以监控进度。 例如,使用 Lighthouse 衡量指标,设定明确的目标(例如获得“良好”的 Core Web Vitals 得分),并将性能预算纳入构建流程。得益于您的每日测量和“速度的价值”方法,您可以单独分析速度增量变化的影响,并计算您的工作带来了多少额外收入。

衡量速度的价值,并将其与转化相关联。
衡量速度的价值,并将其与转化关联起来。

eBay 将速度作为 2019 年的公司目标。他们使用了性能预算、关键路径优化和预测性预提取等技术。他们得出的结论是,搜索页加载时间每缩短 100 毫秒,加购次数就会增加 0.5%。

加载时间缩短 100 毫秒后,eBay 的“添加到购物车”次数增加了 0.5%。
加载时间缩短 100 毫秒后,eBay 的“添加到购物车”次数增加了 0.5%。

可安装网站对业务的影响

为什么您希望用户安装您的 PWA?以便用户更轻松地返回您的网站。安装 Android 应用至少需要三个步骤(重定向到 Play 商店、下载应用、启动应用),而安装 PWA 只需点击一下即可无缝完成,不会让用户离开当前的转化漏斗。

安装体验应该顺畅无阻。
安装体验应顺畅无阻。

安装应用后,用户只需点击主屏幕上的图标即可启动应用,在应用之间切换时可在应用托盘中看到应用,或通过应用搜索结果找到应用。我们称之为动态“发现-启动-切换”,而让 PWA 可安装是解锁此功能的关键。

除了可以从设备上熟悉的发现和启动界面访问之外,PWA 的启动方式与平台专用应用完全相同:在独立体验中,与浏览器分开。此外,它还受益于操作系统级设备服务,例如应用切换器和设置。

安装 PWA 的用户可能是互动度最高的用户,其互动指标(包括重复访问次数、网站停留时间和转化率)优于普通访问者,通常与移动设备上特定于平台应用的用户相当。

若要使 PWA 可安装,它需要满足基本条件。满足这些条件后,您就可以在桌面设备和移动设备(包括 iOS)上的用户体验中宣传安装。

PWA 可在任何地方安装。
PWA 可在任何地方安装。

开始推广 PWA 的安装后,您应该衡量有多少用户安装了您的 PWA,以及他们如何使用您的 PWA。

为了尽可能增加安装您网站的用户数量,您可能需要测试不同的宣传消息(例如“一秒安装”或“添加我们的快捷方式以跟踪您的订单”)、不同的展示位置(页眉横幅、信息流广告),并尝试在安装漏斗的不同步骤(在访问的第二个页面上或预订后)提出安装建议。

为了解用户在哪些环节流失以及如何提高留存率,您可以通过以下四种方式衡量安装漏斗:

  • 符合安装条件的用户数量
  • 点击安装提示的用户数量
  • 接受和拒绝安装提示的用户数量
  • 成功安装的用户数量

您可以向所有用户推广 PWA 安装,也可以采取更谨慎的方法,先在一小部分用户中进行实验。

几天或几周的时间应该足以让您获得足够的数据来衡量对业务的影响。通过已安装的快捷方式访问的用户有何行为?他们是否互动更多、转化更多?

如需对安装了 PWA 的用户进行细分,请跟踪 appinstalled 事件,并使用 JavaScript 检查用户是否处于独立模式,这表示用户使用的是已安装的 PWA。然后,将这些数据用作分析跟踪的变量或维度。

衡量安装的价值。
衡量安装的价值。

Weekendesk 的案例研究很有意思;为了提高用户安装其 PWA 的几率,他们在用户访问的第二个页面上宣传安装。从主屏幕启动 PWA 的用户通过 PWA 预订住宿的可能性是其他用户的两倍以上!

已安装用户的转化率提高了 2.5 倍。
已安装应用的用户,其转化率高出 1.5 倍。

安装是吸引用户重返网站并提高客户忠诚度的绝佳方式。您还可以考虑为付费用户提供个性化体验。

即使您有平台专用应用,用户也可能觉得他们不想或不需要安装该应用。这些半活跃用户可能会觉得 PWA 适合他们,因为 PWA 通常被认为更轻量,并且安装过程更顺畅。

PWA 可以触达半活跃用户。
PWA 可以覆盖互动度一般的用户。

可靠网站对业务的影响

Chrome 恐龙游戏会在用户离线时提供,每月游玩次数超过 2.7 亿次。这个令人印象深刻的数字表明,网络可靠性是 PWA 使用的一个相当大的机会,尤其是在网络不可靠或移动流量昂贵的市场,例如印度、巴西、墨西哥或印度尼西亚。

当用户启动从应用商店安装的应用时,无论是否连接到互联网,他们都希望应用能够打开。 渐进式 Web 应用也不例外。

至少应提供一个简单的离线页面,告知用户在没有网络连接的情况下无法使用该应用。然后,考虑通过提供在离线状态下有意义的功能,进一步提升体验。例如,您可以提供对票券或登机牌、离线愿望清单、呼叫中心联系信息、用户最近查看过的文章或食谱等的访问权限。

即使离线,也能提供帮助。
即使离线,也能提供帮助。

实现可靠的用户体验后,您可能需要对其进行衡量:有多少用户离线、在哪些地理位置离线,以及当网络恢复时,他们是否会留在网站上?Google Analytics 可以告诉您用户通常何时离线和在线。这会告诉您,在网络恢复后,有多少用户继续浏览您的网站。

Trivago 发现,重新上线并继续浏览的用户增加了 67%。
Trivago 发现,恢复在线状态后继续浏览的用户增加了 67%。

Trivago 案例研究说明了这会对您的业务目标产生怎样的影响。对于会话因离线而中断的用户(约占用户的 3%),重新上线后有 67% 的用户继续浏览网站。

富有吸引力的网站对业务的影响

借助 Web 推送通知,用户可以选择接收来自其需要或关注的网站的及时更新,而您也可以通过定制的相关内容有效地重新吸引他们。

不过你得提防着点。如果用户首次访问网站时,您在未说明好处的情况下就要求他们注册接收网站通知,这可能会被视为垃圾内容,并对用户体验产生负面影响。在提示用户启用通知时,请务必遵循最佳实践,并通过列举相关使用场景(例如列车延误、价格跟踪、商品缺货等)来吸引用户接受。

从技术上讲,由于 Service Worker 的存在,网页上的推送通知会在后台运行,并且通常由专为管理营销活动而构建的系统(例如 Firebase)发送。此功能可为移动设备 (Android) 和桌面设备用户带来巨大的商业价值。这会增加重复访问次数,从而提高销售额和转化率。

如需衡量推送广告系列的效果,您需要衡量整个漏斗,包括:

  • 符合推送通知条件的用户数量
  • 点击自定义通知界面提示的用户数量
  • 授予推送通知权限的用户数量
  • 接收推送通知的用户数量
  • 与通知互动的用户数量
  • 通过通知吸引的用户所带来的转化和互动
衡量 Web 推送通知的价值。
衡量 Web 推送通知的价值。

关于 Web 推送通知,有很多精彩的案例研究,例如 Carrefour 通过重新吸引放弃购物车的用户,将其转化率提高了 4.5 倍。

PWA 中的 P:渐进式发布,逐个功能推出

PWA 是现代网站,它结合了网络的巨大覆盖面,以及用户在 Android、iOS 或桌面应用中期望的所有人性化功能。它们使用一组最佳实践和现代 Web API,可以根据您的业务特性和优先级独立实现。

逐步发布 PWA。
逐步发布 PWA。

为了加快网站现代化改造并使其成为真正的 PWA,我们建议您采用敏捷开发模式:逐个功能发布。首先,与用户一起研究哪些功能可以为他们带来最大价值,然后与设计师和开发者一起提供这些功能,最后不要忘记精确衡量 PWA 产生了多少额外收入。