面向未来的全方位Web设计:渐进增强

原文:Understanding Progressive Enhancement
作者:Aaron Gustafson
翻译:http://lifesinger.org/

从1994年开始,Web开发社区就敲响了 优雅降级(Graceful Degradation) 的鼓声。这个概念来自工程世界,其核心理念是给最新最强大的浏览器全套餐式的体验,而给那些不幸还在使用Netscape 4的可怜人们只留些残羹冷炙般的基本功能。毫无疑问,这发挥了作用。但是它并不很符合Tim Berners-Lee(译注:万维网之父)关于普遍可访问性网络(Universally Accessible Web)的原始愿景。

大约10年后,一些聪明的家伙开始质疑优雅降级,发现它在很多层面上有不足之处。他们将精力集中在内容可用性(Content Availability)、总体可访问性(Overall Accessibility)和移动设备浏览器的能力上,寻找到了一条Web开发的新途径——此方法将内容作为关注焦点,而不只是对旧设备的支持嘴上说说却没有实际行动。

在2003年的 SXSW 会议(译注:一个关于电影、音乐和交互的会议)中,Steve Champeon和Nick Finck做了一个名为 “面向未来的全方位Web设计” 的演讲。这样,他们揭示了这种Web开发新方法的蓝图。Steve还给它取了个名称:渐进增强(Progressive Enhancement)。

这里有个(微妙的)差别

如果你挠着头想弄清楚优雅降级和渐进增强的区别,我告诉你,这是一个关于视角的问题。优雅降级和渐进增强都考虑一个网页在各种设备的各种浏览器上如何良好运转。两者区别的关键在于它们各自关注的焦点,以及这种关注对工作流程的影响。

优雅降级的视角

优雅降级关注于在最先进/最全能的浏览器上构建网站。在被认为“老的”或能力不足的浏览器中的测试,经常要等到开发周期的最后一个环节才进行,并且通常限制在主流浏览器(如IE、Mozzila等)的前一个发布版本中。

在这种模式下,老的浏览器只可能提供差强人意(poor, but passable)的体验。或许会做些小补丁来适应某个特定浏览器,但这些浏览器毕竟不是关注的焦点,除了修正重大的错误,也不会再费多大的神了。

渐进增强的视角

渐进增强关注于内容。请注意区别:我甚至都没提及浏览器。

内容是我们最初创建网站的原因。有些网站传播内容,有些收集内容,有些请求内容,有些操作内容,有些网站以上所有功能都有,然而它们都需要内容。这就是渐进增加成为一种更适合的模式的关键所在。这也是Yahoo!迅速采纳这种模式并用它创建了 分级浏览器支持(Graded Browser Support)策略的原因。

时间: 2024-10-26 00:00:53

面向未来的全方位Web设计:渐进增强的相关文章

《渐进增强——跨平台用户体验设计》一第1章 为体验而设计1.1 优秀的代码,麻烦的设备

第1章 为体验而设计 渐进增强--跨平台用户体验设计"总有些人干过这种事,在网页顶部或底部搞一个小黄条,写上'请使用XX浏览器(如IE6)访问本网站以获得最佳访问效果'.要我说,这种人到底是多么想回到过去啊,回到Web诞生之前吗?那样你就不可能在别的电脑.别的文字处理器,或者别的网络来访问你这个不想让别人看的网站啦!" --Tim Berners Lee 互联网中,唯一不变的就是变化.四下观望,永远都有新的设计风格,新的语言.框架.工具.新的上网设备在博人眼球.乱花渐欲迷人眼,城头变幻

《渐进增强——跨平台用户体验设计》一1.8 分层次设计

1.8 分层次设计 渐进增强是一种设计的思考方式,关于这种思考方式,我经常拿M&M豆来打比方(图1-5).我特别喜欢吃M&M豆,所以我们想一下,是不是所有的M&M豆最里面都有一颗花生啊?M&M豆为什么要在最里面包含一颗花生,而不是别的什么东西呢?我猜,因为花生是一种普遍都能接受的食品,除了少数过敏者,很少有人不喜欢吃花生.所以,花生是M&M豆的核心,正如一个网页的内容是网页的核心.广告啊.导航啊,这些都是次要的,大家来到你的网页是来看内容的,别的都不重要. 发明M&

面向未来Web设计:内容与外层分离 渐进增强

中介交易 SEO诊断 淘宝客 云主机 技术大厅 现在终端设备种类繁多对WEB设计提出更多要求 是时候考虑针对未来,设计出体验友好的Web了.现在终端设备种类繁多,如台式机.笔记本.上网本.平板电脑.多功能手机.智能手机等等,而这仅仅是一个开始.技术更新换代的速度在加快,我们的工作流程.标准及基础设施正在触及它们所能承受的极限.这个相互联通的时代不断创造着新的挑战,同时也酝酿着巨大的机会. 谁也无法预知,在未来将会发生什么.如果有人说可以创造出永不过时的事物,这又将是多么愚蠢的事啊.虽然我们无法提

《渐进增强——跨平台用户体验设计》一1.7 提升Web的可访问性

1.7 提升Web的可访问性 Tim关于Web的看法是:任何Web页面,我们都可以把它看成一个文档.同样内容的文档,我们只需要保留一份就够了.不论用户通过何种浏览器或设备访问,内容是唯一的,不同的只是呈现形式.这样做的好处显而易见--Web世界是由"超媒体"[17]联系起来的庞大网络,我在一个页面中添加了一个超链接,却不能预料到用户是通过什么设备访问并点击的这个链接.如果文档是唯一的,那么入口链接也一定是唯一的.我只需要添加一个链接,用户无论从任何设备点击它,都能获得最佳的访问体验.

《渐进增强——跨平台用户体验设计》一1.6 适应未知的设备

1.6 适应未知的设备 然而,还是有人认为,设计思想这东西看不见摸不着,扯那些没用的是在浪费时间.在Web设计师Tim Kadlec的博文"我们的设计并没有真正理解Web"的后面,有个读者的留言是这么说的[15]: "说得好听,但是不接地气.你得算一下捕捉用户的成本.如果一些用户根本不是你的目标用户,不能为你带来任何收益,那么,干嘛为他们进行优化?根据这种设计思想,本质上你是要为所有用户的体验负责,无形中会大量增加开发成本.但是,恕我打个比方--我们都知道成衣的尺码分大中小号

《渐进增强——跨平台用户体验设计》一1.9 渐进增强的设计思想

1.9 渐进增强的设计思想 渐进增强是一种设计思想.运用这种设计思想进行设计实践,会让每个设计师和开发者节省大量的时间和成本.这种设计思想帮助你了解你所面对的真实用户和设备环境,让他们获得最适合的用户体验,从而体现出Web与生俱来的适应性. 渐进增强是一种无间断,连续的设计思想,不是为了某些设备而特殊优化,而是面向不同类型的设备,累加地提供用户体验的提升.在接下来的章节中,你会学习到如何把这种思想应用到Web设计的实践当中. [1] 作者的分析代码详见https://perma.cc/4EAE-

《渐进增强——跨平台用户体验设计》一1.5 向后兼容,向前适应

1.5 向后兼容,向前适应 中学时代,我经常用MS-DOS系统上的Word文字编辑软件写作业.这是个特别专业的软件,因为打开它就只能写字,别的什么都干不了[11].那时的Word软件没有太多的编辑选项,却也能满足大部分的需要,对于我来说,足够用了. 然而,当时我写的作业,用现在的Word软件已经打不开了.二十多年过去,这个软件已经不再支持MS-DOS版本的DOC文件. 有人说,都20多年过去了,你还惦记那些中学写的作业啊--我不是这个意思.我相信除了我之外,很多人都用过MS-DOS下的Word软

渐进增强的 Web 体验(Progressive Web AMP)

本文讲的是渐进增强的 Web 体验(Progressive Web AMP), 如果你最近几个月一直关注着 Web 开发社区,可能你对渐进增强的 Web 应用(Progressive Web App 简称 PWA)已有所了解.它是应用体验能与原生应用媲美的 Web 应用的统称:不依赖网络连接,易安装,支持视网膜屏幕,支持无边距图像,支持登录和个性化,快速且流畅的应用体验,支持推送通并且有一个好看的界面. 一些 Google 的渐进式 Web 应用示例. 虽然新的 Service Worker A

《渐进增强——跨平台用户体验设计》一1.3 技术实现和用户体验

1.3 技术实现和用户体验 早期的Web技术更新得非常快.比方说,HTML的标准还未统一,微软和Netscape两家公司争相往HTML里面添加新的元素和行为,以证明自家技术比对方更厉害.后来又有了Java applets[6].RealMedia.Shockwave.Flash和其他的私有技术,我们的网页变得很复杂,同时用户需要安装很多插件来支持这些技术. 各家标准和技术的不统一导致了"优雅降级"概念的诞生.所谓优雅降级,指的是在用户的浏览器不能完全支持某项功能的时候,为用户提供一个在