跳到主要内容

Adaptive Web Design作者分享了他的辅助功能

亚伦古斯塔夫森,Web标准和可访问性倡导者以及Adaptive Web Design的作者将在会上发表主题演讲生成伦敦9月22日关于自适应接口。这将包括对经过实战检验的工具的介绍,用于规划,讨论,构建和测试自适应接口。

“Hiya,”一个声音说,Skype开始醒来并热身。图像清晰透露出Aaron Gustafson - 胡须,微笑着躺在椅子上。他通过在这里和现在解释他开始讲述他的故事。

他说:“我最有名的可能就是提升渐进性能力。” “自2004年以来,我一直在赞美它,这项工作在移动和移动世界中变得更加重要响应式网页设计......所有这些设备具有不同的配置,功能以及 - 在某些情况下 - 负债。除此之外,我很喜欢参与其中打开设备实验室“。

相当谦虚,古斯塔夫森掩盖了他的成就。他经常在微软的网络电路,网络标准和可访问性倡导者上发表演讲,负责网络开发咨询公司Easy Designs,带头的Web Standards Sherpa,并撰写了一本名为自适应网页设计

At Generate London, Aaron Gustafson will demonstrate how adaptive interfaces smartly morph to meet their users’ needs

在Generate London,Aaron Gustafson将演示自适应界面如何巧妙地变形以满足用户的需求

后期网页设计启动器

然而,古斯塔夫森承认他对计算机的热爱是一个缓慢的燃烧。 “我在高中时并不是一个神童。我有朋友有电子邮件帐户,但对我来说似乎总是太讨厌。我没有参加任何计算机科学课程,”他回忆道。

“我在1995年第一次上网。我是一个狂热的音乐迷,我去的第一个网站是Sony.com。我所看到的只是这个带有白色字的黑色屏幕,在不同的位置用方括号表示'图像'。我想:这个网络的东西是胡说八道!“

值得庆幸的是,一个侏罗纪时代的马赛克浏览器骑着救援,Gustafson终于“看到了网络”。 “有很多桌子布局,大理石背景,黄金刻字和巨大的Times New Roman文字,”他笑着说。

学习使用书籍和软盘进行编码

Gustafson remembers the early days of web design

Gustafson记得网页设计的早期阶段

“我在1996年开始做网络工作。我在大学时是一名有抱负的记者和杂志出版商,我正在经营音乐和娱乐杂志,并从朋友那里学习如何制作网页。我想了解更多,所以使用Andrew Shafran撰写的一本名为Creating and Enhancing Netscape Web Pages的书自学。

“现在回想起来很有趣......这都是手工编码。我还在3.5英寸软盘上有一份Photoshop 3。这就是我进入网页设计的方式。”

1999年,古斯塔夫森获得了他的第一份付费网络工作 - 为布雷登顿先驱报报道工作。 “那时候,”他笑着说,“我是内容管理系统。在我们拥有CMSes和XML是'未来'之前,这已经过时了。

“我在晚上11点进入先驱报,一直工作到早上七点,我选择在网站上发布的故事。我将这些故事从Quark中拉出来,放入Dreamweaver并使用Fetch来把它们拿出我们的服务器。“

"Work hard, stay humble" is the designer's mantra

“努力工作,保持谦虚”是设计师的口头禅

经过几年的自由职业和一些全职工作,Gustafson最终为一家名为Cronin&Co。的广告公司工作。“我成为他们的主要网络人物 - 我是设计团队和网络人员之间的中间人。

“我自学了PHP和MySQL,并且对前端开发有很多了解...... HTML,JavaScript和CSS。从打印背景来看,我能够缩小差距并确保设计人员不设计任何开发人员无法做到,反之亦然。“

参与Web标准项目

除了渐进式增强 - 我们可以肯定地说他已经创造了自己的领域--Gustafson也是网络社区的重要成员。

他是Web标准项目(WaSP)的管理者之一,这是一个成立于1988年的草根组织。当时,Netscape和Microsoft将浏览器市场分开,并制作了不兼容的平台。

随着设计师和开发人员在两个方面展开斗争,网络变得支离破碎,WaSP--一群来自世界各地的志愿者和梦想家 - 开始着手治愈它。他们提倡开源,一致性,可访问性和可移植性。我们有很多要感谢他们。

A screen print of Erin Crocombe's design for Gustafson's Adaptive Web Design poster contest

Erin Crocombe为Gustafson的自适应网页设计海报比赛设计的丝网印刷

那么,什么吸引了古斯塔夫森到网络标准教会?早在21世纪初,Gustafson在A List Apart上阅读了Eric Meyer撰写的题为“CSS Design:Going to Print”的文章。 Meyer详细介绍了如何创建和设计打印样式表,这些样式表可以格式化Web内容以进行屏幕外阅读和打印。

“那时候,我已经成为桌面布局的主人。这就是我们构建内容的方式,但它总是让人觉得奇怪。所以我读了Eric的文章并想到:这个CSS的内容还有很多。我开始阅读我能做的一切,我立刻明白网络标准是前进的方向。

“我看到我们构建的网络是多么脆弱......如果你的代码出错并且出了问题,那么整个事情就会崩溃。

他回忆起他在Gartner的自由时间,每个浏览器都有单独的样式表,团队使用JavaScript来决定要服务的工作表。 “我记得我们正在编写和编辑的所有令人发指的JavaScript。它太痛苦了。然后,我的头脑中出现了一个灯泡 - 我想,'这个网络标准的东西很有意义!'如果我们能够建立标准,它就会为我们建立更好的经验奠定坚实的基础。“

从那里,他自己承认,Gustafson就像一块海绵,吸收任何关于网络标准的东西。关于这个主题的写作之后是关于它的,并且在2006年Gustafson自己加入了WaSP。

他早年就开始研究“一些非常酷的东西”,包括与Internet Explorer团队合作改进JavaScript解释器并采用W3C的事件模型。

Another winner from the poster contest, by Guus van Zeeland. "The lines are proposed fold marks to 'adapt' the poster," Gustafson explains

Guus van Zeeland的海报竞赛的另一位获胜者。 Gustafson解释说:“这些线条被提出折叠标记以'适应'海报。”

很快Gustafson被邀请成为WaSP的经理。 “在Glenda Sims,Derek Featherstone和我接手之后,我们与微软合作了一些改进Internet Explorer,推出了Web Standards Sherpa并开始了我们的小企业拓展活动......但最终我们决定是时候关闭WaSP了。 “

他说,在某种程度上,这项任务也已结束。 “网络标准之争 - 试图在浏览器之间实现可互操作的标准 - 在那时获胜。目前还有很多工作要做,但我们处于比10年或15年前更好的地方。”

可能会赢得标准战,但古斯塔夫森看起来并不像是一个准备关掉他的Mac并去钓鱼的人。相反,他解释说,网络的明显福祉仍然存在很多风险。

“应用心态是一种威胁。这种创造围墙花园的想法是'网络',而不是网络本身。他们使用网络技术并依赖于HTTP的基础,但他们提供的资源不是可以从网络上找到。这让我感到害怕。拥有关于你可以在哪里找到内容的指标是网络力量的重要组成部分。“

在泡沫里面

The second edition of Gustafson's book Adaptive Web Design

Gustafson的第二版自适应网页设计

Gustafson的另一大担忧是平等获取。 “我们这些建立网站的人技术精湛,往往有更多的收入可用,所以我们有更昂贵的设备,如iPhone和高端的机器人。这使我们对'移动网'是什么有一个非常短视的观点,以及移动设备上需要的Web访问权限。“

为了强调他的观点,他解释说他正在咨询一家开始销售廉价平板电脑的商店。 “我向网络团队询问他们是否正在测试他们销售的设备。手机上有惊人的沉默。我们被高端设备所包围,并深入了解这是移动网络。我们错过了低端使用Android的终端设备,糟糕的处理器和糟糕的屏幕。“

这将我们带到古斯塔夫森的主要狩猎场:自适应设计。 Gustafson说:“渐进式增强是我所做的一切的基础。” “整个想法是你创建网站,内容,网页,无论它是什么,而不对用户施加任何技术限制。

“通过渐进式增强,您可以专注于页面的内容和关键任务,并从中构建体验,分层使用不同的技术。体验更像是基本的连续体,可能只是带链接的文本,直到一个完全互动的。“

Gustafson has written and contributed to a number of web design books

Gustafson撰写并撰写了许多网页设计书籍

Gustafson的理念围绕着为不同的人 - 或者更准确地说,不同的设备 - 提供不同的体验。 “只要这些体验是积极的,只要他们能够完成他们设定的任务,人们就可以认识到人们可以拥有不同的界面体验,”他说。

“我的书名为自适应网页设计,之所以出现,是因为'渐进式增强'对它有一种非常无效的声音。我们喜欢可以适应用户的网络体验。” Gustafson很少知道,Ethan Marcotte的“响应式网页设计”一书的书籍版本将在大约同一时间推出,引发了一系列“适应性和响应式”的讨论。

“最终这两种方法非常一致,”古斯塔夫森说。 “根据Ethan的说法,响应式设计有三个方面:媒体查询,流体网格和灵活的图像。这三件事绝对应该是页面渐进增强的一部分。

“那就是说,你可以建立一个桌面优先的响应式网站,从最大的尺寸到最小的工作。最低的公分母设备没有媒体查询支持...所以,如果你要翻转它的另一种方式从移动优先的角度练习响应式网页设计,与渐进增强完美对齐。对我来说,响应是一种技术,属于渐进式增强的保护。“

古斯塔夫森正在努力指出,逐步增强的建筑并不一定意味着网站的成本更高。 “当你进入逐步增强的思维模式时,它增加的很少。你开始意识到浏览器是如何工作的.HTML和CSS的基本功能是容错......系统可以处理问题而不会给用户带来错误。 “

他指出,在HTML和CSS中,浏览器会忽略他们不理解的内容。认识到这是编写HTML5的关键,使得甚至不了解HTML4的浏览器仍将呈现内容。 “浏览器将公开元素中的任何文本,它只会忽略元素,”他解释道。

“因此,你在HTML和CSS中拥有出色的后备系统,使你能够为旧设备提供支持基准,同时能够为明星提供支持。”

摄影:Chloe Wright

这篇文章最初出现在网络杂志第256期(2014年8月)。

Aaron Gustafson将出现在生成伦敦9月,与其他16位优秀演讲者一起,包括安东和艾琳史蒂夫费舍尔Seb Lee-DelisleLéonieWatsonZell Liew和更多。它们涵盖了从Netflix原型设计到用户体验战略再到网络性能的各种主题。另外,请务必查看研讨会。如果你选择了联合研讨会和会议通行证,你可以节省95英镑!

您可能也喜欢这些采访:



翻译字数超限