网站用户体验优化-专业篇
2016.12.01
我们不断地从各种地方,听到各种关于用户体验优化的技巧或提示,其中许多乍一听都很富有逻辑,但是假如我们能找到真实的数据和报告去验证这些理论或猜想,显然就能更好地确认预期效果。
本文讨论一些用户可用性方面的研究发现,这些研究结果的获取,主要通过视觉轨迹、数据统计报告、以及关于网站可用性改进方面的调研。你将会发现,许多可用性优化的提示是众所周知的,但是得到了更好的数据支持;与此同时,你也能得到一些惊喜,这些发现可能会改变你对目前网页设计方式发展走向的看法。
1、请忘记“三次点击定律”
这是一个历史悠久的说法:如果用户不得不点击三次以上才能找到他想要的内容,那么他会不耐烦并且有挫败感(而离去)。2001年,Jeffrey Zeldman–一个颇有名气的网页设计领域权威,在他的著作《Taking Your Talent to the Web》里提出,“三次点击定律”将帮助你的网站具备更有逻辑的层次和更符合直觉的访问感受。
逻辑上看,说的没错。用户在花了很多时间点击寻找所需内容以后,当然会烦躁。
但是为何要武断的设定“三次点击”的限制?是否有迹象显示,网站访客会在尝试了“三次”点击寻找以后就会忽然放弃?
事实上,大多数访客并不会因为他们点击了某个神秘的次数以后就放弃,点击的次数和他们是否烦躁并没有明显的关联。
留住用户的重点,不在于降低点击次数到某个神秘的数字以下,而是增加易用性本身。如果你能建立一个易用且带来愉悦的用户界面,但需要15次点击(5倍的“三次点击”)来完成某项工作,那么不要让无聊的三次点击定律限制了你自己。
2,运用F形模式来引导访客的内容浏览
Jakob Nielsen博士–一位可用性研究领域的先锋人士,曾组织超过230个参与者,进行了关于网页阅读习惯的视觉轨迹研究。这项研究结果显示,参与者在快速浏览网页时,视觉轨迹显示出F形的模式。(译者注:所谓F形模式,即从网页最左上看起,看完前面几行的大部分内容,越往下看的越短,形成F形浏览轨迹)
对网页设计师和网站写手来说,这些结果提示出,如果你希望内容更容易被看到,应该将其朝左放置,并且以符合F形状的形式来放置(例如标题后面跟段落摘要或关键字),这些都能增加用户快速浏览网页过程中看到这些内容的可能性。
3,不要让用户等待:加速你的网站
我们总是被告知用户是没有耐性的:他们讨厌等待。这很合理,谁喜欢特意去等呢?不过除了这些传闻以外,是否有切实的证据显示,用户不喜欢等待以及网页性能是否会影响到访客。
微软的搜索引擎-Bing进行了一项分析,研究页面载入速度和其他网站指标是否有明显的相关-如满意度、单位用户收入、点击速度等。报告显示,每2秒钟的页面延迟会降低3.8%的用户满意度,减少4.3%的单位用户收入和减少4.3%的点击数。对一个像微软那样规模的公司来说,4.3%的减少已经可以相当于数百万美元的损失。
因此用户的“没有耐性”主要是因为他们等太久而不满,从而减少点击。此外如果你很在意搜索引擎排名,那么提升页面响应速度就显得更为迫切–google已经将页面速度加入了排名计算因素。
4,让你的内容更容易阅读
Nielsen博士的一项关于用户在网页上阅读行为的研究提出,网络用户并不真正地在线阅读内容。他的分析显示用户仅仅阅读一个网页上28%的文字,并且这一数据还随着页面上文字总量的增加而进一步降低。
为了增加用户阅读到“大部分内容”的可能性,可以利用各种技术去使得内容更容易阅读。例如高亮显示关键字,标题,目录,缩短段落等。
5,不必担心页面下拉和滚动条
有一个古老的“神话”告诉我们,网页的重要内容必须要在“fold”(译者注:折叠线)上面,这是一个从报纸借到互联网的词汇,意思是无需滚动下拉条就能看到的页面区域,这个用法最早是由Jakob Nielsen提出的。
所以,很长的页面是否就糟糕呢?我们是否不得不把所有内容塞到页面顶部,因为用户不会去阅读“fold”以下–也就是需要下拉才能看到的内容呢?
这里需要重点指出的是,你无需因为害怕用户“不会下拉页面寻找”而将所有重要内容堆砌在页面顶部。正确的方法是,运用视觉分级原则和分区的技巧,来表现页面上各种内容的重要性和优先级(译者注:从而方便用户寻找内容,包括下拉寻找)。
6,文字之间的空间会影响可读性
有良好可读性的文字不仅容易理解,容易快速阅读,也能提升网站用户继续读下去–而不是关闭页面离开的可能性。影响可读性的因素有很多,包括字体选择(是否带衬线装饰),字体大小,行距,背景/前景对比度,以及文字之间的空间。
在一项关于可读性的研究测试中,20个参与者看到了内容完全一样的文字段落–不过文字边框的空间大小和行与行之间的距离不同。结果显示,没有边框空间的文字读得更快,同时,理解效果降低了。当文字段落边上没有留空间时,阅读会加快,可以解释为文字之间靠得更近,目光从行到行、从段落到段落需要的时间更短。
正如这个研究显示,我们对内容的设计样式会显著影响用户体验。保持对以下细节的关注:颜色、行距、分组,更进一步的还有所谓的网页排版技术,以此来保证你没有妨碍用户阅读网页内容。更多内容可以学习网页设计中的负空间设计。