渐进式 Web 应用程序：下一个移动体验？

已发表: 2017-08-15

您可能还没有听说过它们，但渐进式 Web 应用程序 (PWA) 即将改变移动领域。 虽然谷歌在 2015 年推出了 PWA，但今年已经流行起来。 因此，在它风靡一时之前，Progressive Web Apps 到底是什么？


什么是 PWA？

什么是pwa

从最简单的意义上说，PWA 是通过 Web 交付的移动应用程序。 该技术允许 PWA 在您的浏览器上提供类似应用程序的体验。 由于使用了提供应用程序样式导航和手势的应用程序外壳，它感觉就像一个本机应用程序。 由于渐进式应用程序是在网络上构建的，因此它们不依赖于特定设备。 PWA 在所有设备上无缝且一致地显示，包括台式机、移动设备、平板电脑或任何后续设备。

ios-安卓

更重要的是，无论网络质量如何，服务工作者都能让 Progressive Web App 立即加载。 换句话说，这个 Web 应用程序旨在离线工作和在连接性较低的区域工作。 在预缓存的帮助下，它保持最新状态，在发布时为用户提供最新的内容。 与应用程序类似，用户可以将 PWA 保存到他们的主屏幕以随时访问它。 使其可安装，无需从应用商店下载。

PWA 与原生移动应用

本机与 pwa

虽然原生移动应用程序提供了最高质量的用户体验，但它们给用户和开发人员带来了摩擦。 PWA 和原生应用程序之间的最大区别之一是“应用程序商店中间人”的存在。 对于 Progressive Web Apps，这个中间人被完全去掉了。 对于应用开发者而言，没有应用商店意味着您不再受 iOS 和 Android 规则和指南的限制。 开发人员无需经过审批流程，即可在应用程序准备就绪后立即使用。 也无需手动更新应用程序，因为修改后的应用程序版本将立即自动提供给所有人。

从最终用户的角度来看，他们无需从应用商店下载即可访问 PWA。 相反，PWA 是可链接的，这意味着任何人都可以直接从 URL 启动应用程序。 您可以在社交媒体、电子邮件、短信、在线广告上分享它，或将其链接到二维码，用户将立即沉浸在应用程序中。

通过消除所有这些摩擦，用户可以更轻松地访问应用程序。 如下图所示，在原生应用下载过程的每一步，都会有 20% 的用户流失。 消费者发现必须在应用商店中找到应用，等待下载，并担心在开始使用应用之前会耗尽所有存储空间，这很乏味。 因为 PWA 大大减少了他们需要采取的步骤（基本上使它成为一个一步的过程），所以人们实际使用该应用程序的机会要高得多。 事实上，我们使用的网站数量是移动应用程序的 4 倍，因此基于 Web 的应用程序拥有更大的潜在用户群。

pwa 流

应用程序开发人员的另一个主要区别是他们不必将他们的应用程序调整为 iOS 或 Android。 PWA 使用 Web 技术这一事实意味着它们可以在大多数浏览器上跨平台工作，从而将操作系统排除在外。 您可以构建一个渐进式 Web 应用程序，它在所有设备上的外观和性能都相同。 用户将在他们选择启动应用程序的任何设备上获得一致的体验。

最后，PWA 是高度可发现的。 这意味着它们很容易被搜索引擎识别，允许它们像任何其他 Web 内容一样出现在搜索结果中。 PWA 将使用传统的 SEO 处理，因此它不仅会为应用程序名称编制索引，还包括应用程序内的内容。 它不会被专门视为一个应用程序，而是一个可以“回答”某人“问题”的内容。

综上所述，现在有60 %的搜索来自移动设备，而且数字也没有变化。 _ _ _ _ _ _ _ 人们正在积极使用他们的移动设备来查找内容，因此想象一下您的 PWA 会出现在这些搜索结果中。 例如，有人可能正在寻找该地区的沙龙，因此他们使用 Google 搜索栏开始查询。 搜索结果很可能会显示 Yelp 和沙龙网站等目录。 如果您拥有一家沙龙业务，您的 PWA 可以在这些搜索中排名，从而将客户直接从搜索结果带到您的应用程序。 第一次接触是一个转化客户的机会。 类似应用程序的体验将允许客户通过为移动设备构建的 UI 安排沙龙预约。 这是一个无缝的过程，从网络搜索开始，到应用程序中完成的任务结束。

PWA 与移动网站

PWA 是原生应用程序和移动网站的混合体，但它们与响应式网站有何不同？ 与“老派”移动网站不同，PWA 速度很快。 请注意，如果加载时间超过 3 秒， 53% 的用户会放弃网站。 无论网络状态如何，PWA 都会立即加载，并提供快速响应的界面。 这消除了他们对网络的依赖，就像移动网站一样，确保为用户提供即时和可靠的体验。 PWA 还会在后台更新，因此用户无需等待新内容加载。

此外，传统的移动网站侧重于静态信息，而 PWA 能够为用户提供动态功能。 PWA 提供身临其境的全屏体验，允许客户通过移动设备下订单、参与忠诚度计划并联系企业。 它还可以通过网络推送通知重新吸引用户，类似于原生推送通知。

谁已经看到成功？

兰蔻 pwa

为了提高流量和再参与度，化妆品品牌兰蔻推出了 Progressive Web App，为客户提供快速、类似应用程序的体验。

兰蔻的移动流量在 2016 年首次超过桌面流量。尽管移动网站访问者的数量不断增加，但移动转化率仍无法与桌面转化率相提并论。 38% 的桌面购物车带来了订单，而移动网络的转化率仅为 15%。 这些数字表明，客户在尝试通过移动设备进行购买时遇到了重大障碍。

起初，兰蔻考虑将电子商务应用程序作为解决方案。 然而，他们明白，一个应用程序只对经常访问的客户有意义。 移动购物者不会每周都返回电子商务应用程序，更不用说每天了，因此他们看不到下载兰蔻应用程序的价值。 该公司希望在其所有设备上构建正确的用户体验。 据Google称，“公司需要一种快速加载、引人入胜的电子移动体验，类似于他们可以通过原生应用程序实现的体验——但每个人也可以通过移动网络发现和访问这种体验”。 输入渐进式 Web 应用程序。

结果令人震惊：

  • 页面交互之前的时间减少了 84%
  • 转化次数增加 17%
  • iOS 上的移动会话增加 53%
  • 推送通知打开率 18%
  • 8% 的消费者点击推送通知进行购买

总而言之，PWA 取得了巨大的成功，帮助这家美容巨头在移动革命中取得了长足的进步。

未来会是什么样子？

虽然原生移动应用程序绝不会消失，但 PWA 可以为希望为其客户构建引人注目且易于采用的移动体验的企业提供理想的解决方案。 PWA 提供了两全其美的优势，具有 Web 的所有可共享性和本机应用程序的所有功能。 Bizness Apps 自 2011 年以来一直致力于 Web 应用程序，我们对这项新技术感到兴奋。 它最终使我们能够将本机功能实现到我们的 Web 应用程序中。 我们将成为应用程序未来的一部分，移动应用程序和移动网站将合二为一。