你有没有想过为什么Web应用程序像火种,星巴克或优步一样如此成功?市场上的一些最受欢迎的应用程序是逐步的Web应用程序,否则称为PWA。但是,究竟是什么pwas,为什么他们一直都是愤怒?让我们仔细看看一些应用程序以及为什么要考虑为您的日益增长的业务创造一个。

最受欢迎的PWA:进步Web应用程序的介绍

什么是pwa和 它们是如何与本机应用程序的不同?

在挑选专家Web开发人员的大脑之后,我们已经缩小了PWA的主要特征以及它们的不同之处 本机应用程序?

虽然PWA仍然是技术上的'应用程序,但关键的外卖是他们的运作 浏览器并未下载到您的设备。例如,您可以通过手机的浏览器轻松访问PWA Flipboard,而无需下载应用程序。他们的浏览器版本仍然看起来,感觉和行动类似,但不占用几乎可以获得多少存储空间。

让我们探索构成PWA的特定功能。

PWA的功能

如果您正在考虑构建Web应用程序,则PWA的功能可能会更好地满足您的目标。所以,让我们来看看。对于要被视为进步的应用,需要是:

  • 响应
  • 可访问的离线
  • 易于导航(如a 移动应用)
  • 最新
  • 安全的
  • 很容易被发现
  • 能够生产推送通知
  • 可安装
  • 易于联系

在这些功能之上,必须使用Web App Manifest,Service Worker和HTTPS构建软件。以下是这些更具技术方面的细分。

网页应用程序清单

您的Web应用程序必须包含一个文件,该文件使其在桌面上'可安装'。例如,当您键入“Spotify.com”时,系统会提示您安装桌面版本。

服务工作者

服务工作者是当您在后台运行的脚本’重新使用pwa。它缓存了信息,使其可用于离线使用。例如,星巴克建立了一个成功的PWA,允许客户检查定价,定制其订单,并在离线时向购物车添加物品。一旦在线,可以实施购买。

https.

https.为PWA提供安全和安全的托管,以帮助确保没有人可以干扰或倾听应用程序和用户之间的通信。所有PWA都需要使用HTTPS。如果要切换到HTTPS,我们建议您与顶级Web开发人员联系。

现在我们已经分解了条款和PWA是什么,让我们看一下流行的渐进式网络应用程序,是什么让他们成功。

这一十大市场上最成功的PWA

许多公司开始创建自己的PWA。但是,这些应用程序如此受欢迎?以下是一些最成功的例子,这些例子已经被风暴带走了他们的观众并超出了所有期望。

星巴克

星巴克创建了一个PWA,允许用户与他们的网站查看和互动,如本机应用程序。相比之下,它们的PWA比下载iOS应用程序小于99%。此外,那些可能无法始终访问Internet的人仍然可以轻松浏览,访问和添加项目从菜单到购物车。

在网上返回时,用户可以购买其项目。这个pwa’他的目标是提供星巴克客户,以应用类似的体验,他们可以在任何地方轻松定制他们的订单。

自引入以来,星巴克在其Web应用程序订单中显示出显着增加 - 2X实际的数量,并报告来自浏览器的订单数与本机应用程序的订单数量大致相同。

图像来源:突出

抹布

抹布的主要优点是能够在一个方便的地方访问全球的新闻故事和部分。最初推出作为本机应用程序,Flipboard开发了他们的PWA来补充该应用程序。

他们的PWA的目标是给他们的观众是一个非常易于使用的网络应用体验。一个感觉,看起来和反应的人。使用服务工作者完整,观众可以在稍后脱机时保存故事和图像以访问。 Flipboard的PWA也明显更小,加载更快。

图像来源:Flipboard

福布斯

2017年,FORBES宣布他们将释放一个幻想新的移动网络体验与PWA的所有功能。在宣布时,他们还表示,PWA将在3个阶段发布。

FORBES目标围绕着更快的加载速度,增强了用户体验,美学和访问脱机内容。 “这个新的移动网站是我们优化讲故事功能的首次重大步骤,它创造了更好,更快,更令人口舍地为Forbes Readers提供了吸引人,” 解释Salah Zalatimo,福布斯媒体的产品和技术的SVP。

新页面加载闪电快速速度-8 / 10的秒数,确切地说。至于它们的结果?自发布以来,他们的用户订婚翻了一番。

图片来源:niemanlab.org

makemytrip.

虽然三分之二的预订来自移动用户,但是Makemytrip开发了一个pwa来补充他们的成功原生应用。对于一些人来说,只需通过Web浏览器首选在线预订休假。

这使他们的PWA成为他们的营销策略的完美补充。自实施以来,他们已经看到了 3x转换量 通过他们的PWA,他们的反弹率降低了20%。他们还能够在印度 - 他们的目标受众达到24%的城市。

图像来源:makemytrip

优步

大多数超级用户的用户可以通过用户友好的移动应用程序成功预订游乐设施,但较新的用户似乎更喜欢通过Web浏览器预订。此Stat导致其PWA的创建,以帮助简化用户的交互和增加转换。

优步’在开发Web应用程序时主要集中度?运输公司当然的速度速度。切换到新框架授予他们所需的速度并增强全面的客户体验。

图像来源:优步

Pinterest.

看到Web用户只带来了1%的转换,Pinterest与目标呈指数级增长的目标。开发后,他们在Web应用程序上花了很大的增长(40%),广告收入增长(上涨44%),更大的订婚(上涨66%)。

图像来源:Pintrest

Spotify.

随着其他知名公司的套装,Spotify开发了一个PWA与他们的本机移动和桌面应用程序一起携手共进。虽然您肯定会下载桌面应用程序,但Spotify完全修改了其增强的PWA的Web浏览器体验。

通过升级功能,速度,响应性和视觉效果,用户享受更加愉快的音乐聆听体验。总体而言,PWA函数比以前要好得多。而且,根据您的个人喜好,您可能会在桌面应用程序上偏好。

图像来源:Spotify

推特 Lite.

关注浏览器更新和改进,Twitter决定创建Twitter Lite PWA。他们希望提高响应性,可访问性和速度,同时降低数据使用情况(最多 70%)。

他们专注于拥有他们的PWA开发,使用户可以在多个帐户,直接消息之间轻松导航,并具有更大的易用性。通过添加键盘快捷键,可搜索的GIF和推送通知,他们能够实现这一目标。

随着添加的“保存到主页”提示,Twitter已注意到显着增加。他们’ve reported 250,000个独特的每日用户 互动直接来自用户的主页。随着3.28亿用户,Twitter强调了PWA的下载尺寸/速度。与其传统应用程序所需的25.5MB相比,PWA运行600kb。

图像来源:XATAKANDROID

yumbly

被称为一个非常用户友好的烹饪工具,yummly有助于提供家用厨师,可食用,营养丰富,及时的食谱。虽然他们拥有自己的消费者本机应用程序下载,但是yummly.com网站的运作,感觉,并且看起来就像一个移动应用程序。

它非常友好,甚至记得你喜欢用的成分类型。你’如果您的可用性,请接收推荐的新食谱,以取悦您的味蕾,预算和时间限制。

图像来源:yumbly

t

像许多其他人一样,Tinder PWA明显小于其原生移动应用程序 (分别为2.8MB和30MB)。在专注于负载速度和性能改进之后,Cinder在PWA中看到了用户的滑动,消息,配置文件编辑和时间令人印象深刻的增加。他们还注意到购买与他们的本机应用类似。

图像来源:火种

转向 下一个项目的渐进式Web应用程序开发

数据为自己说话。严肃加强用户体验和驾驶销售的公司正在转向答案的PWA。

问题是,你准备创建自己的吗?如果您还在围栏上,请考虑以下福利:

  • 更快装载时间
  • 增强用户体验
  • 可下载的数据
  • 类似移动应用程序的使用和消费者满意度
  • 保存设备存储空间大小的大小减小

结论

凭借在地平线上更好地寻找,稳定和更安全的Web应用程序的可能性,PWA正在为所有类型的公司铺平渐进式解决方案。

然而,与任何值得开发的东西一样,在跳到一个新项目之前,需要考虑预算和项目规范很重要。

在采取符合您的想法之前,请咨询一个开发专家团队,看看PWA是否适合贵公司。如果您不知道避免常见错误,创建自己的应用程序可能是一个崎岖的骑行。

通过正确的愿景和支持,您将在任何时候都可以成功启动您的独特应用程序。

顶级图像信用:棉布; pexels.