10个有用的可用性调查结果和准则

分类：未分类 | 发布者：Junge

大家都同意，可用性是一个网页设计的一个重要方面。无论你是工作在一个投资组合的网站，网上商店或Web应用程序使网页便于和您的访客使用乐趣，是关键。许多研究已经做了关于网络和接口设计的各个方面这些年来，其结果是在帮助我们改进我们的工作很有帮助。这里有10个有用的可用性调查结果和准则 ，可以帮助您提高您的网站上的用户体验。

工作表标签最佳上文所述的实地

UX Matters的一项研究发现，在表单中各种形式的标签最理想的位置就是在输入框的上面。在许多形式，标签放在左侧，建立一个两列的布局，虽然这看起来不错，但不是简单的布局使用。这是为什么？由于表单是从上往下的，用户填写表单也是从上往下的 。这笔从左往右，又从上往下简单。

Tumblr具有了形式简单 ， 优雅的迹象 ， 为UX的物质的建议行事。

左侧定位标签，还带来了另一个问题：你左对齐或右对齐的标签？左心使表格可扫描，但断开等领域的标签，因此很难看到的标签，适用于那些领域。右心是否颠倒：它使一个漂亮的，但不扫描的形式。上述领域的标签工作在大多数情况下最好的。该研究还发现，标签不应该大胆，但这一建议没有定论。

用户聚焦面

人们本能地通知其他人时，他们马上把吸引。在网页上，我们往往把重点放在人的脸部和眼睛，这使得市场的人吸引注意力的良好方法。但是，我们的吸引力，人的脸部和眼睛只是一个开端，它证明我们的方向，实际上在图像的人一眼正在英寸

眼睛跟踪
眼球追踪婴儿热图看我们直接从UsableWorld研究。

眼睛跟踪
现在的宝宝看的内容。注意增加在标题和文字看的人。

下面是一个眼球追踪研究演示此。我们本能地提请面孔，但如果正面临比我们的地方外，我们还将看到这个方向努力 。利用这个现象，提请你使用者注意您的网页或广告最重要的部分优势。

设计质量是可信的指标

各种研究已进行了以找出正是影响人们对网站的公信力的看法：

史丹福Makovsy网站可信度研究2002年：调查什么做网站可信的今天
什么原因导致Web站点可信吗？是大型的定量研究报告
计算机要件诚信
网络元素，影响信誉：从自我的研究报告（2000年含石棉材料的气在计算系统，.2，纽约人的因素会议：ACM新闻程序的早期结果）

我们不知道热应用的任何好处，但圆滑的用户界面和网站成为一位伟大的第一印象。

这些研究的一个有趣的发现是， 用户真正做的封面判断一本书 …或者说，一个是其设计的网站。元素，如布局，一致性，版式，颜色和样式，都会影响用户如何看待您的网站，什么样的形象，你的项目。您的网站应该项目不仅是一个良好的形象，也为您的发言权的。

影响公信力是：其他因素对网站的内容，金额错误，更新率，易用性和作者诚信的质量。

大多数用户不滚动

雅各布尼尔森的多少用户滚动（在网络可用性作为优先事项）的研究显示，只有23％的观众对他们的第一次访问一个网站滚动。这意味着77％的观众不会滚动 ，他们就会鉴于上述原因折叠内容（即页面是在屏幕上可见没有向下滚动区）。更何况，谁的用户与随后的访问中滚动的百分比下降，只有16％的第二次访问滚动。此数据的重点，是多么重要的是对您的突出位置的重要内容，特别是在目标网页。

这并不意味着你应该挤在页面的上部区域的一切，只不过是你们应该在这方面的最佳使用。拥挤与内容只会使内容无法访问，当用户看到太多的信息，他们不知道从哪里开始寻找。

大本营使利用空间很大。倍以上（768像素高），它显示了大屏幕，口号，价值主张，呼吁采取行动，客户名单，视频和图像短的功能了。

这是最重要的主页，因为大多数新老观众将土地。因此，提供最核心的要点有：

该网站的名称，
价值命题的网站（即什么好处用户将获得使用它），
导航的网站又符合用户的主要部分。

但是，用户的使用习惯有很大的改变不知所踪。最近的研究证明，用户相当滚动，在某些情况下，他们愿意滚动到页面底部的舒适。许多用户都更愿意与比1分页滚动，和页面的最重要的信息，许多用户并不一定是放置倍以上“，”（这是因为现有的各种显示分辨率相当陈旧，过时术语）。因此，它是一个好主意，分为扫描，方便的分隔它们很多空白，部分布局。

如需进一步信息，请看一看在方兴未艾的怀抱（Clicktale）条款看，寻呼队滚动（威奇托大学-氓），爆破的折叠（框和箭头）神话。（ 感谢，弗雷德Leuck）。

蓝色是最佳颜色为链接

当您的网站提供一个独特的设计是伟大的，当涉及到实用性，这样做是其他人在做是最好的。按照惯例，因为当人们访问一个新的网站，首先，他们对事物的地方，他们发现大多数其他网站看他们，他们发掘到他们的经验，使这一新内容的感觉。这就是所谓的使用模式 。人们期待一些事情是，如链接的颜色，该网站的标志位置相同，在导航和标签等行为。

谷歌在其网站上保留一个原因蓝色的各个环节：色彩是最熟悉的用户，这使得它很容易找到。

什么颜色应该是您的链接？第一个考虑因素的对比：链接要暗（或光线），足以与背景的颜色对比度。第二，他们应该站在从文本的其余部分的颜色进行，所以，与黑色文本没有黑色的联系。最后，研究表明，（万查克和岭），如果可用性，如果你的优先，坚持蓝色的链接是最好的。浏览器默认链接的颜色是蓝色的，所以人们期望它。选择不同的颜色绝不是一个问题，但它可能会影响速度的用户找到它。

理想的搜索框27字符宽

什么是一个理想的搜索框的宽度？有这种事？雅各布尼尔森进行了一项关于在网页搜索框（网络可用性作为优先事项）搜索查询长度的可用性研究。事实证明，今天的搜索框大部分是太短了。短盒的问题是，即使您可以拉出长长的查询类型，只有文本部分将在可见的一段时间，因此很难审查或编辑你所输入的。

研究发现， 平均搜索框18字符宽 。数据显示，27％的查询太长，以适应它。 延长到27个字符框可容纳90％的查询 。请记住，您可以设置宽度使用EMS，不只是像素点。一时间是宽度和一个“米”字高（使用任何一个网站的字体大小设置为）。因此，使用这种措施的规模文本输入字段宽度为27字符宽。

谷歌的搜索框宽度足以容纳长期徒刑。

苹果的搜索框是时间实在太短，切断了查询，“微软Office 2008。”

一般来说，搜索框更好比太短太宽，使用户可以快速检查，验证并提交查询。这一方针是很简单但很可惜往往拒绝或不理。有些在输入外地填充还可以提高设计和用户体验。

空白改进理解

大多数设计者知道空白的价值，这是空的空间之间的段落，图片，按钮和网页上的其他项目。白色的空间去杂波给予项目喘息空间页面。我们还可以一起组项目的持续下降，它们之间的页面，增加他们与其他物品的空间的空间。这是非常重要的展示项目之间的关系（例如，显示此按钮适用于本组项目）和建立一个页面元素的层次结构。

公告内容幅度大，填充和上段的Netsetter间隔。所有这些内容的空间 ， 方便和舒适的阅读。

白色的空间也使得内容更具可读性。一项研究（林，2004年）发现，在段落之间的空白和利用好左，右边距理解增加了近20％。读者更容易集中和处理慷慨间隔的内容。

事实上，根据Chaperro，谢赫和贝克的网页上（包括空格，标题，缩进和数据布局）可能不会明显地影响性能，但确实会影响用户的满意度和经验。

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

雅各布尼尔森的研究就发现，在只有5个用户的测试将揭示85与您的网站的所有问题％，而15个用户会发现几乎所有问题的可用性测试的测试科目的理想数目。

来源：雅各布尼尔森的AlertBox

最大的问题通常发现的第一个或两个用户，下面的测试证实了这些问题，并发现余下的小问题。只有两个测试用户可能会发现一半的网站上的问题。这意味着测试不必是广泛的或昂贵的产生良好的结果。最大的收益，实现从0时，将测试用户1，所以不要做太有点害怕： 任何测试总比没有好。

信息产品页数帮助你突出

如果您的网站产品网页，网上购物的人一定会看穿他们。但是，许多产品网页缺乏足够的信息，即使做了快速扫描游客。这是一个严重问题，因为产品信息有助于人们作出购买决定。研究显示，约8％的可用性问题，贫穷的产品信息账户，甚至10％的用户故障（即用户放弃并离开网站）（网络可用性作为优先事项）。

苹果提供了独立的“技术规格的产品，可让网页更简单的营销细节复杂了，”网页还提供了方便当他们需要的。

提供关于您产品的详细信息，但不落入轰击过多文字使用者的陷阱。 使信息易于消化 。设为打破了成更小的部分文本，并使用大量的分小标题页扫描的。您的产品添加大量的图像，并使用正确的语言： 不使用术语 ， 您的访问者可能不明白 。

大多数用户无视广告

雅各布尼尔森在他的AlertBox项报告，大多数用户基本上是看不到的广告横幅。如果他们正在寻找的信息页面上的片断或正在全神贯注的内容，他们不会分心在旁边的广告。

这个意义不仅在于避免广告的用户，但他们会避免任何看起来像一个广告，即使它不是一个广告 。一些重式导航项目可能看起来像旗帜，所以一定要小心这些元素。

对FlashDen广场左侧侧边栏的旗帜 ， 实际上不是广告：他们是内容的链接。他们看起来十分接近的广告横幅 ，所以可能会被一些用户忽视。

不过，广告，像看内容将得到人，看一下。这可能会产生更多的广告收入，但在你的用户的信任为代价的，因为他们的事情他们认为真正的内容点击。在你走这条路，考虑的权衡： 短期收入与长期信任 。

奖励：从我们的情况调查结果，研究

近年来，碎杂志的编辑团队进行，试图找出共同设计解决方案和做法的个案研究。到目前为止，我们所分析的Web表单，博客，版式和投资组合，以及更多的个案研究将在下月公布。我们已经发现了一些有趣的图案，可以作为您的下一个设计指南。

在这里，我们将审查的做法和设计模式，我们在这简短的，紧凑的概述我们的案例研究发现了一些，为了您的方便。

根据我们的排版研究：

行高（像素）÷体复制的字体大小（像素）= 1.48
1.5通常建议经典印刷书籍，所以我们的研究印证了这样的经验法则。很少有网站使用任何低于这一标准。而网站的数量减少到了1.48，你从这个值进一步。
线路长度（像素）÷行高（像素）= 27.8
平均线长度为538.64像素（不包括利润和填充），这是相当大的考虑，很多网站仍然在身体副本是12至13日在字体大小像素。
之间的空间段（像素）÷行高（像素）= 0.754
原来，段间距（即两者之间的一个段落的最后一行，并在第一行的空间下），很少等于领导（这将是完美的垂直节奏的主要特征）。很多时候，段落间距只有75％，领先段。原因可能是，领导通常包括由下伸了空间，而且由于大多数字符没有下伸，额外的空格线下创建。
每行的字符数是55最优至75
根据经典的印刷书籍，每行的字符之间的最佳人数是55和75，但75至85每行的字符在实践中更受欢迎。

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

布局通常有一个固定的宽度（基于像素）（92％），通常为中心（94％）。固定布局宽度不等的951和1000像素（56％）。
首页显示10到20个（62％）的摘录。
58一个网站的总体布局％用于显示的主要内容。

根据我们的Web窗体设计研究：

登记环节的题目是“注册”（40％），并在右上角上。
注册后便形式简单的布局，以避免分散注意力的用户（61％）。
在输入字段，标题是粗体（62％），田间地头，是垂直排列超过他们的水平排列（86％）。
设计师往往包括一些强制性的领域和一些可选字段。
电子邮件确认没有获得（82％），但密码确认（72％）。
“提交”按钮为左对齐（56％）或中心（26％）。

根据我们的产品组合设计研究：

89％的水平布局集中，其中大部分有一个较大的水平导航菜单。
47.2％的投资组合有一个客户端页面，67.2％，有一些独立的网页服务的形式。
63.6％的人对每个项目的详细页，包括案例研究，鉴定，与截图，汇票和草图幻灯片。
联系页面包含行车路线，电话号码，电子邮件地址，邮寄地址，电子名片和在线的形式，