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

Sébastien Fourault
Sébastien Fourault

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

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

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

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

PWA 可满足客户需求

在 Google 打造产品时,我们喜欢遵循一个规则:“以用户为中心,其他一切自然水到渠成”。以用户为先:我的客户需要什么,PWA 如何满足他们的需求?

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

在进行用户研究时,我们发现了一些有趣的规律:

根据这些观察,我们发现客户更青睐快速、可安装、可靠且富有吸引力的体验 (F.I.R.E.)。

PWA 利用现代 Web 功能

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

例如,使用服务工件缓存资源并进行预测性预提取,可让您的网站更快、更可靠。将您的网站设为可安装,可让客户轻松地从主屏幕或应用启动器直接访问您的网站。Web 推送通知等 API 可让您更轻松地通过个性化内容吸引用户再次互动,从而赢得用户的忠诚。

利用 Web 功能改善用户体验。
改进了 Web 功能的用户体验。

了解业务影响

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

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

大多数 PWA 项目都会提高移动设备转化率。您可以参阅众多 PWA 案例研究,了解详情。根据您的目标,您可能需要优先考虑对您的业务更有意义的 PWA 方面,这完全没问题。您可以精选 PWA 功能并单独启用。

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

网站速度快对业务的影响

德勤数字团队最近的一项研究表明,网页速度对业务指标有显著影响。

您可以采取许多措施来优化网站速度,从而改善所有用户的重要用户体验历程。如果您不知道从哪里着手,请参阅我们的快速部分,并使用 Lighthouse 确定要优先解决哪些问题。

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

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

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

eBay 的加载时间缩短了 100 毫秒,加入购物车的商品数量增加了 0.5%。
eBay 的加载时间缩短 100 毫秒后,加入购物车的商品数量增加了 0.5%。

可安装网站对业务的影响

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

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

应用安装后,用户可以使用主屏幕上的图标一键启动该应用,在切换应用时在应用抽屉中看到该应用,或通过应用搜索结果找到该应用。我们将其称为动态发现-启动-切换,而使您的 PWA 可安装是解锁访问权限的关键。

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

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

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

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

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

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

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

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

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

几天或几周后,您应该会有足够的数据来衡量对业务的影响。通过已安装的快捷方式访问应用的用户有哪些行为?他们是否会进行更多互动,是否会完成更多转化?

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

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

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

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

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

即使您有特定于平台的应用,用户也可能不想或不需要安装该应用。这些半感兴趣的用户可能会认为 PWA 适合他们,因为 PWA 通常被认为更轻量,并且安装起来更简单。

PWA 可以覆盖半感兴趣的用户。
PWA 可以覆盖半感兴趣的用户。

可靠网站对业务的影响

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

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

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

即使离线也能提供帮助。
即使在离线状态下也能提供帮助。

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

Trivago 发现,重新上线并继续浏览的用户数量增加了 67%。
在 Trivago 的案例中,重新上线继续浏览的用户数量增加了 67%。

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

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

借助网页推送通知,用户可以选择接收所需或关注的网站的最新动态,您也可以通过量身定制的相关内容,有效地再次吸引他们。

不过你得提防着点。如果在用户首次访问时要求他们订阅网站通知,但不说明好处,可能会被视为垃圾内容,并对用户体验产生负面影响。在提示用户接收通知时,请务必遵循最佳做法,并通过相关用例(例如火车晚点、价格跟踪、商品缺货等)鼓励用户接收通知。

从技术层面来说,由于有服务工件,网页上的推送通知会在后台运行,并且通常由专为管理广告系列而构建的系统(例如 Firebase)发送。此功能可为移动设备(Android)和桌面设备用户带来巨大的业务价值。这有助于提高回访次数,进而提高销售额和转化次数。

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

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

有很多有关 Web 推送通知的优秀案例,例如家乐福通过重新吸引放弃购物车的用户,将转化率提高了 4.5 倍

PWA 中的 P:逐项逐步发布

PWA 是现代网站,将 Web 的广泛覆盖面与用户对 Android、iOS 或桌面应用所期望的所有人性化功能相结合。它们采用一组最佳实践和现代 Web API,这些 API 可根据您的业务特性和优先事项独立实现。

渐进式发布您的 PWA。
逐步发布您的 PWA。

为了加快网站的现代化进程,并将其打造成真正的 PWA,我们建议您采用敏捷的方式:逐项发布功能。首先,与用户一起研究哪些功能能为他们带来最大价值,然后与设计师和开发者一起实现这些功能,最后,别忘了准确衡量您的 PWA 为您带来了多少额外收入。