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

Question

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

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

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

卡片编辑视图

Answer 1

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

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

优雅降级

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

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

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

渐进增强

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

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