Francois Briatte最近关于网站设计的调查报告引出了很多的闲言碎语。这个报告调查了10个著名的设计师设计的网站,并就设计师们如何处理25个公共的设计元素做了比较。同时他还就这些网站在那25个问题上的处理是相同或不相同的比率做了详细的分析。
我向每位设计师推荐这一有趣的调查报告。如果你没有时间的话,我将把我认为最重要的观点概括出来,并加上我自己的一些结论和解释(有些可能和Briatte的观点不同)供你们分享。
网站设计的相似点
据调查报告指出,10位网络设计师们在处理某几个布局因素时有着显著的相似性。这是在设计师们设计的网站上出现概率为80%甚至更高的那些公共元素的一份清单。
链接或返回链接都用下划线标注
已访问过的链接与常规链接一般通过改变字体颜色加以区分
在链接到主页或索引页的页面顶端都有一个可以点击的标识图标
每个页面下边的脚注是一致的
正文背景为白色
正文字体为sans-serif字体
使用恰当的符号(用实体/转义代码中活字印刷排版式的符号和撇号代替一般正文的普通符号)
导航方法不多于六个
每个页面包含一个详细的版权声明
在每个页面上标注设计者的全名
以下是在网站上出现概率低于80%的元素:
XML前件
补充报道出现在左边(但是出现在右边是最普遍的)
按钮与著名的Steal These按钮相似
可以用快捷键创建键盘快捷方式
所有这些设计者设计清单中一些公共元素时的处理方法都非常地相似,这并不令人惊奇。使用下划线的链接,在每个页面的顶端设置一个可点击的标志图,在底端标注一致的脚注,这些都是网站设计中约定成俗的惯例做法了。这些布局元素在网站访问者的印象中已经根深蒂固了,设计者们当然深深地懂得满足访问者的这些期望对创建一个有用的网站是多么的重要。
Briatte认为采用白色作为正文的背景主要是从印刷设计那儿继承来的。在某种意义上,这可能是正确的。但是我并不这么认为,我觉得设计师们是为了努力迎合访问者的期待而这么做的,因为白色背景能让访问者阅读的时候感觉熟悉和舒适。
与印刷标准不同的是,大多数设计师采用sans-serif作为正文字体。正如Briatte指出的那样,设计师们清楚地懂得:在印刷品中serif字体比较容易辨认,而sans-serif字体则更便于在屏幕上阅读。
很有趣的是,网站设计师特别注重排字上的细节,比如用波浪线,撇号或破折号等代替普通的引号,其中破折号由连字符组成。
根据经验做法,这些网站都将导航条限制在六个以内。这不稀奇,因为使用六个导航条使得网站运作得好,于是就演化成了现在的这个规则。
同样,设计师会在每个页面上标注一个详细的版权声明,这也很合情理。在当今社会,完全有这个法律上的必要。Briatte比较重视这个现象,那就是设计师们在每个页面上注上自己的全名,而不是用绰号。对我而言,如果一个设计师不在他的作品中签名那才是令人惊讶的事呢。毕竟,他们中的大多数都是靠网站设计谋生的,这样做后,每个网页都是他们的职业广告。
在这些设计师当中,没人在他们的网站上使用了XML前件。这和官方的推荐正好相反,但是也承认了XML前件会在主浏览器上引发某些问题的事实。这些网站很少将横档置于左边,而放在右边的则很普遍(占70%),至于为什么这样做,我也不太清楚。Briatte认为将其置于左边妨碍阅读。但是我认为在源代码中将正文置于支撑文本(横档的内容)之上这是结构上的一种改进,再结合将横档置于左边的做法,相信这是一种风格趋势。
很多网站上的按钮图形普遍是基于Steal These的,但是被调查的这些网站都没有采用。这些专业设计师当然不会借用别人的设计,他们自然会创造出自己独特风格的按钮。
在设计者们高度一致的设计风格中,真正令人惊奇的是,他们当中只有两人为键盘设计了快捷键来导航网页。很明显,或者因为可访问性或者因为可用性的原因,这些设计师都认为不必麻烦地去设键盘的快捷键。这种情况在以后也可能会改变。
网站设计中的分歧
大多数设计师们用同样的方式处理网站设计中的一些元素,这不怎么令人惊奇。但是,调查报告并没有指出他们在其他一些方面某些有趣的不同之处。
当我发现固定布局比流动布局多得多的时候,简直是目瞪口呆。固定布局自有他们的存身之处,但是我还是期待这些多面手设计师能在流动布局上显示他们的身手。设计师们可能厌烦了在客户网站的流动布局上的严密的操作。他们更喜欢为个人网站设计相对简单的固定宽度的布局。
另一个让我惊奇的事是仅有70%的设计师采用XHTML,我原来设想是100%的设计师会采用。还有一个令我惊奇的事是60%的网站在他们的导航条上使用基于图像的滚动条而不是采用纯CSS滚动。
他们还有一个有趣的分歧是60%的设计师使用严格的文件类型,这意味着他们必须遵循那种规格的更加严格的编码标准。比较而言,将近一半的人喜欢比较松散的文件类型,比如过渡型的。
这些网站的网页上有着相同的搜索框独立的显示样式表,这也是他们之间存在的差异。如果这些强烈推荐的方法有利于网站搜索更具特征的话,我就奇怪他们为什么要做得这么普通。一半的网站没有显示样式表,这还比较容易解释,因为他们的设计使得即使在没有针对印刷品的独立的样式表的情况下也能成功地打印。
同中存异
我认为最有趣的事不是查看调查报告里的数据,而是去访问这些实际的网站。好些网站反映了当前的趋势和布局风格。事实上,有些网站就负责形成了这种趋势。尽管这些网站有着显著的相似性,他们还是有很大差异的。这毕竟不像切面包——得到的是一个复制品的集合。设计师们在约定的习俗和被验证了的技术的限制框架内,有着足够的空间来发挥他的创造力和展现其自我表达能力。