[譯] PWA 會取代原生移動應用嗎？

• 原文地址：Will PWAs Replace Native Mobile Apps?
• 原文做者：Suzanne Scacca
• 譯文出自：掘金翻譯計劃
• 本文永久連接：github.com/xitu/gold-m…
• 譯者：jerryOnlyZRJ
• 校對者：shixi-li, DevMcryYu

當談到移動用戶體驗，移動網站是否是很糟糕？您已經聽到了不少關於構建專用原生應用程序的好處，但若是用戶不接受它，這可能會成爲使人難以置信的代價高昂的博弈。那麼，漸進式網絡應用程序是最佳選擇嗎？它是否最終將取代移動網頁和原生應用嗎？本文探討了這個想法。

個人一位開發人員朋友決定爲他的新公司構建一個 PWA 應用程序。當我問他爲何選擇PWA而不是原生應用時，他說：

「由於 PWA 是網頁的將來。」

我認爲這是一個頗有意思的觀點。在我跟他聊這個的時候，個人見解還跟 Aaron Gustafson 在討論 原生 APP 和 PWA 之間的鬥爭 時差很少。換句話說，我認爲 PWA 和原生 APP 真的只是一個選擇問題，而不是一個徹底比另外一個好。

既然這個想法已經被種下了，我不由注意到一羣人宣稱他們支持原生應用程序上的 PWA。不只如此，他們中的許多人甚至說 PWA 將徹底取代原生應用程序。

我想看看這樣的論點是否有一些水分。

PWA 會取代原生應用嗎？

我如今要首先回答這個問題：

「會逐漸取代，但不會所有取代。」

這是我看到它的方式：

移動網頁與幾年前相比有了明顯的改進。在設計上沒有 100％ 響應的網站是很是罕見的。話雖如此，但我並不認爲不少移動網站在設計上都是 100％ 移動優先（我最近在拋棄設計元素一文中提到了這一點），因此這可並非我在 2019 年新提出的觀點。

我認爲，要得到真正的移動優先體驗，它須要更快，並擁有原生應用程序的外殼，這正是 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 應用程序還具備在搜索引擎中排名的額外好處。您和您的客戶應該爲此高興的緣由有如下幾個：

1. 您的應用在搜索中的排名取決於您投入的 SEO 工做。若是你已經在你的網站上這樣作，這應該很容易！
2. 您沒必要擔憂一個全新的應用程序被埋沒在應用程序商店搜索中，或者因爲缺少評級而輕易被下架。
3. 因爲 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、前端、後端、區塊鏈、產品、設計、人工智能等領域，想要查看更多優質譯文請持續關注 掘金翻譯計劃、官方微博、知乎專欄。