顶尖Web设计师Douglas Bowman访谈

顶尖Web设计师Douglas Bowman访谈_第1张图片Douglas Bowman是一个有影响力的设计师,他对Blogger、Wired News和Adaptive Path站点进行了重新设计并公开发布,这些站点的重新设计非常成功。这把他推到与标准兼容的Web设计的最前沿。在Blogger工程工作一段时间后,Douglas Bowman接受邀请加盟Google,就任视觉设计总监,这是Google专门为他新设立的一个职位。

Q:首先要问的是,您对事情的进展感到满意吗?

A:我对整个工程的结果感到非常满意。对我来讲,一个工程成功的首要标志是能否满足或超过客户的目标。通常客户满意我才会满意。既然是这样,工程目标之一就是增加注册用户数。另一个目标则是增加Blogger的日常使用量(基于已有的用户)。我不能说出具体的数量,但我知道最后的结果远远超过Google的预期。

该工程包含多个方面,所有这些方面促使了Blogger重新设计的最后成功。Adaptive Path和Stopdesign与Google一起对Blogger的主页和注册系统进行了重新设计和简化。Stopdesign与五个设计人员签订了合同,以帮助创建三十多个新的用户模板。为了增加影响,Google努力扩展Blogger的特色和能力,使之位于同行前列。用户配置文件、注释、驻留在BlogSpot的新博客主页(这是一个没有广告的博客主页)和博客搜索只是新特色的几个方面,这些特色是在重新设计的同时或前后添加的。

Q:哪些设计是团队感到最满意的?哪些又是站点访问者感到最满意的?

A:我认为这可能取决于您问的是团队中的哪一个人。我们先从Google的开发人员和工程人员开始,我认为他们最满意的是设计系统,以及页面的极易扩展性和改变性。设计非常简洁和直观。显然,它所采用的是非常简洁的HTML,布局全部由CSS控制。Google最终采用了我们为主页和注册页面提供的XHTML模板和CSS,并把它们作为重新设计整个应用程序的基础。除了Google所需的页面类型外,我们还提供了一些通用模板,用这些模板能很快构成站点新的部分。

如果您问的是产品管理人员,他们会说他们最喜欢这个简洁的设计。特别是关于新主页的交流方式很方便(也就是博客),以及用Blogger马上就可以开始创建一个新博客。

Blogger的访问者可能没有更多留意站点的设计。事实上,如果我们的工作做得好,用户可能对Blogger的外观稍微有所关注,但他们不会对设计太关注。他们能立即感受到好处,并在尽可能短的时间内找到发布自己博客的路径。

用户马上就发现,在建立自己的博客时,有更多的模板可选择。在定制博客以表达自己的声音和个性时,有非常丰富的预制品可供选择。

Q:在本章后面的内容里,我们将仔细研究有关Blogger.com圆角的代码,但这与您在站点中所用的解决方案不同。我们的方法不需要额外的div,但会牺牲一些跨浏览器方面的性能,因为IE接收的是无角样式。如果再次开发该项目,您会考虑采用这样的方案吗?或者,作为一个设计人员,您会要求设计中的每一个元素都遵守规则吗?

A:如果完全由我来选择并且我也是唯一一个与代码打交道的人,我会选择更瘦的、没有额外div的方案。我的优势在于能准确了解利益的平衡点所在,能准确知道更高级的CSS是如何工作的。更瘦、更简洁的HTML总是好的,特别是在HTML可删除的情况下更是如此,这些可删除的HTML是为了进行样式控制而特意插入的。页面模块代码不仅应该更简洁,而应该更稳定、更少依赖分类div的准确数目。

在最近几个小型工程中我采用了多种方案:只给IE一个样式基本集,而给其他CSS能力更强的浏览器则增加一些高级样式。这个方案的术语是“渐进增强(Progressive Enhancement)”,这个术语是Steven Champeon在他几年前为Webmonkey所写的文章中提出的。对某些浏览器,可以提供一个基础设计,但运作得很好;对于能力更强的浏览器,则在此设计基础上添加更多的高级设计。

这个案例中,对于整个站点设计中的圆角,其主要作用是给Blogger一个简洁友好的用户体验。大量(可能是大多数)Blogger用户仍把IE作为默认浏览器。如果我们采用渐进增强方案,这些IE用户看到的页面设计就与新的Blogger“外观”不完全一致。

对于其他工程,使所有设计细节在IE中都正确并不重要。但对于Blogger重新设计,Google的目标是为了满足更多用户,对他们的技术要求也更少——因为仍有大量用户还在使用IE浏览器,因此为简洁化HTML而对IE浏览器的美学设计做一定让步,这种方案未必是一个好的方案。

Q:重新设计给Blogger带来了哪些好处?是财政上的还是仅仅吸引了大量客户?

A:前面已提到,我对具体的数字不能确定。但我可以说,在主页和注册系统重新设计后,Blogger的注册用户数急剧增加。修改后的主页使更多用户进入注册系统。更简洁的注册系统与以前相比,拥有更少的页面。该设计全程指导用户尽可能快地、尽可能容易地创建和发布一个博客,整个过程不超过五分钟。这些变化基本保证了成功。但即使Google也不知道究竟有多成功。

Q:回过头来看,所有工作您都是以不同方式完成的吗?

A:对于我所完成的每个大的设计,我常常发现有更好的方法,并且需要在一到两周内完成重新设计。因此会加班加点对设计进行调整,使编码变得更容易。一个以前从没用过的CSS选择符突然变得有意义了,并且我知道了它的各种用法。

特别是在Blogger的CSS中,用了很多我认为是不必要的float属性。一些是专门用于修补浏览器错误的。其余是用于更合法的目的,例如用于包含其他嵌套的悬浮元素。

我也希望我能更多地涉及该工程的其他方面。Google的团队对我们提供的设计和模板进行了大量扩展。但我希望我们能帮助或监督某些扩展,以保持设计的一致性,保证设计方案的质量。但预算经常是一个限制因素,仅仅是因为预算不够而无法使Stopdesign 或Adaptive Path涉及工程每个大的阶段。

Q:Blogger重新设计给您提供了多大好处?其他大公司看到过最后完成的产品吗?它们打算走相同的道路吗?

A:Blogger重新设计是一个大工程。与Adaptive Path的合作始终是一个有趣的学习经历;与Google团队的合作产生了很好的结果,因为与他们的合作非常自然。如果Google有机会成功开展一个大的工程,将更多关注Adaptive Path和Stopdesign。由于人们确实注意到了Blogger的重新设计,这两个公司开展了几个新工程,并得到Google专业人士的帮助。

我认为Blogger的重新设计不过是基于其他设计基础之上的一个更完整的范例,它使大公司相信现在基于标准的设计是唯一出路。标准的所有优势与两个设计顾问的能力和天赋相得益彰。而更重要的是,该工程是为高端客户开发的,其产品天天被大量的人使用和回复。勿庸置疑,Blogger的重新设计已经引起了大量关注,并将引起更多的关注。它是体现有效设计及其合理实现重要性的突出范例。我们希望Blogger能支持其他开发人员的案例,如果设计人员请求对已正确实施的设计进行评估,他能给出更充足的理由。

Q:Blogger三个竞争对手中有两个从现在开始已使用基于标准的设计。您认为这是Blogger采用标准的主要驱动力还是开发站点的必然趋势?

A:我认为Google没有必要这样想:“噢,我们的竞争对手都采用基于标准的设计,我们也要紧跟趋势而采用相同的设计思想”。Google在邀请我们时已有几个简单目标,可能只是没有想出如何实现这些目标而已。Google知道我们能帮助他们解决问题并极大地改进用户体验。Google和Adaptive Path也知道StopDesign在实现它的设计时不乏智慧,因此我认为基于标准的解决方案是默认的方案。

有时,客户能隐约意识到标准的好处。但是一旦他们开始用一个基于标准的解决方案来建立自己的站点时,他们才能真正了解并为之激动不已。现在这种好处还仅停留在字面上,一旦自己实践了才能真正体会到。

无论用什么CMS(Content Management Systems,内容管理系统)或脚本语言输出代码,越简洁越瘦的HTML总是更好的。这不仅使工作更容易、更快速,而且常常是立即就可进行解析,不需要剖析多重表、列和单元。一旦实现了基本设计且相当稳定后,Google的工程人员和开发人员就可继续在已有代码基础上做一些改变,同时我们驻留CSS文件并继续对设计做一些小的改变。这种两边同时迭代的方法被证明是一种方便的方法。

 

《CSS Web设计高级教程(第2版)》试读电子书免费提供,有需要的留下邮箱。

你可能感兴趣的:(Web,Web,Web,css,css,浏览器,css,Google,Google,设计师)