什么是网页设计中的“优雅的退化”?

网页设计行业总是在变化,部分原因是网页浏览器和设备总是在变化。 由于我们作为网页设计师和开发人员的工作是通过某种网络浏览器查看的,因此我们的工作将始终与该软件有共生关系。

网站设计者和开发者一直面临的挑战之一不仅是网页浏览器的变化,而且还有用于访问他们网站的各种不同的网页浏览器。 如果网站的所有访问者肯定会使用最新最好的软件,那将是非常好的,但事实并非如此(可能永远不会)。 您网站的部分访问者将使用浏览器查看网页,这些浏览器非常陈旧,缺少更新式浏览器的功能。 例如,微软IE浏览器的老版本一直是许多网络专业人士的焦点。 尽管该公司已经放弃了对一些最老的浏览器的支持,但仍然有人会使用它们 - 你可能想与之开展业务并沟通的人!

现实情况是,使用这些过时的网页浏览器的人们通常甚至不知道他们已经过时了软件,或者他们的网页浏览体验可能因为他们的软件选择而受到损害。 对他们来说,那个过时的浏览器就是他们长期以来用来访问网站的东西。 从网络开发人员的角度来看,我们希望确保我们仍然可以为这些客户提供可用的体验,同时创建能够在当今更加现代化,功能丰富的浏览器和设备中出色工作的网站。 “优雅的退化”是一种处理各种不同浏览器(新旧)的网页设计的策略。

从现代浏览器开始

一个网站设计,建立优雅降级首先考虑到现代浏览器设计。 该网站是为了利用这些现代Web浏览器的功能而创建的,其中许多“自动更新”功能可确保人们始终使用最新版本。 然而,优雅地降级的网站对旧版浏览器也有效。 当那些较旧的,功能较少的浏览器查看该网站时,它应该以仍然有效的方式降级,但可能具有较少的功能或不同的显示视觉效果。 虽然这种提供功能较差或不太好看的网站的概念可能会让你觉得奇怪,但事实是人们甚至不知道他们错过了。 他们不会将他们所看到的网站与“更好的版本”进行比较,只要网站能够满足他们的需求,并且不会在功能上或视觉上损坏,您的状态就会很好。

渐进式增强

优雅退化的概念在很多方面与您可能听说过的另一种网页设计概念类似 - 渐进式增强。 优雅的退化策略与渐进式增强的主要区别在于您开始设计的地方。 如果您从最小公分母开始,然后为您的网页添加更多现代浏览器的功能,那么您正在使用渐进式增强功能。 如果您从最现代的尖端功能开始,然后缩小尺寸,则可以使用优雅的降级功能。 最终,无论您是使用渐进增强还是优雅降级,最终的网站都可能会提供相同的体验。 实际上,任何一种方法的重点都是创建一个适用于现代浏览器的网站,同时仍然为旧的Web浏览器和继续使用它们的客户提供可用的体验。

优雅的退化并不意味着告诉读者,“下载最新的浏览器"

许多现代设计师不喜欢优雅的降级方法的原因之一是因为它经常变成读者下载最现代的浏览器以供页面工作的需求。 这不是优雅的退化。 如果您发现自己希望编写“下载浏览器X以使该功能正常工作”,那么您已经离开了优雅降级的境界,并转而采用以浏览器为中心的设计。 是的,在帮助网站访问者升级到更好的浏览器方面无疑是有价值的,但这往往是很多要问的问题(请记住,许多人不明白下载新浏览器的情况,而且他们这样做的要求可能会吓倒他们走了)。 如果你真的想要他们的业务,告诉他们离开你的网站去下载更好的软件是不太可能的。 除非您的网站具有需要特定浏览器版本或更高版本的关键功能,否则强制下载通常会成为用户体验中的交易断路器,应该避免这种情况。

一个好的经验法则是遵循相同的规则,以适应渐进式增强:

  1. 编写有效的,符合标准的HTML
  2. 使用外部样式表进行设计和布局
  3. 使用外部链接的脚本进行交互
  4. 确保即使是没有CSS或JavaScript的低级浏览器也能访问内容

考虑到这一过程,您就可以走出去,构建最前沿的设计! 只要确保它在功能较差的浏览器中降级,同时仍在工作。

你需要去多远?

许多Web开发人员有一个问题,那就是浏览器版本应该支持多久? 这个问题没有切入和干涸的答案。 这取决于网站本身。 如果您查看网站的流量分析,您会看到使用哪些浏览器访问该网站。 如果您看到使用某个较旧浏览器的人群中有相当比例的人,那么您可能会希望支持该浏览器,否则可能会失去该业务。 如果你看看你的分析,看到没有人使用旧浏览器版本,那么你可能很安全,决定不用担心完全支持过时的浏览器并对其进行测试。 因此,对于您的网站需要支持多久的问题,真正的答案是 - “无论您的分析结果如何,您的客户都在使用它。”

Jennifer Krynin的原创文章。 由Jeremy Girard在8/9/17编辑。