网站优化：10个提高网站可用性的经验指南

《网站优化：10个提高网站可用性的经验指南》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网站优化：10个提高网站可用性的经验指南我想每个人都会赞成，网站的可用性是它能否受欢迎的一个重要方而，无论你进行的是公司网站、在线商店还是其他，让你的界而变得容易操控，使用时令人舒服是关键，近几年已经有很多针对网站界而优化的研究，而R这些研究的成果对于提高网站可用性是非常有价值的。现在这里有10个超实用的经验分享，相信我，这些建议会极人地提高你那个网站的用户体验，让用户爱上你的网站！这是一篇09年的老文章咯，但是这些技巧和经验并没冇过时，所以我们依然翻译出来，推荐您仔细阅读。一、善用人物配图，使用户专注于你想呈现的当进入你的网站，我们会本能

2、地关注网站上人物图片小的脸和眼睛，这倒是为我们捉供了一个想法，是不是可以用人物配图吸引小伙伴的注意力呢？当然，但这仅是第一步，我们述可以这样做，你瞧，是不是大不相同！（见下图）这是第一步：「根据眼球追踪的研究，我们先会关注这个直望着我们的小萌孩」「现在，小萌孩是仰望着右边文字的，与此同时，你是不是也把注意力转移到右边的内容呢？」这里是原始的研究报告—>usablcworld.com,实践证切，如果其他人往某个方向望，那么人们也会跟着望同一个方向（参照脑筋急转弯：大街上冇，冇一个人仰着头站着。旁边的人以为天空中冇什么好看的东西，都跟着往天上看

3、，可天空中什么都没有。你猜那人怎么说？答案附最后..）基于这个特点，我们可以利用人物配图來呈现你想要让用户关注的内容。二、表格的最理想位置•个來自UXMatters的研究发现，最理想的表格置放应该是由上至下，因为人们通常会适应垂直的表格，这样通常易于阅读与填写。三、人们对网站的信任度取决于设计质量第一印象很垂要！栗了：这是一个展示手机应用的网站，可能我们不知道这个名为”fever”的APP究竟怎么样，nJ'是看到一个这么干净圆润的用户界面，对它的好感理应大大提升了。一个有趣的研究发现，人们判断一本书的根据往往是它的封而…同样的，一个网站的布

4、局、一致性、配色、排版等都在影响你的用户，他们会以此判断你将提供的东西。因此，你要确切保证网站的风格不仅要干净漂亮，更要适合你的受众用户。除了网站设计，其他影响用户对你的网站信任度的述有：网站内容的质量、出错的次数、更新的频率、操作的便捷性和网站站住的人品。四、大多数用八不会滚动浏览一份来HJakobNielsen的研究显示（研究在此—>nngroup）仅仅有23%的用户第一次进入网站时会滚动浏览，这意味着有77%的用户只会看那个区域（无须滚动的可见页面），更重要的是，只有16%的用户会在第二次访问时继续滚动浏览。该数据突显出，将关键的内容

5、放在首页的突出位置是多么的重要！不过，这并不意味着你要填满页而的上部区域，全部塞在那儿只会让内容难懂，当用户看到太多的信息时，他们不知道该从哪里开始看。让我们看看优秀范例:basecamp在这折叠线以上（768px高），网站显示了一个巨大的截图，标语、价值主张、呼吁行动、客户列表、视频以及显示特点的小图。这些内容对于网站主页是至关重要的，所以我们需耍提供的核心要点网站的名称网站的价值主张（即用户能得到什么，有什么好处，如何使用它）与用户相关的导航设计然而，自那时以来，用户习惯发生了很大的改变，最近的研究证明用户很喜欢视差滚动的效果，他们宁愿

6、滚动到页面底部而不是翻页，对很多用户來说，最重要的信息也不须直放在首页，所以有个好主意，我们可以利用留口空间的方式将页而分成儿段。五、可以独特，但不要难懂有一个独特设计的网站当然是好样的，但当你需耍提高网站的I'J-用性时，建议你授好遵守大多数网站采取的方式。因为当人们浏览一个新网站时，他们会启动白身的「经验模式」去理解这个网站的使用，例如：蓝色是链接的颜色，网站LOG0的位置、导航标签的下拉行为等。谷歌Z所以所冇的链接都是蓝色是由缘由的，这个颜色适合大多数用户，也便于辨认。链接该选什么颜色？颜色够深/浅，能够与背景色有强烈地对比，易于区分

7、不能与文字颜色相同，所以你可以看到，没有链接是黑色的研究证明，选用蓝色的链接是最好的，因为浏览器默认的链接是蓝色的。选择其他颜色也没问题，但可能会影响用户找到它六、理想的搜索框宽度是27个英语字符什么是理想的搜索框？冇的，JakobNielsen针对可用性进行了一个搜索框宽度的研究，发现人多数搜索框都太短了，搜索框太短带来的问题是尽管你可以输入足够长的字符，但只有一部分文本字符可见，这导致你很难检查或者编辑。这项研究发现搜索框的平均长度是18个字符，27个字符的搜索框可能会太长而很难适应，不过，它能满足90%的搜索。记住，你可以用像素和点设

8、置宽度，而不仅仅是emo小技巧，一cm的宽与高对应一个英文字符”m”，所以你可以以此来检测搜索框是否有27个英文字符的宽度。谷歌的搜索框宽度绰绰有余相对而言，苹果就力不从心了。通