通过 PWA 我们让新用户转化率提升了 104%

微交互 · 公众号 · 设计 · 2017-04-27 09:49

正文

请到「今天看啥」查看全文

很多网站在加载页面时都会遇 loading 等待的问题，这段时间里其实服务器在紧张的传输数据给客户端，再由客户端将结构渲染出来、内容填充进去。可惜用户并没有耐心等待，大家极有可能在这短短几秒内就关闭页面走掉了。

通过 App Shell 快速加载，可以减少用户界面中的白屏感受，让用户知道数据正在填充回页面。

无需下载，随时唤起

PWA 让 Web 应用能够像原生应用一样添加到主屏，无需通过应用商店下载，减少了用户安装原生 App 的成本。

用户可以通过 Chrome 等浏览器的侧边栏添加（下图左）或者通过 Chrome 弹出的 Add to Home Screen Banner 选择同意添加（右图）。可将 PWA 自带的 icon 生成一个桌面 App 图标，方便用户随时唤起。

友好的启动页

在无线页面中，所有的元素都是实时渲染的。所以 PWA 增加了类似 Splash screen的等待画面，显示品牌logo和品牌名，以便在这个等待时间内，预加载第一个页面所需的资源，缓和用户的等待时间。

沉浸式的的全屏体验 Web App Manifest

用户点击被保存在桌面的 PWA icon ，进入全屏的 PWA 界面。没有了浏览器头部，Progressive Web App 和 Navtive App 几乎没有界面上的差别。用户在浏览和使用页面的过程中，完全感知不到卡顿，所有的动效和反馈都是接近原生体验的，这对于像欧美这些应用下载意愿较低的用户而言无疑是更进一步提升了在手机端的使用体验。