转换为 PWA 后,我们的网站是否可以移动访问?
Will our website be mobile accessible after converting to the PWA?
我们正在开发一个婚礼网站,最初我们设定的目标是覆盖桌面客户端。该站点在几个视图中具有复杂的操作,下面提供了一个示例,其中正在编辑卡片顶部的文本。
考虑到上下文,我有一个问题:如果我们将其创建为 PWA 将使其可用于具有完整功能的移动客户端?
如果有人对PWA有很好的体验,我想听听专家的意见。请注意,我不是在问如何将它转换为 PWA,因为我们可以自己弄清楚,而是要让它以一种好的方式供移动用户使用。
卡片编辑视图
您首先针对桌面进行设计,然后期望降级为移动设备,这通常不是一个好主意。与桌面设备相比,移动设备上的用户体验会更差,对于博客等许多网站来说,这是一个可以接受的折衷方案。
您不能为桌面设计软件应用程序,然后期望它能很好地降级到移动设备。这不是博客,只是重新组织元素的位置会产生糟糕的用户体验。
优雅降级
这种方法的出发点是网站应该首先为桌面用户设计,然后去除较小设备的功能。通常,网站会根据屏幕大小以不同方式隐藏、替换或堆叠元素。其中内容以桌面布局作为首选设计,然后随着屏幕变小而更改。
这种设计退化会导致较小设备上的用户体验不佳。保留功能的同时,桌面的影响依然存在,单手交互的体验不那么有效,因为一切都是从鼠标的角度考虑的。
如果您习惯于为博客、电子商务或其他内容设计网站,如果 足够好 只需重新排序和调整大小,那么这似乎是一个不错的选择其他一切的方法,但事实并非如此。软件应用程序不是博客,移动应用程序的设计也不像博客。
渐进增强
这种方法的出发点是移动设计是最难,应该首先完成。一旦移动体验得到完善,就可以处理大型设备的设计。设计上的妥协有利于移动用户,因此对桌面设计有一点影响。
PWA 优雅地降低了从移动端到桌面端的体验,这就是移动端影响桌面端的原因。
我们正在开发一个婚礼网站,最初我们设定的目标是覆盖桌面客户端。该站点在几个视图中具有复杂的操作,下面提供了一个示例,其中正在编辑卡片顶部的文本。
考虑到上下文,我有一个问题:如果我们将其创建为 PWA 将使其可用于具有完整功能的移动客户端?
如果有人对PWA有很好的体验,我想听听专家的意见。请注意,我不是在问如何将它转换为 PWA,因为我们可以自己弄清楚,而是要让它以一种好的方式供移动用户使用。
卡片编辑视图
您首先针对桌面进行设计,然后期望降级为移动设备,这通常不是一个好主意。与桌面设备相比,移动设备上的用户体验会更差,对于博客等许多网站来说,这是一个可以接受的折衷方案。
您不能为桌面设计软件应用程序,然后期望它能很好地降级到移动设备。这不是博客,只是重新组织元素的位置会产生糟糕的用户体验。
优雅降级
这种方法的出发点是网站应该首先为桌面用户设计,然后去除较小设备的功能。通常,网站会根据屏幕大小以不同方式隐藏、替换或堆叠元素。其中内容以桌面布局作为首选设计,然后随着屏幕变小而更改。
这种设计退化会导致较小设备上的用户体验不佳。保留功能的同时,桌面的影响依然存在,单手交互的体验不那么有效,因为一切都是从鼠标的角度考虑的。
如果您习惯于为博客、电子商务或其他内容设计网站,如果 足够好 只需重新排序和调整大小,那么这似乎是一个不错的选择其他一切的方法,但事实并非如此。软件应用程序不是博客,移动应用程序的设计也不像博客。
渐进增强
这种方法的出发点是移动设计是最难,应该首先完成。一旦移动体验得到完善,就可以处理大型设备的设计。设计上的妥协有利于移动用户,因此对桌面设计有一点影响。
PWA 优雅地降低了从移动端到桌面端的体验,这就是移动端影响桌面端的原因。