基于数据的可用性研究

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

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

相关推荐

  • 从9个方面聊聊用户体验设计的发展

    今天饿了么UED的小满同学给大家翻译了一篇国外的用户体验 设计回顾总结文,里边提到的9个观点都特别有前瞻性,剥离开细枝末节的视觉风格和交互原则,这些很有可能成为未来优秀设计师必备的硬能力。在甲方的阴沟里待久了,来仰头展望下真正「以人为本」的设计思考。

    2017-05-29
  • 设计室开题 | 用户体验设计从入门到实战

    凯诺设计室(Canopy Design Studio)基于研究、实际项目而设立,每期6-12人、5-10周,在设计室讲师的带领下,从无到有生成完整方案,基于线上教学,打破地域限制,回归设计专业基于studio教学的本质,主题涵盖建筑、景观、城市、艺术、人机交互、用户体验设计等领域。*设计室开题请关注凯诺公众号或官网这是第38个凯诺设计室▽Chenyu SiWanderlust Inc 产品设计师加州大学圣地亚哥分校HCI学士凯诺优秀讲师...

    2018-04-07
  • 交互设计不只是解决业务问题

    「解决问题」是很多人对设计的定义归纳,具体到产品/交互设计领域,深入理解业务并提出合适的解决方案也是一项很基础、重要的要求。但对于用户体验/交互设计师来说,我觉得「理解业务」和「解决问题」本身都并不足…

  • 移动交互设计欣赏(GIF)

    今天为大家上一组动态的移动交互设计,好好欣赏哦!   更多讨论内容请关注:学堂群:156360020 | 微信号:Aioued | 新浪微博:艾欧交互学堂

    2014-11-20
  • 为熟练用户设计:如何设计才能帮助用户提高使用效率?

    本文作者将从导航和首页的信息排布、操作时间和快捷键三个方面展开,在通讯产品、办公软件等这类被大量使用场景的产品中,该如何设计才能帮助用户提高使用效率?

    2017-05-19
  • 5步快速制作移动动效

    Sketch+Keynote双剑合璧:5步快速制作移动动效 2014年,Facebook推出了新闻阅读应用Paper,诸多交互细节与炫酷动效启动了界面设计的新时代,Google的Material Design更是将移动动效提升到了app基础体验环节的高度。…

    2015-04-11
  • 如何基于开发的视角进行产品设计?

    既然UI设计师的主要工作是交付,那么学会以开发的视角和分析方法来进行设计将非常重要。

    2017-05-07
  • 几乎是最完美的用户体验模型—CUBI

    【导读】我们都希望能做出引人注目的创意项目——能解决业务问题,同时通过有意义、有价值的体验吸引用户的项目。然而,紧缩的预算以及紧张的时间安排,都给创造真正新颖的设计、确定设计流程中的遗漏,以及充分考虑…

    交互设计 2015-04-24
  • D1-交互设计入门

    一阶段:1.交互设计基本原则2.平台特性及其设计规范3.做交互设计的方法,工具4.掌握交互设计的基本流程二阶段:1.特定控件设计,2.特定界面设计3.独立常用功能设计三阶段:1.多项功能设计2.方法研究,总结3.竞品和优秀产品分析4.最新的系统和产品分析5.了解前段技术四阶段:1.产品架构2.设计趋势3.产品发展趋势Windows 用户体验交互设计规范http://www.uxguide.net/wiki/windows:HomeiPh...

    微信热点 2018-04-07
  • 交互、研发、视觉部门的协作工作技巧分享

    本文转载自交互学堂公众号,作者阿西UED 交互、研发、视觉部门的协作工作技巧分享 微信号:IxDSchool 本文是图片形式,打开有些慢,请耐心加载完再阅读。这里有原文地址

    2016-01-15