网页设计行业总是在变化,部分原因是网络浏览器和设备总是在变化。由于我们作为网页设计师和开发人员所做的工作是通过某种形式的网络浏览器来查看的,因此我们的工作将始终与该软件保持共生关系。
对Web浏览器的更改
网站设计人员和开发人员一直要处理的挑战之一不仅是对Web浏览器的更改,还包括用于访问其网站的各种Web浏览器的范围。如果网站的所有访问者都确定使用最新最好的软件会很棒,但事实并非如此(而且可能永远不会如此)。
您网站的部分访问者将使用非常陈旧且缺少更多现代浏览器功能的浏览器来查看网页。例如,旧版本的Microsoft Internet Explorer浏览器长期以来一直是许多网络专业人士的荆棘。尽管该公司已经放弃了对一些最老的浏览器的支持,但仍然有人会使用它们 - 你可能想与之做生意并与之沟通的人。
'优雅退化'的定义
现实情况是,使用这些过时的网络浏览器的人通常甚至不知道他们的软件已经过时,或者他们的网络浏览体验因软件选择而受到损害。对他们来说,那个过时的浏览器就是他们长期以来用来访问网站的东西。从Web开发人员的角度来看,我们希望确保我们仍然可以为这些客户提供可用的体验,同时还可以创建在当今可用的更现代,功能丰富的浏览器和设备中运行良好的网站。
“优雅降级”是针对各种不同浏览器(新旧浏览器)处理网页设计的策略。
从Modern Browsers开始
为优雅降级而构建的网站设计首先考虑到现代浏览器。创建该站点是为了利用这些现代Web浏览器的功能,其中许多“自动更新”以确保人们始终使用最新版本。然而,优雅降级的网站也可以有效地用于旧版浏览器。当那些较旧的,功能较少的浏览器浏览网站时,它应该以仍然可用的方式降级,但可能具有较少的功能或不同的显示视觉效果。虽然这种提供功能较少或不那么漂亮的网站的概念可能会让你感到奇怪,但事实是人们甚至不知道他们会失踪。他们不会将他们所看到的网站与“更好的版本”进行比较,因此只要网站能够满足他们的需求并且看起来没有被破坏,无论是在功能上还是在视觉上,您都将处于良好的状态。
渐进式增强
优雅降级的概念在很多方面类似于您可能听说过的另一个网页设计概念 - 渐进式增强。优雅降级策略和渐进增强之间的主要区别在于您开始设计的地方。如果您从最低的公分母开始,然后为您的网页添加更现代的浏览器功能,那么您将使用渐进增强功能。如果您从最现代的前沿功能开始,然后缩小尺寸,那么您将使用优雅的降级。最终,无论您使用渐进增强还是优雅降级,最终网站都可能提供相同的体验。实际上,这两种方法的关键在于创建一个适用于现代浏览器的网站,同时仍然为旧版Web浏览器和继续使用它们的客户提供可用的体验。
优雅的降级并不意味着你的读者,'下载最新的浏览器'
许多现代设计师不喜欢优雅降级方法的原因之一是因为它经常变成读者下载最现代的浏览器以使页面工作的要求。这是 不 优雅的退化。如果您发现自己想要编写“下载浏览器X以使此功能正常工作”,那么您已经离开了优雅降级的领域,并转向以浏览器为中心的设计。是的,帮助网站访问者升级到更好的浏览器无疑是有价值的,但这通常需要他们很多(请记住,很多人不了解下载新浏览器的情况,而且他们这样做的要求可能只是吓唬他们走了)。如果你真的想要他们的业务,告诉他们离开你的网站下载更好的软件是不太可能的方式。除非您的网站具有需要特定浏览器版本或更高版本的关键功能,否则强制下载通常会破坏用户体验,应该避免使用。
一个好的经验法则是遵循与渐进增强相同的优雅降级规则:
- 编写符合标准的有效HTML
- 使用外部样式表进行设计和布局
- 使用外部链接的脚本进行交互
- 确保即使是没有CSS或JavaScript的低级浏览器也可以访问内容
考虑到这一过程,您可以走出去构建最先进的设计!只需确保它在功能较少的浏览器中降级,同时仍然可以工作。
你需要走多远?
许多Web开发人员提出的一个问题是,您应该支持多长时间的浏览器版本?这个问题没有切口和干涩的答案。这取决于网站本身。如果您查看网站的流量分析,您将看到正在使用哪些网站浏览器访问该网站。如果您发现使用某个旧版浏览器的人数比例很高,那么您可能希望支持该浏览器或冒失去该业务的风险。如果您查看分析并发现没有人使用较旧的浏览器版本,您可以安全地做出决定,不必担心完全支持过时的浏览器并对其进行测试。因此,对于您的网站需要支持多远的问题的真正答案是 - “无论您的分析告诉您客户使用的是多远,”
Jennifer Krynin的原创文章。由Jeremy Girard于8/9/17编辑。