|
Post by account_disabled on Jan 28, 2024 5:04:56 GMT
网络比以往任何时候都更好。您现在可以构建快速、丰富的类似应用程序的体验。正如谷歌员工 Zach Coch 所说什么是网络和什么是应用程序之间的界限比以往任何时候都更加模糊。 这是一个更好地创造这些令人难以置信的体验的绝佳机会。 但网络也有其问题。我们的移动网络体验并不完美。为什么我们总是倾向于选择下载原生应用而不是浏览其移动网站? 我们可能会遇到很多移动网络问题: 性能缓慢– 如果加载时间超过 3 秒,普通用户可能会离开您的网站。移动网站的平均加载时间约为 19 秒。这是一个巨大的差距。 无响应的体验– 您是否注意到在移动网站上滚动时,滚动有多滞后? 令人沮丧的用户体验——有时您可能会错误地点击页面。您必须等待整个页面加载完毕(平均 19 秒)才能返回上一页。 Learn to Code with JavaScript Google 早在 2015 年就提出了渐进式 Web 应用程序 (PWA),以解决其中一些问题并使网络再次变得伟大。 是什么让应用程序成为 PWA? 渐进式 Web 应用程序结合了网络和移动应用程序的优点,创造了强大的体验。我喜欢Jad Joubran 将 PWA 定义为“常见移动网络问题的持续解决方案”。它不是一种解决方案,它更像是您可以实施以创建更好的 Web 应用程序的几种最 WhatsApp 号码数据 佳实践。 那么一个网站需要具备哪些条件才能被称为渐进式Web应用程序呢? 快速– PWA 使用Service Worker和最佳性能实践快速加载并顺利执行。 渐进式– PWA 在任何地方都可以工作,无论设备是什么。它们在现代浏览器中功能强大。 独立于连接– PWA 可以离线工作并使用低端连接。即使连接很弱或不稳定,PWA 也应该减少连接变化的影响 参与性– 由于能够将其安装到主屏幕和推送通知功能,因此用户更有可能重用 PWA 而不是普通网站 创建类似应用程序的体验 PWA 的关键是创建一个使用 Web 技术构建的网站,能够提供原生应用程序体验。为了让 PWA 取得成功,它应该满足用户的期望。 由于用户最终会从主屏幕打开 PWA,因此他们希望它能够像普通应用程序一样工作和运行。 #1 从原生应用中获取用户体验灵感 设计师和开发人员的一个常见错误是创建过于“类似网页”的设计,例如双导航栏、页脚和静态组件。但为了符合用户的心理模型,我们需要使用更多类似应用程序的设计。例如,考虑使用大按钮而不是文本链接,或者使用固定底部栏而不是页尾页脚。 为了帮助建立这种心态,请首先浏览等网站以获取设计灵感。在 Pttrns 上,您可以找到常见的 UI/UX 模式,例如入门、添加到购物车等。提供 PWA 灵感 Learn to Code with JavaScript 另一方面,谷歌的材料设计创建了一种视觉语言,在本机应用程序中使用了良好设计的经典原则。当您创建 PWA 时,如果您提高对 Material Design 的熟悉程度以使用这些原则,将会有利于最终产品。 有大量资源和指南可以帮助您了解 Material Design。首先学习 Material 背后的原理,如运动、风格、图案等。
|
|