漸進式 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 應用程序中。 我們將成為應用程序未來的一部分，移動應用程序和移動網站將合二為一。