分享
 
 
 

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

王朝网站推广·作者佚名  2011-12-03
窄屏简体版  字體: |||超大  

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%的设计师使用严格的文件类型,这意味着他们必须遵循那种规格的更加严格的编码标准。比较而言,将近一半的人喜欢比较松散的文件类型,比如过渡型的。

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

同中存异

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有