10条有用的可用性结论和指南(2)

Apple的搜索框有些短，会切断查询内容：“Microsoft Office 2008.”

总体来说，搜索框太宽比太短要好，这样用户就可以快速检查、核实并提交查询。这条准则相当简单，但是不幸的是常常被无视。在输入区域里使用一些内边距(padding)同样可以提高设计和用户体验。

空白可以增进理解

很多设计师都知道空白的价值，也就是页面中段落、图片、按钮和其它元素之间的空白。空白通过给各元素足够的空间来“呼吸”以避免页面过于拥挤凌乱。我们也可以通过减少条目之间的空间和增加它们与页面中的其它条目之间的空间来进行分组。在页面中显示条目之间的关系(比如，在这个条目集那里显示这个按钮)和构筑元素的等级很重要。

注意Netsetter网站上的大大的内容margin、padding和段落空间。所有的这些空间让内容更容易和舒适的阅读。

空白同样让内容更加清晰易读。一份研究(Lin, 2004)发现段落之间和左右间距可以增进理解20%左右。用户会发现更容易聚焦和处理使用大空白的内容。

事实上，根据Chaperro、Shaikh和Baker的研究，一个页面的布局(包括空白、标题、缩进和插图)可能不会明显的影响表现但是肯定会影响用户的舒适度和体验。

有效的用户测试并不一定要广泛

Jakob Nielsen关于在可用性测试中的测试对象的理想数字的研究表明仅仅测试5个用户就可以发现你的网站的所有问题的85%，而15名用户就能发现差不多所有的问题。

来源: Jakob Nielsen’s AlertBox

最大的问题通常是第一个或者第二个用户发现的，后续的用户会确认这些问题并发现其它的一些小问题。只有两个测试用户的话可能能发现你的网站的一半的问题。这意味着测试并不是必须要很广泛或者很昂贵以获取较好的结果。最大的收益来自于从0个测试用户到1个，所以不必担心测试用户太少：任何测试都聊胜于无。

信息产品页面可以助你引人注目

如果你的网站有产品页面，人们在线购物的时候将一定会看到它们。但是很多产品页面缺乏足够的信息，甚至不足以让浏览器快速浏览。这是个严肃的问题，因为产品信息有助于让人们下定购买的决心。研究显示缺乏产品信息会导致大概8%的可用性问题和甚至高达10%的用户失败(也就是说用户放弃并离开这个网站) (Prioritizing Web Usability).

Apple为其产品提供独立的“技术特性”页面，这可以将复杂的详情页面独立于简单的产品销售页面，然后在他们(用户)需要的时候提供一个方便的入口。

为你的产品提供详细的信息，但是不要掉进用太多文字炮轰用户的陷阱。让这些信息易于理解。通过将文字分成小段并使用大量的子标题让页面可浏览，为你的产品添加大量的图片，并使用合适的语言：不要使用术语，你的用户可能不懂。

大部分用户无视广告

Jakob Nielsen在其AlertBox entry中报告说大部分用户根本就无视广告横幅。如果他们在一个页面中寻找一个信息片段或者专心的看内容，他们是不会被旁边的广告扰乱的。

这意味着用户不仅会避开广告，而且他们还会避开一切看起来像广告的东西，即便它们跟本不是广告。一些重风格的导航条会看起来像横幅广告，所以小心使用那些元素。

FlashDen左侧的方形横幅确实不是广告：它们只是内容链接，但是它们的确看起来和广告条很像，以至于会被一些用户无视。

也就是说，如果广告看起来像内容，人们会浏览并点击。这会带来更多的广告收入但是会以你的用户的信任为代价，因为他们点击他们认为真的是内容的东西。在你采取那种方式前，请先衡量一下这笔交易：短期收益与长期信任。

号外：来自于我们的个案研究的结论

最近几年，Smashing Magazine的编辑团队带领了一些个案研究以试图找到一些普遍的方案和实践。到目前为止，我们已经分析了网站表单、博客、排版和作品集;更多的个案研究将在下个月发布。我们发现了一些能够为你的下一个设计充当指导方针的有趣的模式。

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

根据我们的排版研究:

行高(像素) ÷ 主体字体大小(像素) = 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地址、邮寄地址、名片以及在线表单。

对我们所讲的有什么想法吗?或者了解其它的有用的可用性结论?请在下面留言给我们，多谢!

关于作者

Dmitry Fadeyev Usability Post 博客的创建者，在那里你可以读到他关于良好设计和可用性的观点。Follow Dmitry on Twitter @usabilitypost