基于数据的可用性研究

小编语:这是一篇关于交互设计与可用性研究的古老的文章,今天小编翻出来给新交互师们看一下~

Thomas Baekdal在The Battle Between Usability and User-Experience中提到,可用性较高的产品并不一定带来好的用户体验,而用户体验好的产品也可能具有不良的可用性设计。例如高速公路又直又宽,具有很高的可用性,但是在上面驾驶却十分乏味;而盘山公路曲折狭窄,也不安全,可用性较差,但是司机开在其中却别有一番乐趣。

这种看似无准则、无定论的关系,也引发了不少设计过程中的争端。不同部门、不同专业背景、不同性别、甚至不同心情的参与者,都试图按照自己的逻辑为用户创造最好的体验。刚好看到10 Usability Tips Based on Research Studies,有一些经典老观点,也有一些有趣的数字,拿来跟大家分享,一起了解这十个基于数据的可用性研究。(译者 注)

我们听过无数可用性的研究与理论,其中部分言之凿凿。

本文通过眼动实验、报告、分析以及可用性调查等方式,用真实数据验证这些推断和理论。这些内容只是一些增加了数字论证的常识,但是相信其中的部分可以影响到你的观点和思路。

1.忘掉“Three-Click Rule”

网页设计行业公认的专家Jeffrey Zeldman在Taking Your Talent to the Web一书中提出“Three-Click Rule”有助于建立更直观更富逻辑的网站结构。从逻辑上说这无可厚非,用户为了查找自己需要的信息而不停重复“点击”这个动作,的确会产生挫败感。但是为神马一定是三次?用户在进行了三次点击之后会突然放弃自己要查找的东西吗?

54768ce8t9381d140eb6damp69

Joshua Porter刊登在User Interface Engineering上的研究报告证实,用户并不会因为点击次数达到3次或者更多就会放弃查找。Joshua Porter说,几乎没有几个人在点三次之后就选择放弃,所以不要为了某些数字而故意减少用户需要点击的次数,实用程度才是关键。如果你可以创建一个简洁实用的界面,但是需要通过多次点击才可以实现,就别让“三点式”影响到你。

2. F型结构更便于浏览

可用性研究领域的NB人物Jakob Nielsen博士就网络用户的阅读习惯,对230多名参与者进行了一项眼动实验,结果表明参与者在浏览网页内容时呈现出F形的浏览趋势。

54768ce8t9381aae2853camp69

搜索营销公司Enquiro、Did-it与眼动研究公司Eyetools进行了类似的研究。50个参与者浏览Google搜索结果页时,眼动实验结果也显示类似的形状。Google搜索结果页的“金三角”现象正是由于用户视线从上至下,从左至右移动,浏览范围整体呈F状。

54768ce8t9381abd2bb8bamp69

研究结果表明,对于网页架构师和设计师来说,应该将更希望让用户看到的信息安排在页面左侧,并采用符合F形的内容结构,如标题下紧跟段落或项目符号,以增加快速浏览型用户看到这些内容的可能性。

3.别让我等

我们总被反复告诫用户是缺乏耐性的,他们讨厌等待。这也是非常简单的逻辑,没有人喜欢漫无目的的等待。但是是否有一些依据证明页面加载速度会对网站用户造成影响呢?

Bing进行了一项分析报告,目的是了解页面加载速度和各种表现指标(如访客满意度、平均每位访问者带来的收入、点击速度等)之间是否有联系。报告表明,页面反映速度每延长约2秒,将导致访问者满意度降低约3.8%、平均每位访问者带来的收入减少4.3%,点击率降低4.3%等等。对于微软这样的公司来说,4.3%的收入损失可以相当于数百万的利润损失了。

 

54768ce8t9381d22638beamp69

事实证明,访问者的确是没有耐心的。过长的等待时间会降低他们的满意度,降低他们点击网页的可能性。如果你非常在意搜索引擎的排名,那么页面访问速度就变得至关重要。

4.让网页内容更易读

大多数互联网用户并不会“真的阅读”在线内容,Jakob Nielsen博士对自己网站上用户行为的研究也得出了这个结论。分析表明,读者只阅读某个网页上约28%的内容。网页上内容越多,读者阅读的内容就会越少。

54768ce8t9381ae09308camp69

要想增加读者最大程度看完你的页面内容的可能,可以使用一些让内容更易读的技巧,像使用高亮显示、标题、短段落、列表等。

5.不要担心“Fold”和垂直滚动条

“Above the Fold”是一个来自报纸版面的术语,指报纸版面上第一版折叠线以上的部分,通常都是头版头条。在Web领域,一般是指页面第一屏你所能看到的、不需要向下滚动的那部分内容区域,这也是Jakob Nielsen博士首次提出的。

54768ce8t9381af14c985amp69

有一种说法是要把所有你认为重要的内容放在“首屏”显示,让读者不滑动鼠标或滚动条就可以看到网站内容。长页面就不受欢迎吗?用户真的不会阅读首屏以下的内容么?我们是不是要将所有信息都堆砌在页面顶端呢?

54768ce8t9381b06be6b5amp69

根据网络分析公司Clicktable的研究,在可以使用滑块的情况下,用户自然地在页面上做很长的滚动来寻找内容,页面的长度不会影响用户查看首屏下方的内容。UCD研究机构Joe Leech of CX Partners的研究指出,很少的首屏内容甚至有助于促进用户浏览Fold以下的内容。

54768ce8t9381b158df17amp69

由此我们得出的重要结论是,你并不一定要把所有的重要内容集中在页首因为你的担心用户不会找到他们否则,运用视觉原理和设计技巧去排布多样的页面内容,比如良好地利用空白和图片能促进用户浏览更多的内容。一个适合快速扫视的第一屏页面其实更能有效地的展示品牌。

6.把重要信息安排在网页左侧

如果某种语言的阅读、书写顺序都是是从左向右的,那么这种语言文化下培养出的人也会习惯于从左向右看网页。Jakob Nielsen博士超过20个参与者的“眼动实验”记过显示,超过69%的时间都停留在页面左侧,所以这么多网页设计师把设计重点分布在网页左侧不是没有道理的。

54768ce8t9381d4c525dbamp69

在阅读、书写顺序从右至左的语言环境中,例如希伯来语和阿拉伯语,研究结果恰恰相反,人们会更关注页面的右侧。Jakob Nielsen博士的“眼动实验”表明了这样的规律,人们更倾向将阅读重点放在所用语言的阅读顺序的起点侧。

54768ce8t9381b38dda9bamp69

7.文本的空白区会影响阅读效果

文字的易读性可以提高用户对内容的理解力和阅读速度,也降低跳出率,增大了用户继续阅读的可能。有很多因素可以改善易读性,包括字体、字号、行高、前景色、背景色以及字间距等。

54768ce8t9381b48f7ceaamp69

一份关于内容易读性的报告,对20名参与者进行了阅读表现测试,这些参与者被要求阅读段落相同但页边空白、行间距不同的材料。测试结果表明,阅读没有页边空白的材料时,阅读速度更快,但对内容的理解力会下降。没有页边空白的内容会加快阅读速度,这是因为文字和段落更加紧凑,节省了视线在行与行、段落与段落之间移动的时间。

这份特别的研究表明,我们对网站内容的排版会对用户体验产生极大影响。颜色、行间距、段落分布等细节都会影响到读者的阅读感受。

8.小细节、大差异
我们在完成一个网站设计的时候,会更关注整体布局而忽略了细节。本来整体布局中已经有很多需要考虑的元素,那些细枝末节就更容易被忽略。如果时间或是资源受限,我们会用文字表述或者简单的一个按钮来取代所有的想法。

然而,一些像按钮样式等微小的地方有可能会影响一个网站的成败。用户界面设计专家Jared M. Spool在The $300 Million Button中记述了一个细节制胜的经历:他移动一个按钮并添加一个清晰的错误提示来优化结帐流程,结果购置商品的顾客数上升了45%,在第一个月就增加了1千5百万的额外购置额,在第一年全部网站获得了额外3亿美金的交易额。

54768ce8t9381b59e669aamp69

UCD研究公司Flow也积极分析网站细节的重要性,他们发现通过修改错误页使之包含有用的帮助文本,可以使购买完成率提高0.5%,由此推断,对于一些特定的网站可能意味着每年25万英镑的额外收入增长。做到这一点也出人意料的简单:一个礼貌的提示信息替换掉一个莫名其妙的404错误而已。

9.搜索同糟糕的导航一样不可靠

互联网用户希望他们访问的网站都有结构鲜明且易用的导航栏。即使你的网站上搜索框功能再强大,访问者仍然会先尝试在导航栏查找自己需要的信息。根据Gerry McGovern做的调查,当要在网站上进行某项操作时,超过70%的参与者会从点击页面上某个链接开始,而不是使用搜索功能。

User Interface Engineering进行的一项追踪30个用户的测试也得到了类似结论:访问者通常只在无法通过点击页面链接找到满意内容时,才会使用搜索功能。

因此不要以为好的站内搜索功能可以弥补网站糟糕的内容、结构。导航、页面架构以及内容组织应该是首先需要改善的,其次才是搜索功能。

10.主页没有想象中那么重要

用户在你的主页上长时间停留的可能性很小。搜索引擎是个主要原因,因为搜索结果可以链接到你的网站上的任何页面。而来自其它网站的链接,也不是仅仅指向你的主页。

根据Gerry McGovern的一项分析,由首页转化而来的页面浏览量在明显的降低。根据他对某个大型搜索网站的调查,2003年网站主页的页面访问量占39%,而到了2010年这一数值下降到了2%。而他研究的另一个网站,首页带来的页面浏览量仅两年的时间就从2008年的10%降到2010年的5%。

Gerry McGovern的研究表明如今的访问量越来越多地来自外部资源,搜索引擎、社会化媒体网站、新闻聚合网站以及订阅器等。因此内部页面的内容、设计、排版远比登录页和主页上的优化更加重要。

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/3186/

(0)
Smiler李想Smiler李想
上一篇 2015-01-23 12:46
下一篇 2015-01-25 17:12

相关推荐

  • 医生如何离开体制创业、卓越的用户体验如何打造 | 首届妇幼医疗高峰论坛精彩环节分享

    本文编辑:卢维晨 要笑尘“2018首届妇幼医疗高峰论坛”于2018年4月21日在上海嘉里大酒店开幕。本次会议由上海春田医院管理有限公司主办,中国非公立医疗机构协会妇产科专业委员会作为学术支持。来自国际、国内知名的妇儿医疗机构投资者、拥有者、运营管理者、妇产儿科医生、医药企业、医疗器械企业、孕婴童产业、互联网创新企业等诸多行业专家领袖出席了本届论坛。本次大会上,隆重发布了中国首部以妇儿医疗机构为主题的《2018中国妇儿医疗机构白皮书》,本...

    2018-04-22
  • 写给产品经理和设计师的用户体验知识4(大结局)

    从2015年起,我陆续写了《写给产品经理和设计师的用户体验知识》系列文章,当时的写作提纲如下:第一部分:先纠结两个概念「用户体验」和「设计」第二部分:设计原则概览原则1:符合用户使用需求原则2:基于用户的心理模型设计原则3:一致性原则4:及时有效的反馈和解释原则5:形式追随功能原

    微信热点 2018-02-12
  • 【软件资源】Axure RP 8.0软件安装教程——附下载地址

    本次给大家提供Axure RP8.0软件破解版,整个破解过程非常简单。软件适合32,64位的操作系统,破解文件下载地址在文末,请查看!软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。安装步骤:1、选择下载的软件压缩包,鼠标右击选择解压...

    2018-03-24
  • 千万级用户的视频体验,我们是这么做的

    如今app的更新迭代速度很快,因此无论在视觉审美还是交互功能上都有新的趋势和风格。乐视视频原有的ui设计风格已经无法跟上目标客户群的审美变化,且在功能上较难满足用户预期,因此需要在整体视觉和产品功能上进行相应的美化和完善,使我们的视频产品无论从视觉还是功能上都能够在给予老用户新鲜感的同时吸引更多的目标用户。

    2017-05-26
  • 双11的电商设计风格:5个角度分析天猫视觉页

    天猫官方的双十一预热页面刚刚上线,本文作者就帮大家分析双十一电商设计的流行趋势,包括场景、配色、角度、标题、辅助性元素等。干货+趋势,绝对值得一读!

    2017-05-17
  • 团队设计沉淀:做好 Style Guide 不容易

    说起 Style Guide (即设计规范),大部分人的第一反应就是 Material Design 和 iOS Human Interface Guidelines,我自己就是靠读这两份文档逐渐入门设计领域,国内外的设计师、开发者们自然也是对它们了然于胸。来大公司实习之后,接到的第一个任 务就是维护、优化团队的设计规范网站,同时最近也经常和饿了么、随手记等互联网公司的设计师或产品经理探讨如何沉淀团队的设计。

    2017-06-04
  • IAMUE 移动客户端的设计作品分享

    Wechat: caochengweiued 分享了他对 IAMUE 移动客户端的设计作品,文末有 阿西 UED 的点评! 阿西UED 的点评: Hi 谢谢你的作品分享,总体上来说,依你当前的学生身份或当前的专业程度,做出这样的设计方案有一定的…

    2016-11-21
  • F型浏览模式:设计一个良好的视觉层级结构

    本文将引导您了解F型内容布局的原理,它是如何工作的,以及如何应用到设计中?

    2017-05-03
  • QQ空间是怎么设计直播功能的?

    什么?空间也做直播了!没错,在当今直播的热潮下,国内外的直播产品大都是基于陌生人的关系链,且内容结构与视觉效果同质化严重。如何让用户更好的分享生活?如何为用户提供差异化的内容消费?如何给用户更多新鲜趣味的互动玩法?这是我们做直播希望解决的问题。
    Qzone依托自身优势,另辟蹊径地发掘基于好友关系链的直播场景。与此同时,我们不断探索更符合空间用户直播的设计形态,发掘与竞品的差异点,寻找直播的下一个突破口,通过系统化的设计,为用户提供非一般的直播体验。

    2016-07-27
  • 交互设计| 谁说只有APP这一亩三分地儿?上天入地都有它!

    ▽什么是交互设计?APP呗!NONONO,太狭隘!人家已经上天啦!大到航天科技,小到手机APP,都会涉及到交互设计,真可谓是“上天入地”,无所不及。小编通过“四个了解、一个目的、一个原则、一个步骤、一个标准、一个区别”告诉你到底什么是交互设计。▽【交互设计专业概述】“四个了解”交互设计又称互动设计,英文Interaction Design, 缩写 IxD 或者 IaD。它是定义、设计人造系统行为的设计领域。交互设计是一种如何让产品易用、...

    2018-02-08