在网页设计实践过的简化概述

我们将回顾一下我们在那些个案研究中发现的一些实践和设计模式,简化这些概述,以使你更方便。

根据我们的排版研究:

行高(像素) ÷ 主体字体大小(像素) = 1.48

1.5 通常被推荐于传统印刷的书籍中,那么我们的研究也支持这个单凭经验的方法。只有很少的网站使用小于这个的,而且使用超过1.48的网站就像也在减少。

行长度(像素) ÷ 行高(像素) = 27.8

平均的行的长度是538.64 像素(不包括外边距和内边距),这是相当大的,考虑到很多网站仍然在body中使用是12至13像素大小的字体。

段落之间的空间(像素) ÷ 行高(像素) = 0.754

结果是段落空间(就是一个段落的最后一行和下一段落的第一行之间的空间) 难得的等于行间空白了(这将是完美的垂直节奏的主要特点)。更常见的是,段落间距正好是行间空白的75%。原因可能是行间空白通常都包括下行线;而因为大部分字符都没有下行线,那么多余的空白就出现在了线的下面了。

每行字符数最好是55到75

根据传统排版图书,每行文字的最佳字符数是55-75,但是事实上,每行75-85个字符更流行。

根据我们的博客设计研究:

布局通常采用固定宽度(基于像素) (92%)并且通常是居中的(94%)。固定布局的宽度大部分在951px和1000px之间(56%)。

首页显示10到20篇日志的摘要(62%);

一个网站的整体布局的58%用来显示主内容。

根据我们的网站表单设计研究:

注册链接写为“sign up” (40%)并被放置在页面的右上角;

注册表单有简单的布局,以避免分散用户的注意力(61%);

输入字段的标题加粗(62%),字段垂直放置的要明显多于水平放置的(86%)。

设计师趋向于采用一些强制性字段和可选字段;

未提供Email验证(82%),但是需要密码验证(72%);

“Submit”按钮即有居左的(56%)也有居右的(26%)。

根据我们的作品集网站研究:

89%的布局水平居中,而且他们中的大部分使用巨大的水平导航菜单。

47.2%的作品集网站有一个客户页面,67.2%有一些独立的服务页面。

63.6%对每一个项目会有个详细的页面,包括个案研究、感言、截屏幻灯、草稿和草图等。

联系页面包括努力方向、手机号码、Email地址、邮寄地址、名片以及在线表单。

其它资源(英文)

15个你从未听说过的有价值的可用性PDF

15个你应该知道的重要的研究结论

你应该知道的10个额外的研究成果

良好的可用性简介

11个从眼动跟踪研究中获得的成果

25个超级有用的可用性手册和清单

10个增加销售和用户忠诚度的可用性结论