为什么电子商务品牌正在转向渐进式 Web 应用程序

已发表: 2022-03-02

如果您不熟悉渐进式 Web 应用程序,可能会惊讶地发现您在日常生活中已经使用过很多应用程序——很可能,您甚至都不知道。

您是否曾经在智能手机上阅读过《华盛顿邮报》的文章? 然后,您使用了渐进式 Web 应用程序。

曾经在移动设备上滚动时固定照片吗? 也是一个渐进式网络应用程序。

渐进式 Web 应用程序最好的一点是,尽管它们对最终用户具有类似应用程序的功能,但它们是 Web 浏览体验的无缝扩展。

渐进式网络应用程序的诞生源于对出色移动体验的需求,而无需先下载应用程序带来不便。 虽然它们最初用于创建类似应用程序的网络浏览体验,但渐进式网络应用程序还可以帮助企业应对电子商务中最大的挑战之一:转换移动流量。

随着流量的增长,移动转化继续滞后,零售商和品牌正在转向渐进式网络应用程序,以创造快速、可靠和引人入胜的移动体验——让世界各地的购物者感到高兴。

什么是渐进式 Web 应用程序?

渐进式 Web 应用程序不是一个原生应用程序,也不是一个响应式网站。 从本质上讲,它结合了每种技术的精华,带来了一种外观、感觉和性能都像本机应用程序的移动 Web 体验。 设计师和谷歌软件工程师 Frances Berriman 和 Alex Russell 分别打包并命名了渐进式 Web 应用程序。

从客户的角度来看,渐进式 Web 应用程序(也称为 PWA)是一种理想的 Web 体验:

  • 无需下载(和存储)应用程序,
  • 您可以轻松共享链接
  • 页面加载时间与应用程序一样快。

PWA 甚至具有与应用程序相同的一些功能,例如离线模式、主屏幕图标和推送通知。

在 PWA 上购物时,客户不会因缓慢的加载时间和烦人的结帐页面而脱轨。 结果?

Progressive Webs 应用程序的转化率远高于传统的移动网站。

渐进式 Web 应用程序对电子商务的好处

Russell 在他的第一篇关于它们的博客文章中总结了渐进式网络应用程序:

“这些应用程序不是通过商店打包和部署的,它们只是吸收了所有正确维生素的网站。”

那些维生素的结果?

提高页面速度

尽管移动页面的平均加载速度已从 22 秒下降到 15 秒,但仍然比大多数客户愿意等待的时间更长。 出乎所有人意料的是,谷歌最近的一项研究揭示了移动用户是多么不耐烦:

页面加载时间图
资料来源:与谷歌一起思考

三秒后反弹的概率增加了32%……这不是很多时间!

从好的方面来说,对于考虑切换到具有亚秒级页面加载的 PWA 的零售商来说,这是一个巨大的收入机会。

增加转化

改进的用户体验是渐进式 Web 应用程序的重要组成部分,它是提高移动转化率的关键之一。

考虑到多达 21% 的废弃购物车由于复杂的结账流程而以这种方式结束,简化表单和一键支付选项等增强功能可能会产生很大的不同。

SEO友好

电子商务网站 43% 的流量来自自然谷歌搜索。 这是蛋糕的一大块,你当然不想错过它。

由于 PWA 具有 URL,它们可以很容易地被搜索引擎索引(与本地应用程序相反,它不能)。 PWA 的快速加载时间也有助于 SEO,因为这种速度可以鼓励购物者在网站上停留更长时间,从而提高您在搜索排名中的位置。

降低开发成本

PWA 的美妙之处在于,所有设备只需要其中一个,而不是每个设备都需要原生应用程序,外加响应式站点。

渐进式网络应用程序也消除了对多个平台的开发和营销的需要。 这提供了一个独特的机会,可以通过一个平台为所有渠道提供服务,该平台由一个团队构建、维护和服务。

因此,处理一个 PWA 而不是多个应用程序和站点会缩短您通常对此类大型项目所期望的上市时间。

一般类应用

无论用户使用什么设备,PWA 都会让人感觉它是为用户的设备设计的。 这种类似于应用程序的可用性使使用渐进式 Web 应用程序成为一种令人愉快的、令人渴望的体验,客户将不断回头。

与应用程序一样,PWA 是:

  • 响应式:适合任何形状或大小的屏幕
  • 安装:及时提示到主屏幕
  • 安全:通过 HTTPS 提供服务以防止黑客攻击
  • 易于导航:外壳和内容应用程序模型将创建类似应用程序的导航和交互
  • 独立于连接:服务工作者允许 PWA 离线工作

原生应用程序与渐进式 Web 应用程序有何不同?

原生应用程序确实有其优势。 更高级的功能,例如离线访问大型图像库,在 Web 应用程序上是不可能的。

但它们也有其缺点——即,客户必须在应用商店的数百万个其他应用中找到它们,然后必须非常渴望它们才能真正下载并随着时间的推移将它们保存在手机上。

不幸的是,对于原生电子商务应用来说,注意力的竞争非常激烈。 用户通常只在三到四个应用程序之间分配他们的时间,而且他们大多归 Facebook 所有。

借助用于电子商务的渐进式 Web 应用程序,您可以获得所需的所有特性和功能,并且可以访问更大、更容易访问的网络受众。

本地应用程序失败的地方,PWA 获胜

以下是本机应用程序和 PWA 如何叠加的细分。

本机应用程序和 pwa 之间的功能细分

原生应用程序有其优势,但 PWA 提供更全面的产品。

渐进式 Web 应用案例研究

每年,出于各种原因,越来越多的零售商转向电子商务的渐进式网络应用程序。 以下是要考虑的三种不同用例:

西榆树

挑战:早期采用者

West Elm 是渐进式网络应用技术的早期采用者之一。 与大多数品牌一样,它注意到其移动流量在增加,但转化率并没有跟上。 与此同时,渐进式网络应用程序仍未得到证实,这给方程式增加了一些风险。

解决方案

West Elm 团队决定采取谨慎的 beta 式方法,其中包括大量可用性测试。 在看到全面的积极指标后,West Elm 借此机会重新构建了其平台,以便将其学习扩展到其他公司网站,如 Williams Sonoma 和 Pottery Barn。

结果

  • 在网站上花费的平均时间增加 15%
  • 每次访问收入增加 9%

兰蔻

挑战:流量与转化

美容品牌兰蔻的移动流量超过了桌面流量,但转化率并没有跟上。 兰蔻知道其客户在尝试在移动设备上结账时遇到了重大障碍,但该公司不知道如何自行构建快速且引人入胜的移动体验。

解决方案

兰蔻考虑过一款应用程序,但意识到与每周或每天访问应用程序相比,它对其客户群来说没有意义,因为他们往往不经常访问。

为了寻求网络上任何人都可以发现的快速加载、身临其境的移动体验,兰蔻听说了渐进式网络应用程序,并与一家外部机构合作开发了一款。

结果

  • 转化次数增加 17%
  • iOS 上的移动会话增加 53%
  • 通过推送通知将回收的购物车的转化率提高 8%
  • 互动时间下降了 84%
  • 跳出率降低 15%

宠物爱

挑战:登录摩擦

巴西电子商务网站 Petlove 在客户被要求登录其帐户时发现结账时出现显着下降。 此外,Petlove 需要离线模式,以便在一个拥有大量 2G 和 3G 网络用户的地区为客户提供流畅且引人入胜的移动 Web 体验。

解决方案

Petlove 集成了 Google 的一键式注册和自动登录功能,使用户可以轻松注册并保持登录状态——即使跨设备或会话过期。

结果

  • 转化率提高 2.8%
  • 在现场花费的时间增加 2.7%
  • 2x 用户可以在已登录的情况下结帐
  • PWA 比原生应用小 8 倍

这三个案例研究说明了 PWA 如何帮助公司解决用户的痛点并提高他们的转化率。

4 标志是时候进行 PWA 了

您的企业可能是时候实施 PWA 的原因有很多。 以下是四个最常见的迹象:

1. 您的企业通过移动渠道获得了重要的收入来源。

这意味着您的客户已经在使用移动设备,并且可能对移动体验应该有很高的标准。 通过提供快速、引人入胜且可靠的 PWA,随时随地与他们会面。

2. 与桌面转化率相比,您的移动转化率受到影响。

不要让您的桌面体验胜过您的移动体验。 在当今互联世界中,满足(或超越)客户对移动设备的期望比以往任何时候都更加重要。 渐进式网络应用程序是让您的移动转化率与台式机相当的最快方法。

3. 您的客户通常位于互联网或移动连接不可靠的地区。

移动时刻短暂而甜蜜——这意味着用户需要能够在他们想要的时候准确地完成任务。 由于连接不良而造成的任何中断都可能导致购物者失去购买动力,并降低他们返回完成购买的可能性。

4. 您的网站页面加载时间很慢。

还有什么比无法加载的网页更令人沮丧的吗? 研究表明,内容延迟比看恐怖电影更有压力——这不是你想要的与你的品牌相关的感觉! 相反,没有延迟可以产生积极的情绪影响。

渐进式 Web 应用程序是电子商务的未来吗?

如果您还没有,那么是时候转变为移动优先的心态了。

人们在手机上浏览并在桌面上购买的古老格言已经过时了。 移动商务不仅仅是一种昙花一现的时尚——只要客户使用智能手机,就会需要快速、可靠和高转化率的移动体验。

我们现在处于全球网络流量在移动设备上超过 50% 并且还在增长的地步。 随着年轻一代的购买力逐渐增强,零售商和品牌要想生存下去,就需要匹配他们的移动思维。

Shogun Frontend 正在帮助品牌应对挑战。

Shogun Frontend 是一种端到端的无头商务解决方案,它使用渐进式 Web 应用程序技术呈现亚秒级的店面。 作为一个平台,它使营销人员和营销人员能够通过强大的体验管理器和强大的 CMS 以可视化方式构建页面并快速更改站点范围内的内容。

立即注册演示。