网站设计可用性结论与指南

发布：2022-01-09 13:34:09 浏览：2400

      众所周知，可用性是网站设计中至关重要的一个因素，不管你是在设计作品集网站、网店还是网站应用，最关键的一-点就是要让网页使用起来简单舒服。近几年来，针对网站和用户界面设计的各方面因素的研究有许多，研究结果对改善我们的工作很有帮助。本文收集了10项有用的可用性结论以及一些指南，可以在网站用户体验设计方面助你一臂之力。

1. Form (表单)标签最好是在字段之上

UX Matters的一份研究显示，表单中标签的最理想位置应该是在输入框.上方。许多表单中，标签一般都位于输入框左侧，形成一个两栏的布局。虽然这看起来还行，实际使用起来却不是最方便的。为什么会这样呢?通常情况下，表单是垂直导向的，也就是说，用户从上到下填写表单，一边填写、一边扫视表单，因此将标签放在输入框上方要比放在左侧更方便浏览。

2. 用户注意力集中在面部

一旦有人进入视线范围，人们就会本能地注意到。在网页上，我们会比较关注人的面部与眼睛，这便为市场营销人员吸引访客注意力提供了一个好方法。但我们对人们面部与眼睛的关注还只是开始，事实证明，我们会看向图像中人物眼睛所看的方向。

3. 设计质量是可信度的标杆

为找出哪些因素会影响人们对网站可信度的看法，大家做了很多研究。
●Stanford-Makovsy网站可信度研究，2002:当前影响网站可信度因素的调查。
●影响网站可信度的因素是什么?大量定量研究报告。
●计算机可信度因素。
●影响网站可信度的因素:自主研究报告前期结果。

4. 大多数用户不喜欢滚屏

Jakob Nielsen关 于用户怎样滚屏阅读的研究表明，只有23%的访客初次访问页面时会拉动滚动条，这意味着77%的访客是不会滚屏阅读的，他们只会看看折叠线以上的内容(也就是网页上他们只会看看折叠线以上的内容(也就是网页上外，之后再访问页面时，拉滚动条的用户就更少了，只有16%的访客在他们第二次访问时向下滚动屏幕。从这组数据就能明显看出，把重要内容放在突出位置有多么重要，尤其是在登录页面。这并不意味着你要把所有内容都放在网页的上半部分，只是你得好好对其加以利用。全部填塞进去，只会降低这些内容的可读性-当用户看到太多信息，他们会不知道该从哪里开始。

5. 蓝色是最佳链接色

虽然让自己的网站具有独特的设计很不错的，但提到可用性，有时候和别人保持一致才是王道。遵循常规，因为人们浏览一个新网站时，常常会根据他们在别的网站寻找信息的经验来判断信息在这个网站的位置，也就是用他们的经验来理解这个新内容一这就是所谓的使用习惯。人们希望有些东西能够保持一致，比如链接的颜色、网站L ogo的位置以及选项卡式的导航栏等。
           Google所有网页上的链接都是蓝色，这是有理可循的:蓝色是多数用户的熟悉链接色，找起来很容易。你的网站链接应该是什么颜色呢?首先要注意的就是对比:链接颜色必须足够深(或浅) 从而与背景色形成鲜明对比。其次，它们应该从其他文本中突显出来。因此，如果文字颜色是黑色，那链接就不能也是黑色。最后，研究显示(Van Schaik和Ling)，如果你觉得可用性是第一-位的，那么将链接设置成蓝色便是不二之选。浏览器默认的链接颜色是蓝色，因此人们会比较期待是这样。选用另-种颜色也没有多大问题，但它可能会拖慢用户找到它的速度。

6. 搜索框的理想宽度为27个字符

搜索框的理想宽度是多少?这个概念存在么? Jakob Nielsen就人们在网页搜索框中输入的检索词条的长度做了相关可用性调查研究，结果显示，当前大多数搜索框都太短了。搜索框太短的问题在于，尽管你可以输入一个很长的词条，但只有其中一部分是可见的，这就让访客复查或编辑所输入的词条变得很麻烦。研究发现，搜索框的平均宽度是18个字符。研究数据表明，27%的检索问题都太长了，无法完全容纳进去，如果把搜索框延长至27个字符，90%的检索问题就都能纳入其中了。记住，你可以用em单位设置搜索框的宽度，不限于px或pt。一个em单位刚好是“m”字符的宽度与高度(不管网站设置的字号是多少)。那么，就用这个单位将文字输入框的宽度设置成27个字符宽吧。

7. 空白可以增进理解

大多数设计师都知道空白的重要性，也就是在网页的断落、图片、按钮以及其他元素之间流出空间。空白让页面上的各个元素有空间来“呼吸”，避免页面拥挤凌乱。我们也可以通过缩小某些之间的空隙，同时增加它们与别的元素之间的关系（例如，为了显示某个按钮适用于某一组元素）和建立网页元素等级直观重要。

8. 网页产品信息充足有助于其脱颖而出

如果你的网站链接有产品页面，网上购物的人们绝对会跟踪、浏览。虽然人们只是大致浏览看看，但很多产品也缺乏充足有效的信息。这个问题很严重，因为产品信息能帮助人们做出购买选择。研究显示，产品信息匮乏会造成8%左右的可用性问题，甚至10%的用户失败（也就是，用户放弃浏览行为，离开网站）。

9. 多数用户会无视广告

Jakob Nielsen在他的AlertBox网络文集中表示，多数用户会自动屏蔽广告条幅。如果他们正盯着网页上一小块信息看，或者全神贯注在内容盯着网页上一小块信息看，或者全神贯注在内容这意味着用户屏蔽的不仅仅是广告自身，还有任何看起来像广告的东西。有些导航条设计得有些过火，会有广告条幅之嫌，因此这方面得注意一下。