网站建设中10个进步网站可用性的经历攻略

我想每个人都会拥护，网站的可用性是它能否受欢迎的一个重要方面，不管你进行的是公司网站、在线商铺仍是其他，让你的界面变得简略控制，运用时令人舒畅是要害，近几年现已有许多针对网站界面优化的研讨，而且这些研讨的作用关于进步网站可用性对错常有价值的。现在这里有10个超有用的经历共享，相信我，这些主张会极大地进步你那个网站的用户体会，让用户爱上你的网站!

这是一篇09年的老文章咯，可是这些技巧和经历并没有过期，所以我们仍然翻译出来，引荐您细心阅览。

一、善用人物配图，运用户专心于你想出现的

当进入你的网站，我们会天性地重视网站上人物图片中的脸和眼睛，这却是为我们供给了一个主意，是不是能够用人物配图吸引小伙伴的留意力呢?当然，但这仅是榜首步，我们还能够这样做，你瞧，是不是大不相同!

这是榜首步：

10个进步网站可用性的经历攻略

「依据眼球追寻的研讨，我们先会重视这个直望着我们的小萌孩」

10个进步网站可用性的经历攻略

「现在，小萌孩是仰望着右边文字的，与此同时，你是不是也把留意力搬运到右边的内容呢?」

这里是原始的研讨报告 → usableworld.com，实践证明，如果其他人往某个方向望，那么人们也会跟着望同一个方向(参照脑筋急转弯：大街上有，有一个人仰着头站着。周围的人认为天空中有什么美观的东西，都跟着往天上看，可天空中什么都没有。你猜那人怎么说?答案附最后..)依据这个特色，我们能够运用人物配图来出现你想要让用户重视的内容。

二、表格的最抱负方位

一个来自UX Matters 的研讨发现，最抱负的表格置放应该是由上至下，由于人们一般会习气笔直的表格，这样一般易于阅览与填写。

三、人们对网站的信赖度取决于规划质量

榜首印象很重要!栗子：

10个进步网站可用性的经历攻略

这是一个展现手机运用的网站，可能我们不知道这个名为”fever”的APP终究怎么样，可是看到一个这么洁净圆润的用户界面，对它的好感理应大大提升了。

一个风趣的研讨发现，人们判别一本书的依据往往是它的封面…相同的，一个网站的布局、一致性、配色、排版等都在影响你的用户，他们会以此判别你将供给的东西。因而，你要切当保证网站的风格不仅要洁净美丽，更要合适你的受众用户。

除了网站规划，其他影响用户对你的网站信赖度的还有：网站内容的质量、犯错的次数、更新的频率、操作的快捷性和网站站住的人品。

四、大多数用户不会翻滚阅览

一份来自Jakob Nielsen的研讨显现(研讨在此 → nngroup)仅仅有23%的用户榜首次进入网站时会翻滚阅览，这意味着有77%的用户只会看那个区域(无须翻滚的可见页面)，更重要的是，只要16%的用户会在第2次访问时继续翻滚阅览。该数据突显出，将要害的内容放在主页的突出方位是多么的重要!

不过，这并不意味着你要填满页面的上部区域，悉数塞在那儿只会让内容难明，当用户看到太多的信息时，他们不知道该从哪里开端看。

让我们看看优异典范：

10个进步网站可用性的经历攻略

basecamp 在这折叠线以上(768px高)，网站显现了一个巨大的截图，标语、价值主张、呼吁举动、客户列表、视频以及显现特色的小图。

这些内容关于网站主页是至关重要的，所以我们需求供给的中心要害有：

网站的称号

网站的价值主张(即用户能得到什么，有什么优点，如何运用它)

与用户相关的导航规划

然而，自那时以来，用户习气发生了很大的改动，最近的研讨证明用户很喜欢视差翻滚的作用，他们宁愿翻滚到页面底部而不是翻页，对许多用户来说，最重要的信息也不须置放在主页，所以有个好主意，我们能够运用留白空间的方法将页面分成几段。

五、能够共同，但不要难明

有一个共同规划的网站当然是好样的，但当你需求进步网站的可用性时，主张你最好恪守大多数网站采纳的方法。由于当人们阅览一个新网站时，他们会发动自身的「经历形式」去了解这个网站的运用，例如：蓝色是链接的色彩，网站LOGO的方位、导航标签的下拉行为等。

10个进步网站可用性的经历攻略

谷歌之所以一切的链接都是蓝色是由缘由的，这个色彩合适大多数用户，也便于辨认。

链接该选什么色彩?

色彩够深/浅，能够与背景色有激烈地比照，易于区别

不能与文字色彩相同，所以你能够看到，没有链接是黑色的

研讨证明，选用蓝色的链接是最好的，由于阅览器默认的链接是蓝色的。挑选其他色彩也没问题，但可能会影响用户找到它

六、抱负的查找框宽度是27个英语字符

什么是抱负的查找框?有的，Jakob Nielsen针对可用性进行了一个查找框宽度的研讨，发现大多数查找框都太短了，查找框太短带来的问题是虽然你能够输入满意长的字符，但只要一部分文本字符可见，这导致你很难检查或许修改。

这项研讨发现查找框的均匀长度是18个字符，27个字符的查找框可能会太长而很难习气，不过，它能满意90%的查找。记住，你能够用像素和点设置宽度，而不仅仅是em。小技巧，一em的宽与高对应一个英文字符”m”，所以你能够以此来检测查找框是否有27个英文字符的宽度。

10个进步网站可用性的经历攻略

谷歌的查找框宽度捉襟见肘

10个进步网站可用性的经历攻略

相对而言，苹果就无能为力了。

一般来说，查找框稍长比稍短好，由于用户能够随时检查、核实、修改。这条经历十分简略，可是很不幸的是常常被人们疏忽。其实在输入区域的一点改善也会带来更好地用户体会

七、留白规划带来更好的阅览

大多数规划师都知道白色空间在阶段、图片、按钮以及其他项目中的价值，白色空间能够让各个项目自在地呼吸。当然，我们也能够经过空间的摆放(组合、减少)来制作白色空间。关于在页面展现内容间的联络、树立层级联系十分重要。

10个进步网站可用性的经历攻略

留意：文本的边际，阶段的距离这些细节都给阅览带来了舒适的感受。

白色空间让页面内容的可读性相应进步。一个04年的研讨表明，如果在阶段与左右边际间能够杰出地地运用留白，至少进步20%的阅览舒适感。读者能够愈加简略地专心于阅览。

八、不用进行广泛的用户测验

Jakob Nielsen的研讨显现仅需求5个用户就能够发现你的网站85%的问题，如果有15人就能找出挨近悉数的问题。

10个进步网站可用性的经历攻略

榜首或第二个用户会发现最大的问题，其他人会承认这些问题而且发现其他小问题，只要2个用户能找到你网站50%的问题，这意味着其实你不需花许多钱去得到一个好的成果。当你开端测验时，你现已有巨大的收获了。任何小小的测验都比没有好

九、有多少信息，就有多少喜爱。

大多数介绍产品的页面总是缺少满意多的信息，有些仅仅能让用户扫一眼。这是个有必要正视的问题，由于产品的信息将协助人们忖度购买的决议。在可用性的研讨中，匮乏的产品信息这个失利的事例占有了8%甚至10%的网站。

10个进步网站可用性的经历攻略

Apple供给了具体的产品介绍页面，包含产品特色及规范等。请留意，不要让一点难明的技术细节停留在介绍页面，给消费者看的懂的。

参照：如何写新闻类的软文

供给要害的信息，而不要臃肿，让你的案牍易于吸收。经过阶段距离和副标题使介绍能够一扫明晰，给你的增加满意的图片，且不要运用行话，不然你的用户看不懂。

十、大多数用户会无视广告

Jakob Nielsen的研讨表明大多数用户会直接无视广告的存在，如果他们在聚精会神地阅览文章，他们不会被广告搬运留意力。

这条经历要通知你的是，人们会无视广告，而且与任何看起来与广告相似的东西，即便它不是广告。一些色彩风格激烈的导航会让他们误认为是广告，所以请细心留意这个经历。

10个进步网站可用性的经历攻略

在左边的方块图其实不是广告，可是看起来与广告很相似，所以可能会被一些用户误解。

所以，广告看起来最好能像文章，那样人们才会去点击它，也能给你带来更多的收入，但无疑这将会损失你的用户信赖度，当他们点击广告时他们认为会是文章，成果被你诈骗。因而当你决议这样做之前，考虑下这个买卖：短期的利益与长时间的信赖。

干货福利：

在这些年，我们的杂志组为了确定最佳地规划方案，研讨了许多事例。到目前为止，我们现已发现了许多风趣的形式，是的，它们能够作为你的下个规划项目的指导方针，希望这些规范能予你便利。

行高(px)÷ 英文字符大(px)=1.48

1.5一般被认为是最经典的排字方法，我们的研讨决计为这个方法点个赞。几乎没有网站运用低于它的，那些高于这个规范的也会越来越少，特别是当你看完这篇文章后。

行长(px)÷行高(px)=27.8

行的均匀长度是538.64px(扫除边际)，关于大多数还选用12px到13px巨细字体的网站来说，这是最完美的组织。

最佳的字/行是55——75

依据经典的排版书本，最佳的字/行应该是55到75，但现在盛行的75——85，童鞋们自在酌量(英文字符)

注册页面一般很简略，是为了防止人们分神