转换为 PWA 后，我们的网站是否可以移动访问？

Question

我们正在开发一个婚礼网站，最初，我们的目标是覆盖桌面客户端。该站点在几个视图中具有复杂的操作，下面提供了一个示例，其中正在编辑卡片顶部的文本。

考虑到上下文，我有一个问题：如果我们将其创建为 PWA，是否可以使其可用于具有完整功能的移动客户端？

如果有人对 PWA 有很好的体验，我想听听专家意见。拜托，我不是在问如何将它转换为 PWA，因为我们可以自己弄清楚，而是让它以一种好的方式供移动用户使用。

卡片编辑视图

Answer 1

您首先为桌面设计，然后期望降级为移动设备，这通常是一个坏主意。与桌面相比，移动设备上的用户体验会更差，对于博客等许多网站来说，这是可以接受的折衷方案。

您不能为桌面设计软件应用程序，然后期望它能够很好地降级到移动设备。它不是博客，只是重新组织元素的位置会产生糟糕的用户体验。

优雅降级

这种方法的出发点是，网站应该首先为桌面用户设计，然后剥离小型设备的功能。通常，网站会根据屏幕的大小以不同的方式隐藏、替换或堆叠元素。内容以桌面布局作为首选设计开始，然后随着屏幕变小而更改。

这种设计退化会导致在较小设备上的用户体验不佳。虽然保留了功能，但仍然保留了桌面的影响，并且单手交互的体验不太有效，因为一切都是从鼠标的角度考虑的。

如果您习惯于为博客、电子商务或其他内容设计网站，那么足够好只需重新排序和调整大小，那么这似乎是其他一切的好方法，但事实并非如此。软件应用程序不是博客，移动应用程序的设计目的也不是像博客一样。

渐进式增强

这种方法始于移动设计是最难的想法，应该首先完成。一旦完善了移动体验，就可以进行大型设备的设计。设计上的妥协有利于移动用户，因此对桌面设计有一点影响。

PWA 优雅地降低了从移动端到桌面端的体验，这就是移动端影响桌面端的原因。