Progressive Web App 已被许多公司列入现代化其网站并适应用户新期望的路线图。与许多技术一样,PWA 也引发了一些问题:这是我的客户想要的吗?它将为我的业务带来多少增长?技术上是否可行?

为了制定您的数字战略,通常需要多个利益干系人的参与:产品经理和首席营销官共同负责每个功能对业务的影响,首席技术官评估技术的可行性和可靠性,用户体验研究人员验证某个功能是否能解决实际的客户问题。
本文旨在帮助您回答这三个问题,并规划您的 PWA 项目。您将从客户需求入手,将其转化为 PWA 功能,并专注于衡量每个功能对业务的影响。
PWA 解决客户需求
我们在 Google 制作产品时喜欢遵循的一条规则是“以用户为中心,其他一切水到渠成”。以用户至上的理念思考:我的客户有哪些需求?PWA 如何满足这些需求?

在进行用户研究时,我们发现了一些有趣的模式
- 用户讨厌移动设备上的延迟和不可靠。移动延迟造成的压力程度堪比看恐怖电影。
- 百分之五十的智能手机用户在浏览或购物时更倾向于使用公司的移动网站,因为他们不想下载应用。
- 卸载应用的主要原因之一是存储空间有限。(已安装的 PWA 通常小于 1MB)。
- 智能手机用户更有可能从移动网站购买,如果这些网站提供相关的产品推荐,并且 85% 的智能手机用户表示移动通知很有用。
根据这些观察,我们发现客户更喜欢快速、可安装、可靠和引人入胜的体验 (F.I.R.E.)。
PWA 利用现代 Web 功能
PWA 提供了一套最佳实践和现代 Web API,旨在通过使您的网站快速、可安装、可靠和引人入胜来满足客户的需求。
例如,使用 Service Worker 缓存您的资源并进行 预测性预加载 可以使您的网站更快、更可靠。使您的网站可安装为您的客户提供了一种简单的方法,可以直接从他们的主屏幕或应用启动器访问它。诸如 Web Push Notifications 等 API 使您可以更轻松地使用个性化内容重新吸引您的用户,从而提高忠诚度。

了解业务影响
业务成功的定义可能因您的业务活动而异,可以有很多种
- 用户在您的服务上花费更多时间
- 降低潜在客户的跳出率
- 提高转化率
- 更多回头客
大多数 PWA 项目都会带来更高的移动转化率。您可以从众多 PWA 案例研究中了解更多信息。根据您的目标,您可能需要优先考虑对您的业务更有意义的 PWA 方面,这完全没问题。PWA 功能可以单独挑选和启动。
让我们衡量一下这些出色的 F.I.R.E 功能对业务的影响。
快速网站的业务影响
德勤数字公司最近的一项研究表明,页面速度对业务指标有重大影响。
您可以做很多事情来优化您的网站速度,以改善所有用户的关键用户历程。如果您不知道从哪里开始,请查看我们的快速部分,并使用Lighthouse 来确定最重要的事情进行修复。
在进行速度优化时,请开始使用适当的工具和指标频繁衡量您的网站速度,以监控您的进度。例如,使用 Lighthouse 衡量您的指标,设定明确的目标,例如获得“良好”的核心 Web 指标分数,并将性能预算纳入您的构建流程。感谢您的日常衡量和“速度价值”方法,您可以隔离增量速度变化的影响,并计算您的工作产生了多少额外收入。

Ebay 将速度作为 2019 年的公司目标。他们使用了诸如性能预算、关键路径优化和预测性预加载等技术。他们的结论是,搜索页面加载时间每提高 100 毫秒,添加到购物车的计数就会增加 0.5%。

可安装网站的业务影响
您为什么要让用户安装您的 PWA?为了让他们更容易回到您的网站。在 Android 应用安装至少需要三个步骤(重定向到 Play 商店、下载应用、启动应用)的情况下,PWA 安装只需单击一下即可无缝完成,而不会将用户从当前的转化渠道中带走。

一旦应用安装完成,用户可以通过主屏幕上的图标一键启动它,在应用之间切换时在应用托盘中看到它,或者通过应用搜索结果找到它。我们称之为动态的“发现-启动-切换”,而使您的 PWA 可安装是解锁访问的关键。
除了可以从设备上熟悉的发现和启动界面访问之外,PWA 的启动方式与平台特定应用完全相同:在独立体验中,与浏览器分离。此外,它还受益于操作系统级别的设备服务,例如应用切换器和设置。
安装您的 PWA 的用户很可能是您最忠实的用户,他们的参与度指标优于偶尔访问者,包括更多的重复访问、更长的网站停留时间和更高的转化率,通常与移动设备上的平台特定应用用户持平。
为了使您的 PWA 可安装,它需要满足基本标准。一旦满足这些标准,您就可以在桌面设备和移动设备(包括 iOS)上的用户体验中推广安装。

一旦您开始推广 PWA 的安装,您应该衡量有多少用户正在安装您的 PWA,以及他们如何使用您的 PWA。
为了最大限度地提高安装您网站的用户数量,您可能需要测试不同的推广消息(例如“一秒钟内安装”或“添加我们的快捷方式以跟踪您的订单”)、不同的位置(页眉横幅、信息流中),并尝试在安装渠道的不同步骤中提出建议(在访问的第二个页面上,或在预订之后)。
为了了解您的用户在哪里离开以及如何提高留存率,可以从四个方面衡量安装渠道
- 符合安装条件的用户数量
- 点击安装提示的用户数量
- 接受和拒绝安装提示的用户数量
- 成功安装的用户数量
您可以向所有用户推广您的 PWA 安装,或者采取更谨慎的方法,从小部分用户开始试验。
几天或几周应该能为您提供足够的数据来衡量对您业务的影响。通过已安装的快捷方式访问的用户行为如何?他们的参与度更高吗?他们的转化率更高吗?
要细分安装了您的 PWA 的用户,请跟踪 appinstalled
事件,并使用 JavaScript 检查用户是否处于独立模式,这表明正在使用已安装的 PWA。然后将这些用作分析跟踪的变量或维度。

Weekendesk 的案例研究很有趣;为了增加用户安装其 PWA 的机会,他们在用户访问的第二个页面上推广安装。从主屏幕启动 PWA 的用户通过其 PWA 预订住宿的可能性是原来的两倍多!

安装是鼓励人们返回您的网站并提高客户忠诚度的绝佳方式。您还可以考虑为高级用户个性化体验。
即使您有平台特定的应用,用户也可能觉得他们不想或不需要安装它。这些半参与用户可能会觉得 PWA 非常适合他们,因为它通常被认为更轻便,并且可以以更小的摩擦进行安装。

可靠网站的业务影响
Chrome 恐龙游戏在用户离线时提供,每月被玩 超过 2.7 亿次。这个惊人的数字表明,网络可靠性是 PWA 使用的一个巨大机会,尤其是在网络不可靠或移动数据昂贵的市场,例如印度、巴西、墨西哥或印度尼西亚。
当从应用商店安装的应用启动时,用户希望它能够打开,无论他们是否连接到互联网。Progressive Web App 也应该如此。
至少,应该提供一个简单的离线页面,告诉用户在没有网络连接的情况下应用不可用。然后,考虑进一步改进体验,提供在离线时有意义的功能。例如,您可以提供对票证或登机牌、离线愿望清单、呼叫中心联系信息、用户最近查看的文章或食谱等的访问权限。

一旦您实施了可靠的用户体验,您可能需要对其进行衡量;有多少用户离线,在哪些地区,以及当网络恢复时他们是否会留在网站上?分析可以告诉您用户何时通常离线和在线。这告诉您有多少用户在网络恢复后继续浏览您的网站。

Trivago 案例研究 说明了这如何影响您的业务目标。对于会话被离线时段中断的用户(约占用户的百分之三),67% 的重新上线用户继续浏览该网站。
引人入胜的网站的业务影响
Web Push Notifications 允许用户选择接收来自他们需要或关心的网站的及时更新,并允许您通过定制化的相关内容有效地重新吸引他们。
但请注意。当用户首次访问时就要求他们注册 Web 通知,并且不说明好处,这可能会被视为垃圾邮件,并对您的体验产生负面影响。在提示通知时,请务必遵循最佳实践,并通过火车延误、价格跟踪、缺货产品等相关用途来激发接受。
从技术上讲,Web 上的Push Notifications 借助 Service Worker 在后台运行,并且通常由为管理营销活动而构建的系统(例如 Firebase)发送。此功能为移动 (Android) 和桌面用户带来了巨大的商业价值。它可以增加重复访问,从而增加销售额和转化率。
为了衡量您的 Push 营销活动的有效性,您需要衡量整个渠道,包括
- 符合 Push Notifications 条件的用户数量
- 点击自定义通知 UI 提示的用户数量
- 授予 Push Notification 权限的用户数量
- 收到 Push Notifications 的用户数量
- 与通知互动的用户数量
- 来自通知的用户的转化率和参与度

关于 Web Push Notifications 有很多很棒的案例研究,例如 Carrefour 的案例研究,他们通过重新吸引放弃购物车的用户,将转化率提高了 4.5 倍。
PWA 中的 P:渐进式发布,逐个功能
PWA 是现代网站,它结合了 Web 的广泛覆盖范围,以及用户在 Android、iOS 或桌面应用中期望的所有用户友好功能。它们使用一套最佳实践和现代 Web API,可以根据您的业务特性和优先级独立实施。

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