对一个网站设计调查报告的分析

转载 2005年01月04日 00:55:00
作者: Builder.com
Francois Briatte最近关于网站设计的调查报告引出了很多的闲言碎语。这个报告调查了10个著名的设计师设计的网站,并就设计师们如何处理25个公共的设计元素做了比较。同时他还就这些网站在那25个问题上的处理是相同或不相同的比率做了详细的分析。

我向每位设计师推荐这一有趣的调查报告。如果你没有时间的话,我将把我认为最重要的观点概括出来,并加上我自己的一些结论和解释(有些可能和Briatte的观点不同)供你们分享。

网站设计的相似点

据调查报告指出,10位网络设计师们在处理某几个布局因素时有着显著的相似性。这是在设计师们设计的网站上出现概率为80%甚至更高的那些公共元素的一份清单。

链接或返回链接都用下划线标注

已访问过的链接与常规链接一般通过改变字体颜色加以区分

在链接到主页或索引页的页面顶端都有一个可以点击的标识图标

每个页面下边的脚注是一致的

正文背景为白色

正文字体为sans-serif字体

使用恰当的符号(用实体/转义代码中活字印刷排版式的符号和撇号代替一般正文的普通符号)

导航方法不多于六个

每个页面包含一个详细的版权声明

在每个页面上标注设计者的全名

以下是在网站上出现概率低于80%的元素:

XML前件

补充报道出现在左边(但是出现在右边是最普遍的)

按钮与著名的Steal These按钮相似

可以用快捷键创建键盘快捷方式

所有这些设计者设计清单中一些公共元素时的处理方法都非常地相似,这并不令人惊奇。使用下划线的链接,在每个页面的顶端设置一个可点击的标志图,在底端标注一致的脚注,这些都是网站设计中约定成俗的惯例做法了。这些布局元素在网站访问者的印象中已经根深蒂固了,设计者们当然深深地懂得满足访问者的这些期望对创建一个有用的网站是多么的重要。

Briatte认为采用白色作为正文的背景主要是从印刷设计那儿继承来的。在某种意义上,这可能是正确的。但是我并不这么认为,我觉得设计师们是为了努力迎合访问者的期待而这么做的,因为白色背景能让访问者阅读的时候感觉熟悉和舒适。

与印刷标准不同的是,大多数设计师采用sans-serif作为正文字体。正如Briatte指出的那样,设计师们清楚地懂得:在印刷品中serif字体比较容易辨认,而sans-serif字体则更便于在屏幕上阅读。

很有趣的是,网站设计师特别注重排字上的细节,比如用波浪线,撇号或破折号等代替普通的引号,其中破折号由连字符组成。

根据经验做法,这些网站都将导航条限制在六个以内。这不稀奇,因为使用六个导航条使得网站运作得好,于是就演化成了现在的这个规则。

同样,设计师会在每个页面上标注一个详细的版权声明,这也很合情理。在当今社会,完全有这个法律上的必要。Briatte比较重视这个现象,那就是设计师们在每个页面上注上自己的全名,而不是用绰号。对我而言,如果一个设计师不在他的作品中签名那才是令人惊讶的事呢。毕竟,他们中的大多数都是靠网站设计谋生的,这样做后,每个网页都是他们的职业广告。

banner.gif banner.gif design;sz=1x1;ord=83914046?

在这些设计师当中,没人在他们的网站上使用了XML前件。这和官方的推荐正好相反,但是也承认了XML前件会在主浏览器上引发某些问题的事实。这些网站很少将横档置于左边,而放在右边的则很普遍(占70%),至于为什么这样做,我也不太清楚。Briatte认为将其置于左边妨碍阅读。但是我认为在源代码中将正文置于支撑文本(横档的内容)之上这是结构上的一种改进,再结合将横档置于左边的做法,相信这是一种风格趋势。

很多网站上的按钮图形普遍是基于Steal These的,但是被调查的这些网站都没有采用。这些专业设计师当然不会借用别人的设计,他们自然会创造出自己独特风格的按钮。

在设计者们高度一致的设计风格中,真正令人惊奇的是,他们当中只有两人为键盘设计了快捷键来导航网页。很明显,或者因为可访问性或者因为可用性的原因,这些设计师都认为不必麻烦地去设键盘的快捷键。这种情况在以后也可能会改变。

网站设计中的分歧

大多数设计师们用同样的方式处理网站设计中的一些元素,这不怎么令人惊奇。但是,调查报告并没有指出他们在其他一些方面某些有趣的不同之处。

当我发现固定布局比流动布局多得多的时候,简直是目瞪口呆。固定布局自有他们的存身之处,但是我还是期待这些多面手设计师能在流动布局上显示他们的身手。设计师们可能厌烦了在客户网站的流动布局上的严密的操作。他们更喜欢为个人网站设计相对简单的固定宽度的布局。

另一个让我惊奇的事是仅有70%的设计师采用XHTML,我原来设想是100%的设计师会采用。还有一个令我惊奇的事是60%的网站在他们的导航条上使用基于图像的滚动条而不是采用纯CSS滚动。

他们还有一个有趣的分歧是60%的设计师使用严格的文件类型,这意味着他们必须遵循那种规格的更加严格的编码标准。比较而言,将近一半的人喜欢比较松散的文件类型,比如过渡型的。

这些网站的网页上有着相同的搜索框独立的显示样式表,这也是他们之间存在的差异。如果这些强烈推荐的方法有利于网站搜索更具特征的话,我就奇怪他们为什么要做得这么普通。一半的网站没有显示样式表,这还比较容易解释,因为他们的设计使得即使在没有针对印刷品的独立的样式表的情况下也能成功地打印。

同中存异

我认为最有趣的事不是查看调查报告里的数据,而是去访问这些实际的网站。好些网站反映了当前的趋势和布局风格。事实上,有些网站就负责形成了这种趋势。尽管这些网站有着显著的相似性,他们还是有很大差异的。这毕竟不像切面包——得到的是一个复制品的集合。设计师们在约定的习俗和被验证了的技术的限制框架内,有着足够的空间来发挥他的创造力和展现其自我表达能力。


电子商务网站系统分析报告

  • 2011年12月02日 08:40
  • 157KB
  • 下载

网站设计需求分析报告

  • 2009年05月03日 20:55
  • 77KB
  • 下载

WSN 硬件实验平台综述——调研报告

WSN 硬件平台调研报告 无线传感器网络(Wireless Sensor Network,WSN)是大量的静止或缓慢移动的传感器以自组织和多跳的方式构成的无线网络,目的是协作地采集、处理和传输网络覆盖...
  • TommyZht
  • TommyZht
  • 2015年05月29日 09:38
  • 2162

软件培训调研报告

   ·                    选自以前做的软件培训调研报告的总结部分,从调研结果来看,软件产业的技术热点仍是IT软件从业人员的培训热点话题,相信调研结果对今天的软件培训开展还有很好的...
  • marksnow
  • marksnow
  • 2007年09月03日 08:42
  • 1426

我们应该怎样做需求分析?(一)需求调研

摘自 百度文库 链接:https://wenku.baidu.com/view/1e2bab73f46527d3240ce0cb.html 一、 我们应当如何做需求分析?    需求分析不是一...
  • luomao2012
  • luomao2012
  • 2017年05月04日 13:14
  • 881

业务调研方法论

1        调研工作如何组织?   很多人认为调研工作极难,水平最高的人才能做好一次调研,软件工程中也强调需求获取是最难的事情。有的人要么认为不过如此,甚至是一个普通技术支持都可以做的工作。 ...
  • lq013
  • lq013
  • 2013年07月04日 10:21
  • 3382

Android MasterKey漏洞调研报告

  • 2013年11月19日 13:13
  • 863KB
  • 下载

一份清晰详尽的设计师分工指南

设计是一个相当广义而模糊的术语。当有人说“我是一个设计师”时,你很难知道他每天做些什么。设计涵盖了多领域和多职责,从工业设计(汽车、家具)到印刷设计(杂志,其他出版物),再到科技行业(网站,手机应用)...
  • dlfeicui
  • dlfeicui
  • 2018年01月20日 14:12
  • 9

微信公众平台开发之微调研

微信公众平台开发之微调研是我们日常生活都非常实用的功能。比如你想做个关于用户使用微时代的调查,只需要在微时代的后台添加一个微调研的选项,写上标题,内容,以及触发该调研的关键词,回复关键词之后就可以看到...
  • huqingbin110
  • huqingbin110
  • 2014年03月26日 09:23
  • 1653

需求分析:需求调研的七种方法

需求获取一般包括这几种方式:观察法、体验法、单据分析法、报表分析法、问卷调查法、访谈法、需求调研会法。这是需求调研的“七种武器”,它们各有优缺点,无论你想要了解的是什么需求,都需要将这些方式组合应用,...
  • yang_changchun
  • yang_changchun
  • 2016年12月21日 10:39
  • 4665
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:对一个网站设计调查报告的分析
举报原因:
原因补充:

(最多只允许输入30个字)