渐进增强、优雅降级

最近在内部的邮件上经常看到以上两个关键字,就此我来谈谈自己的看法!

何为渐进增强、优雅降级

优雅降级:graceful degradation,一开始就构建站点的完整功能,然后针对浏览器测试和修复

渐进增强:progressive enhancement,一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。

在web设计中这两种概念越来越被前端及其关注的业务所讨论,这不是矛盾论!这是两种观点

无论哪种策略,重点的是否设计者是否需要用户关注内容本身。

随着HTML5/CSS3的web3.0时代到来,这种设计方式被讨论和应用的更多

优雅降级


 

优雅降级的观点普遍认为应该针对那些最高级、最完善的浏览器来设计网站应用程序,更多的关注那些通过更容易而非绕弯路解决web设计与交互的解决方案,那些不被认为是高级浏览器的"过时"产品,可能采用的是妥协的方案

  在开发过程中,这点也会被用于它是否影响了工作的流程,是否形成一个可能的任务阻塞,所谓采用最高级、最完善的浏览器不是指用上新特性而忽略一些成熟的模式,他们更趋于去追寻web标准,对比各浏览器对标准的实现程度。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE8+、Mozilla Firefox 、Chrome等)的稳定高级版本。

  在这种设计范例下,旧版的浏览器被认为仅能提供“简陋却无碍” 的用户体验。在技术层面你可能会做一些hack或者渐进式的调整来适应某个特定的浏览器。但由于他们的“过时”性,无论是开发、测试还是运营阶段,他们可能仅仅停留关注在功能的完整性而非体验的完整性,更多重心放于在高级浏览器的优化增强过程中。

简单点来讲:一些功能我们在某些浏览器上会降级体验,但是至少不会失效

渐进增强


 

“渐进增强”观点则认为应关注于内容本身。通过增强的体验去体现内容的质量

内容是网站的根本,无论它的性质是什么形态的,网站设计者必然会关注内容在网站更合理和舒适的被展现,这种策略要求对各等级的浏览器支持的均衡性,从而更加的体现内容的一致性和完整。他会建立基本内容输出,以此为拓本进行功能性的扩展,这种扩展会“照顾”到他所期望的浏览器,由于市场份额的影响,这种期望的转化诱因是渐进增强的一种体现。

  渐进增强的实质是在非常基础的内容上,做功能的体验扩充,不断的适应未来的变化,他和优雅降级并不是矛盾的,有些时候我们会发现一些网站的不同页面间会同时存在着两种策略,这对主功能的完善性显得尤为重要

简单点来讲:一些功能我们在大部分浏览器上会有体验一致性,并会随着你的浏览器升级做到与时俱进!

 

注: 部分观点来自于csdn/web前端开发

posted @ 2013-06-26 01:10  爵爷Jarvis  阅读(315)  评论(0)    收藏  举报