科技

早幾年，不少公司考慮拓展網上業務時，往往都會選擇「做個 App啦！」然而，現在手機 App太泛濫，又要花 data下載，對用戶的吸引力已逐漸減少。 事實上，現時企業主流已回到網站上，不過傳統網站的設計一般欠缺互動性，載入時間又較長，很易就趕走不耐煩的用家。因此，今次為大家介紹一種設計網站的新標準：Progressive Web App (PWA)，目的是將手機 App的優勢帶到網站上，讓用戶享受到最好的體驗，自自然然就增加銷售和提升品牌形象。【相關文章：<a href="https://smelab.com.hk/%E6%B5%81%E5%8B%95%E7%B6%B2%E8%B3%BC%E4%B8%89%E5%A4%A7%E8%B6%95%E5%AE%A2%E4%BD%8D/" target="_blank" rel="noopener">流動網購三大趕客位，你有犯錯嗎?</a>】<h2 class="h2-widget">好處一：快速可靠</h2>載入時間超過3秒，超過一半的訪客會放棄瀏覽網站*。雖然 App將部分資訊下載到手機，但遇上網絡不穩的話，都可能出現「死網」。 PWA的設計將網站的結構與資料分離，即是說，當用戶重複打開流動版網站時，遠端只需載入資料，讓體驗更流暢。 東南亞線上市集 Carousell在改用 PWA後，網站載入速度由13秒減至4秒，網站流量也大增了6成。

20190131-carousell.png

(圖片來源：Carousell網頁截圖)<h2 class="h2-widget">好處二：慳功夫</h2>由上 App Store、至到使用手機 App的過程中，每個步驟都流失約兩成使用者**。舉例說，有1,000名用戶對你的品牌有興趣，到最後使用 App的，只剩下二百多人。 相比之下，網站只要點一下就瀏覽得到。數據公司 comScore 發現，Web App的瀏覽量比 App 高近三倍。PWA更可直接安裝到桌面，方便日後打開。

medium_20190131-table-app.jpg

small_20190131-table-app.jpg

thumbnail_20190131-table-app.jpg

20190131-table-app.jpg

(圖片來源：Flipkart網頁截圖)<h2 class="h2-widget">好處三：加強互動</h2>傳統網站資訊雖多，但缺乏與用戶間互動。PWA將手機 App的互動元素，加入到網站中，包括購物車、推播功能 (Push)等；同時也可用 URL分享網站，有助品牌推廣。 酒店搜尋網 Trivago在轉用 PWA後，酒店優惠點擊率增加近一倍，可見 PWA的便利，吸引用戶主動接觸品牌。

medium_20190131-trivago.png

small_20190131-trivago.png

thumbnail_20190131-trivago.png

20190131-trivago.png

(圖片來源：Trivago網頁截圖)*Google 全球內部資料，經匿名處理的 Analytics (分析) 匯總資料，來源為同意共用基準資料的 mWeb 網站樣本，樣本數=3,700，2016 年 3 月。 ** <a href="https://medium.com/gabor/every-step-costs-you-20-of-users-b613a804c329" target="_blank" rel="noopener">Every Step Costs You 20% of Users, by Gabor Cselle</a>【相關文章：<a href="https://smelab.com.hk/%E6%B5%81%E5%8B%95%E7%B6%B2%E8%B3%BC%E4%B8%89%E5%A4%A7%E8%B6%95%E5%AE%A2%E4%BD%8D/" target="_blank" rel="noopener">流動網購三大趕客位，你有犯錯嗎?</a>】

早幾年，不少公司考慮拓展網上業務時，往往都會選擇「做個app啦！」然而，現在手機App太泛濫，對用戶的吸引力已逐漸減少。事實上，現時企業主流已回到網頁上，不過傳統網頁的設計一般欠缺互動性，今次為大家介紹一種設計網站的新標準：Progressive Web App (PWA)。

你還在開發公司手機App? 認識網絡新寵PWA

留言