[译] PWA 会取代原生移动应用吗？

原文地址：Will PWAs Replace Native Mobile Apps?

原文做者：Suzanne Scacca

译文出自：掘金翻译计划

本文永久连接：github.com/xitu/gold-m…

译者：jerryOnlyZRJ

校对者：shixi-li, DevMcryYu

当谈到移动用户体验，移动网站是否是很糟糕？您已经听到了不少关于构建专用原生应用程序的好处，但若是用户不接受它，这可能会成为使人难以置信的代价高昂的博弈。那么，渐进式网络应用程序是最佳选择吗？它是否最终将取代移动网页和原生应用吗？本文探讨了这个想法。html

个人一位开发人员朋友决定为他的新公司构建一个 PWA 应用程序。当我问他为何选择PWA而不是原生应用时，他说：前端

“由于 PWA 是网页的将来。”react

我认为这是一个颇有意思的观点。在我跟他聊这个的时候，个人见解还跟 Aaron Gustafson 在讨论原生 APP 和 PWA 之间的斗争时差很少。换句话说，我认为 PWA 和原生 APP 真的只是一个选择问题，而不是一个彻底比另外一个好。android

既然这个想法已经被种下了，我不由注意到一群人宣称他们支持原生应用程序上的 PWA。不只如此，他们中的许多人甚至说 PWA 将彻底取代原生应用程序。ios

我想看看这样的论点是否有一些水分。git

PWA 会取代原生应用吗？

我如今要首先回答这个问题：github

“会逐渐取代，但不会所有取代。”web

这是我看到它的方式：后端

移动网页与几年前相比有了明显的改进。在设计上没有 100％响应的网站是很是罕见的。话虽如此，但我并不认为不少移动网站在设计上都是 100％移动优先（我最近在抛弃设计元素一文中提到了这一点），因此这可并非我在 2019 年新提出的观点。react-native

我认为，要得到真正的移动优先体验，它须要更快，并拥有原生应用程序的外壳，这正是 PWA 提供的。

虽然原生应用通常状况下能够提供更好的用户体验，但我认为没有必要花费这么多金钱和时间来构建和管理一个应用...除非您的应用程序在应用商店中位于某项类别的前 20 位。

让我打破我过去作出这个决定的逻辑。

缘由＃1：移动网页已经落伍了

comScore 在 2018 年发表的全球数字将来焦点报告明确地谈到这样一点：

comScore 的 2018 报告显示移动网页与移动应用的用户占比（图片来源：comScore）（Large preview）

话虽如此，但我不相信原生应用程序会让移动网页消失，我也不相信这一点能够抵消我今天试图提出的论点。若是此数据想要表示什么，那么只能是移动用户很是喜欢经过应用程序界面进行数字交互的体验。

Web开发人员也发现了用户的这种偏好，正如来自 JAXenter 的调查代表：

关于 PWA 的 JAXenter 开发人员调查（图片来源：JAXenter）（Large preview）

所以，虽然移动端浏览器已被证明不太受到用户的喜好，但我相信随着愈来愈多的企业经过创建 PWA 应用程序，这样的状况会持续过久。

PWA 拥有用户喜欢的原生应用程序的特色 —— 应用程序外壳，离线访问，电话功能，始终存在的导航栏等等 —— 并为用户提供了更方便的体验方式。

看看 Crabtree & Evelyn 这样的品牌：

Crabtree & Evelyn PWA 示例（图片来源：Crabtree & Evelyn)）（Large preview）

这家大型零售商有资本创建与其网站相似的原生应用程序，但它没作那样的选择。相反，PWA Web 应用程序的为移动用户提供了浏览在线商店和购买而没必要离开浏览器的便利体验。

或者，若是他们是频繁的用户，他们能够将此 PWA 添加到他们的主屏幕，并将其视为任何其余应用程序（未来会有更多）。

如今，让咱们再看一个 PWA 的例子，它再次选择不去开发一个原生应用程序。不只如此，Infobae 创造了一个战胜移动网页体验的PWA：

Infobae PWA 示例（图像来源：Infobae）（Large preview）

根据谷歌数据，Infobae PWA 有如下优点：

跳出率为 5％。移动网络是 51％。
Session 机制比移动网页上的时间长 230％。
每一个 Session 查看的页面数比移动网络多三倍。

所以，若是您担忧 PWA 不会成为移动网页的替代品，那么您能够在那里停下来，但创建 PWA 的确有明显的好处。

缘由＃2：原生应用商店逐渐饱和并已过量

原生应用在原生应用商店中存在不少竞争 —— 其中许可能是移动用户都很是熟悉的重量级产品。若是您的目的是在已经拥挤的空间中竞争，那么应用程序商店真的是最适合它的地方吗？

comScore 的覆盖率进入前五应用的报告：

ccomScore 在 2018 年达到前五的应用的数据（图片来源：comScore）（Large preview）

正如您所看到的，不管移动用户位于世界的哪一个部分，前五的应用程序每每由相同的移动应用程序主导。

您可能会想到的是，“但若是个人应用具备独特的优点呢？还不足以支配咱们的市场吗？”

我能够预见，特别是若是您的应用针对特定地区的移动用户，您就必须考虑哪一种应用类型与移动应用用户表现良好。

comScore 打破了这一点：

comScore 关于应用总分钟份额的数据（图片来源：comScore）（Large preview）

用户花费的时间大约在 70％到 80％的移动应用能够分为四类：

娱乐（如 YouTube）
社交媒体（如 Facebook）
即时通信（如 Whatsapp）
游戏（如 Fortnite）

若是您的应用程序概念不属于这些类别之一，那么将应用程序放入应用程序商店是否值得全部工做？虽然我认识到这些并非惟一能成功的应用程序，但我认为这将是一个冒险且代价昂贵的博弈，特别是若是您的客户的业务是全新的。即使如此，尽管拥有足够多的受众或客户群，但仍有不少不在应用商店中的知名产品的竞争。

West Elm 是零售商的一个很好的例子：

West Elm PWA（图片来源：West Elm）（Large preview）

若是您查看应用程序商店，您会发现 West Elm 已经开发了两个原生应用程序。一个是用于用户注册。这是有道理的，由于移动应用程序可能有助于标记和跟踪注册表项。它还有一个用于 West Elm 购物卡。若是有人常常购物，这种类型的应用程序也可能有意义。

也就是说，这些本机应用程序都不受用户欢迎（至少在评论数量方面不受欢迎）。所以，West Elm 将其主要购物界面保留在 PWA 中是一项明智而经济的举措。

缘由＃3：PWA 在搜索中的排名

在相关的说明中，PWA 应用程序还具备在搜索引擎中排名的额外好处。您和您的客户应该为此高兴的缘由有如下几个：

您的应用在搜索中的排名取决于您投入的 SEO 工做。若是你已经在你的网站上这样作，这应该很容易！
您没必要担忧一个全新的应用程序被埋没在应用程序商店搜索中，或者因为缺少评级而轻易被下架。
因为 PWA 能够存在于移动用户的浏览器中以及主屏幕上的按钮中，所以它须要具备连接。连接能够更方便地与朋友、家人或者同事共享，而不是告诉他们应用程序的名称，但愿他们能够本身在商店中找到它。

最后：若是您只须要为用户提供一个应用程序的实际连接，就能够避免一般由于应用程序商店中存在的问题而致使的衍生问题。以 micro-moments 为例。

当用户想去作这些事的时候：

研究一些有趣的东西，
去某地，
进行购买，
或作点什么...

他们不会在他们的设备上打开与数据息息相关的应用程序，而是打开他们的搜索浏览器并键入或说出他们的查询。这就是咱们做为用户最有可能去作的事情。有一个问题？须要某物？想要帮助选择一家餐馆吗？去 Google 吧。

若是您的网站或应用程序提供了这类问题的答案，您不但愿它隐藏在应用程序商店中，您也不想给他们一个提供“下载应用程序”选项的移动网站。由于这只是在给用户创造额外的负担。

经过 PWA，您能够将应用直接放置在搜索结果中，并为您的用户即时提供所需的答案。

我认为这就是为何电子商务企业特别倾向于像 HobbyCraft 这样的 PWA。

HobbyCraft PWA 示例（图片来源：HobbyCraft）（Large preview）

正如你在这里看到的，HobbyCraft 是一家零售商，在英国境外销售工艺品。在应用程序商店中放置这样的东西是没有多大意义的 —— 特别是当 PWA 入口工做得很好时。

兰蔻是另外一家电子零售商，它有意识地决定放弃原生应用，并将移动购物体验保持在 PWA 模式。

兰蔻电子商务 PWA 示例（图片来源：Lancome）（Large preview）

我将在这两个示例中指出的一个重要设计元素是位于顶部导航栏中的 Stores 图标。对于拥有实体产品的企业，没有理由让您的应用不在 Google 中进行本地搜索。

若是您正确设计了 PWA ，则能够将其显示在相关的基于位置的查询中。若是你提供一个让人想起原生应用程序的界面 —— 而且与在原生应用上同样安全（由于 PWA 须要 HTTPS）—— 你能够促使更多的移动用户在 PWA 上进行购买。

缘由＃4：原生应用难以被持久保留

对于具备钩子的应用类型，该钩子促使用户在原生应用中花费时间并花钱进一步享受体验，这很棒。当你发现完美契合时，有一个原生应用程序能够赚到不少钱。这只是让人们愿意承诺下载的问题。

可是，正如咱们最近看到的本机应用程序都很难留住用户。

您得到的初始下载量可有可无。若是移动用户未返回应用以与您的内容互动，购买订阅或升级或点击广告，则将其视为浪费的投资。不幸的是，不少人就是这种状况。

另外一方面，PWA 不是必须下载应用程序到一个设备上。哎呀，用户甚至没必要将 PWA 保存到他们的主屏幕，若是他们不想这样作的话。这是一个总体更方便的体验。

尽管如此，您可能更但愿用户将其保存以便未来即时访问，就像 The Weather Channel 这样作的：

天气频道应用建议用户将 PWA 保存到设备。（图片来源：The Weather Channel）（Large preview）

真的，它取决于你构建的应用程序的类型。

天气频道，实话说，提供的服务将会在平常被使用。用户能够经过应用程序商店安装原生应用程序查看最新的天气预报，但该应用程序可能比基于浏览器的 PWA 更快地消耗数据和电池电量。

出于这个缘由，还有其余业务类型应考虑使用 PWA。就好像 Forbes 这样的在线杂志。

用户能够将福布斯 PWA 添加到其主屏幕，就像原生应用程序同样。（图片来源：Forbes）（Large preview）

高度专业化的出版物为他们的平常读者开发 PWA 也能够有更好的效果。

一样，它为他们的手机提供了更轻量级的体验。此外，PWA 为用户提供离线访问，所以他们随时能够访问内容，不管他们身在何处或者网络状况是否有限。主屏幕入口的存在（若是他们选择将按钮放在那里），在移动网络浏览器以外提供了一个很好的小捷径。

缘由＃5：PWA 能够产生更多收入

除了应用内广告外，Apple 和 Google 从您经过原生应用进行的推广中得到了至关大的利润抽成。这包括付费下载、应用内购买或升级和订阅费用。甚至有时候，这些费用高达每次销售额的 30％。

当你但愿花钱进行设计调整，急需的开发更新和促销广告时，这是你想听到的最后一件事。换句话说，从您的原生应用程序开始流入的大部分资金直接进入应用程序商店全部者的口袋。这彷佛不太对劲，特别是若是您必须为应用商店广告付费以得到其中的搜索可见性。

PWA 不收取任何费用，这意味着它们产生的全部收入都直接发送给您（或业务全部者）。若是您有像本地报纸（例如 The Billings Gazette）这样给您带来较小的利润率的应用程序，这一点尤其出色。

Billings Gazette PWA 货币化示例（图片来源：The Billings Gazette）（Large preview）

这不是您从 PWA 比原生应用赚更多钱的惟一方式。

首先，它们比原生应用程序更容易构建。此外，在发布后管理它们须要更少的时间和资源。是的，它仍然须要更新和维护，就像网络上的任何其余内容同样，但您没必要处理应用商店中带来的障碍。

例如，您只需构建一个 PWA Web 应用程序。您无需根据不一样移动设备的说明来建立单独的应用程序。

更新也更容易，特别是若是您的 PWA 是基于 WordPress 网站。您经过 pipeline 推送更新，它会实时在 PWA 中生效。无需将更新推送到应用商店管理员并等待他们的批准。一切都是实时发生的，这意味着更快地向公众发布新功能和赚钱计划。

这对于像 Twitter 这样的 PWA 颇有用。

Twitter Lite PWA 能够实时保持最前沿（图片来源：Twitter）（Large preview）

当面对主导应用商店的众多社交媒体巨头时，可以让您的应用实时更新能够做为强大的竞争优点。这是经过渐进式 Web 形式开发应用程序所带来的额外红利。

这就是 Twitter 推出其 PWA 以后所发生的事情。

正如 Google 的 case study from Google 所示，Twitter 采起了渐进的方法来优化其 PWA。所以，他们可以在没有最终用户检测的状况下对用户体验进行大幅改进。事实上，他们对更新的惟一回应是更多地使用 PWA。

PWA 是（大部分）Web 的将来

可见性和可搜索性是原生移动应用程序的常见问题，用户保留是另外一个。它们只是不可持续的，除非你有一个想法可以创造一个确定带来钱的原生入口。手机游戏就是其中的一个例子。我认为网约应用程序是另外一个。我曾经认为社交媒体也属于这一类别，但 Twitter 证实我错了。

根据我在网上看到的内容以及我从开发人员朋友和同事那里听到的内容，我相信将来是在 PWA 中。

我认为随着开发人员意识到将中小型公司的应用程序放入 PWA Web 中有不少好处，应用程序商店将逐渐减缓热度。主要参与者将保持不变，而已经超出 PWA 范围的公司可能最终会转移。不然，大多数应用程序将以 PWA 的形式结束。

随着 PWA 的这种趋势继续增加，用户将更加习惯于在搜索中遇到它而且知道这个用户友好的界面能够直接从他们的浏览器访问。相反，他们只会去应用商店寻找属于那里的各类应用，即消息，游戏，娱乐和一些社交媒体。这将在在线搜索和应用商店搜索之间建立更清晰的划分，并进一步帮助改善在线的总体用户体验。

若是发现译文存在错误或其余须要改进的地方，欢迎到掘金翻译计划对译文进行修改并 PR，也可得到相应奖励积分。文章开头的 本文永久连接 即为本文在 GitHub 上的 MarkDown 连接。

掘金翻译计划是一个翻译优质互联网技术文章的社区，文章来源为掘金上的英文分享文章。内容覆盖 Android、iOS、前端、后端、区块链、产品、设计、人工智能等领域，想要查看更多优质译文请持续关注掘金翻译计划、官方微博、知乎专栏。