渐进式 Web 应用 (PWA) 使用现代 API 构建而成并得到改进,可提供增强的功能,同时仍可通过单一代码库覆盖任何设备上的任何 Web 用户。它们将 Web 应用的广泛覆盖面与特定平台应用的丰富功能相结合,从而提升用户体验。
PWA 设计的三大支柱
为了让 PWA 的使用体验与特定平台的应用一样出色,您必须在设计时确保其功能强大、可靠且可安装。
有能力
Web 应用的功能比以往更加强大,而且这些功能还在不断增强。最近,Web 软件开始开发以前仅适用于平台专用应用的功能。例如,您现在可以使用 WebRTC、地理定位和推送通知构建超本地化视频聊天应用,然后使该应用可安装,并使用 WebGL 和 WebVR 将对话转移到虚拟现实。WebAssembly 的引入让开发者能够利用其他生态系统(例如 C、C++ 和 Rust),并将数十年来专属于特定平台的功能引入到 Web 中。Squoosh.app 是一款基于网络的图片压缩工具,是开发者充分利用 Web 新功能的一个绝佳示例。
虽然 Web 仍无法实现某些功能,但全新和即将推出的 API 不断扩展 Web 的功能,例如文件系统访问、媒体控件、应用标记和完整剪贴板支持。所有这些功能均采用以用户为中心的安全权限模型构建而成,可保障用户安全,并让用户更轻松地使用新网站。
可靠
无论网络如何,可靠的渐进式 Web 应用都能让用户感受到快速且可靠的体验。用户理应享有对互动快速响应的应用,以及可靠的体验。
速度对于吸引用户使用您的体验至关重要。事实上,当网页加载时间从 1 秒增加到 10 秒时,用户跳出概率会增加 123%。性能问题会影响整个用户体验,而不仅仅是 onload
事件。可靠的体验绝不会让用户怀疑是否已注册与应用的任何互动。滚动和动画必须流畅。用户需要认为您的应用运行良好,与此同时,您的应用也需要确实运行良好。
可靠的应用还需要在任何网络连接情况下都能使用。用户希望应用在网络连接缓慢或不稳定时,甚至在离线时也能快速加载。即使应用在向您的服务器发送请求时遇到问题,用户也希望能够访问和使用他们最近互动的内容,例如媒体轨道或票券和行程。如果无法执行请求,用户希望应用告知他们存在问题,而不是静默失败或崩溃。
可安装
使 PWA 可安装会将其从浏览器中移出,放入独立窗口中,从而改变用户对其的看法和互动方式。已安装的 PWA 可从用户的主屏幕、底部固定栏、任务栏或搁架启动。用户可以在设备上搜索这些应用,并使用应用切换器在这些应用之间跳转,从而感觉这些应用是安装设备的一部分。
安装 PWA 后,您还可以使用新功能,包括通常在浏览器中保留的键盘快捷键。PWA 还可以注册以接受来自其他应用的内容,或成为处理某些文件类型的默认应用。
从 PWA 获取结果
发布 PWA 不仅能提升用户体验,这还可以改进您的指标,并提高您从服务中获得的价值。一些突出示例包括:
- Twitter 的 PWA 使每会话网页浏览量增加了 65%,推文量增加了 75%,跳出率降低了 20%,同时应用大小缩减了 97% 以上。
- 改用 PWA 后,Nikkei 的自然流量增加了 2.3 倍,订阅量增加了 58%,日活跃用户数增加了 49%。
- Hulu 将其平台专用桌面版体验替换成了 PWA,结果回访次数增加了 27%。
如需详细了解使用 PWA 的好处,请参阅渐进式 Web 应用如何助力企业取得成功。