基于数据的可用性研究

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

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

相关推荐

  • 深度剖析|直播页面中的聊天区

    本文将从设计角度深度剖析聊天区。

    2017-05-20
  • 登录表单的那些事儿

     雅婵总结并供稿于我是UE网,转载请注明来自我是UE网。

    2015-06-12
  • 体验方法论:以目标为导向的设计

    产品名称:金融圈APP 设计团队:金融圈UED设计中心 项目介绍:本项目为首页改版方案,与产品经理,交互,运营,视觉四方共同讨论得出的一期改版方向 设计目的:以体验设计方法论体系结合商业目标对APP首屏进行改版 …

    2016-08-31
  • 这7个趋势,也许是2017年电商用户体验设计的关键

    沉浸式体验,虚拟助手,个性化的购物体验,这些都是未来的购物方式的进化方向,影响用户购买的因素更加复杂,而大数据则能够在各个不同的环节帮助电商从业者预测用户的行为与口味。所有这些因素都和用户体验相关,同时,它们也意味着,电商行业任重而道远。

    2017-05-13
  • 如何在页面上减少用户操作

    作者:柒0   最近有同事在公司反馈:“有用户说xx流程、xx流程太繁琐了。”产品经理反驳:“怎么可能,我已经对标过业内很多体验很好的app,流程上的步骤我敢保证我们绝对不比别人多。” 作为“好事”的交互,我决定走查…

    交互专题 2017-08-07
  • 2018年交互设计和用户体验设计趋势合集

    来源:沪江用户体验中心&Nick Babich,翻译丨优设陈子木设计和体验从未像现在这么重要。在过去的10年当中,设计不断适应着用户的新需求,发生了翻天覆地的变化。虽然我们不大可能预测太远的未来,但是我们仍然可以对明年的设计趋势有一个基本的猜测。今天的文章,我们将会探讨2018年影响用户体验设计领域走向的10个关键性的设计趋势,这些趋势甚至可能会持续几年。1、专注内容的体验设计近年来,设计师越来越倾向于采用极简和扁平化的设计,这种设计策...

    2018-02-06
  • Axure小白,快速做出冲顶大会高保真原型,全靠它(附源文件下载)

    Hi,大家好我是Axure实战班萌萌哒的班主任Sara(*^▽^*)这是一篇很有内容的Axure班介绍文章如果你被Axure困扰想快速玩转Axure,做出标准的原型图想写出规范的原型说明,掌握产品交互那么花3-5分钟了解下这个实战班吧,2000多位同学报名学习了,不会错的~先给大家看看我们班liwen同学,做的冲顶大会gif图喔,真的很棒棒耶(*╹▽╹*)(福利资料:添加班主任Sara为好友,可获取“冲顶大会”原型文件。Sara微信见文...

    2018-03-26
  • 日照这家单位招人啦!提成、五险一金、带薪培训、年终奖、节日福利···

    关于我们与其说我们是一个团队,我倒觉得我们更像一个温暖的大家庭。工作上我们团结协作、互相体恤,生活上我们互相帮助、彼此鼓励,家人遇到困扰,我们会拧成一股绳共度难关,家人有喜事有收获,我们会由衷的祝贺!我们每一个人都在用真心去经营我们的置业网大家庭,所以我们无比珍惜和感恩,也希望你和我们一样将它视如珍宝……公司简介日照置业网传媒有限公司主要经营各类广告的发布代理及各项活动策划,各类网站制作管理维护与设计,目前经营包含日照置业网等6家网站,...

    2018-04-08
  • 手机系统苹果、安卓交互设计的通用原则总结!

    :请点上面免费订阅系统的设计从用户角度来说,交互设计是一种如何让产品更容易用,让用户更愉悦地使用产品。它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解用户心理和行为特点,并用通用的交互能满足用户操作的预期。下面介绍一下在交互设计中一些比较通用的设计原则,大家可以参考一下。交互1、就近原则:将同一类的功能都组织放在页面相同模块中。2、容错原则:必须允许用户有犯错的操作,给予用户后悔的操作机会。3、帮助原则:为用户提...

    2018-02-16
  • 设计并不仅仅关乎视觉和感受,它要呈现的是事物运作的规律。

    动效能讲述故事。和图片不同,动效能够呈现变化的过程,讲述一段简短而有趣的故事,能够同你进行对话:“嘿,你该看这个按钮了”或者“哦耶!你刚刚完成了一个操作!”不过,动效的目标并不是单纯的娱乐用户,而是帮助用户了解交互的效果和界面中发生的变化,让用户更为有效地使用你的APP。

    2016-10-24