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

塞巴斯蒂安·富劳特
Sébastien Fourault

许多公司都采用渐进式 Web 应用来对其网站进行现代化改造并适应用户的新期望。与许多技术一样,PWA 也带来了一些问题:它是否符合我的客户需求?它会将我的业务发展到多大的幅度?哪些在技术上可行?

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

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

本文旨在帮助您解答这三个问题,并帮助您改进 PWA 项目。您将从客户需求入手,将其转化为 PWA 功能,然后专注于衡量每项对业务的影响。

PWA 满足客户需求

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

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

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

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

PWA 利用现代 Web 功能

PWA 提供了一系列最佳实践和现代 Web API,旨在通过提高网站速度、可安装性、可靠性和吸引力来满足客户的需求。

例如,使用 Service Worker 缓存资源并执行预测性预提取,可让您的网站更快、更可靠。将您的网站设为可安装版本可让您的客户直接通过主屏幕或应用启动器轻松访问该网站。网络推送通知等 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 可安装是解锁访问权限的关键。

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

安装 PWA 的用户可能是您的互动度最高的用户,其互动指标比随机访问者更高,其中包括更多重复访问、更长的网站停留时间和更高的转化率,通常与使用移动设备的平台专有应用用户相当。

如需使 PWA 可安装,它需要满足基本条件。一旦您的应用满足这些条件,您便可以在桌面设备和移动设备(包括 iOS)上的用户体验中推广安装

PWA 随处安装。
PWA 可安装在任何位置。

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

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

如需了解用户离开了何处以及如何提高留存率,可以通过以下四种方式衡量安装漏斗:

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

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

几天或几周内应该就能获得足够的数据来衡量对您的业务的影响。从已安装的快捷方式进入的用户有什么行为?客户是否更多地互动,他们是否转化更多?

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

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

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

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

安装是吸引用户回访您的网站并提高客户忠诚度的好方法。您还可以考虑为付费用户提供个性化体验。

即使您提供了面向特定平台的应用,用户也可能会觉得自己不想或不需要安装该应用。这些半互动度的用户可能会觉得 PWA 适合他们,因为人们通常认为 PWA 更轻量,并且安装起来会更顺畅。

PWA 可以覆盖半互动度的用户。
PWA 可以覆盖半互动用户。

可靠网站的业务影响

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

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

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

提供帮助,即使离线也无妨。
乐于助人,离线也无妨。

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

Trivago 发现,上网并继续浏览的用户增加了 67%。
Trivago 返回在线后继续浏览的用户增加了 67%。

Trivago 案例研究说明了这对业务目标有何影响。在会话在离线时间段被中断的用户(约占用户总数的 3%)中,在线恢复网站的用户中,有 67% 继续浏览网站。

引人入胜的网站对业务的影响力

借助 Web 推送通知,用户可以选择接收他们需要或关注的网站的实时更新,并且您可以使用自定义的相关内容来有效地重新吸引他们。

但要小心。如果要求用户在首次访问时注册以接收 Web 通知,而未向用户说明相关好处,可能会被视为垃圾内容并对您的体验产生负面影响。在提示发送通知时,请务必遵循最佳实践,并通过相关用途(例如火车延误、价格跟踪、缺货商品等)吸引用户接受。

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

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

  • 有资格接收推送通知的用户数量
  • 点击自定义通知界面提示的用户数
  • 授予推送通知权限的用户数
  • 接收推送通知的用户数量
  • 与通知互动的用户数
  • 由通知带来的用户转化和互动度
衡量网络推送通知的价值。
衡量 Web 推送通知的价值。

有很多关于网络推送通知的优秀案例研究,例如家乐福通过再次吸引放弃了购物车的用户,将转化率乘以 4.5 这个案例研究。

P in PWA:渐进式发布,逐个功能

PWA 是一种现代网站,结合了网络的庞大覆盖面,结合了 Android、iOS 或桌面应用中用户期望的所有方便用户使用的功能。它们使用一套最佳实践和现代 Web API,可以根据您的业务特点和优先级单独实现。

逐步启动您的 PWA。
逐步启动您的 PWA。

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