基于数据的可用性研究

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

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

相关推荐

  • 当与需求方争论时,UX 设计师的正确姿势该是怎样的?

    在我们平常的设计工作中,和需求方产生各种争论的情况很常见,双方都比较偏执强势的时候,很容易陷在各自的立场中,谁也说服不了谁;如果设计师本身就离自己负责业务的用户有一定距离(比如大多数的 B 类产品),就更容易在需求方面前陷入被动。这种时候,我们更需要从自己的专业思考角度走出来,用科学的方式去收集、分析、定位、验证问题,洞见问题本质,来和对方更好地达成一致。产品经理 A:我们的首页好久没改版了,要不要来点动作?
    设计师:好啊好啊,我也正想和你提议呢,早就看不下去了!
    (省略双方需求沟通过程若干字)
    ***进入设计评审阶段***
    运营:哎,这个内容对我们推广 XX 很重要的,怎么能去掉呢?
    产品经理 B:我负责的这块业务你是不是漏掉了,要首页首屏重点透出!
    产品经理 C:你要考虑万一某某用户来访怎么办,他们的诉求得满足~
    老板:我需要什么什么感觉,没体现出来啊!
    设计师:塞这么多东西用户都想看吗?
    众人:我不管,这块内容很重要的!
    ***设计师吭哧吭哧改了一版新的***
    众人:感觉好复杂啊!是不是还是别改了……当所有人都觉得一匹更快的马已经够用时,该如何说服他们接受相对昂贵、不容易习惯的汽车呢?

    2017-05-02
  • 六个步骤,细说电商banner图设计之色彩的奥秘

    我们常常会说到做设计需要知道三大构成(色彩构成/平面构成/立体构成),设计又可以分很多个类别,比如网页设计/UI设计/电商设计/室内设计/工业设计等等,那对于电商设计有没有专门的三大构成呢?至今好像没有看到,所以我想尝试着梳理一下我脑袋里的知识点,专门讲解一下三大构成在电商设计中的运用,而今天我先从色彩在电商设计中的运用开始说起。

    2017-05-21
  • Android 和 iOS:两个系统交互设计的不同之处在哪?

    iOS 和 Android 的设计还有许许多多的不同之处,比如字体、Tab bar 设计、物理键操作方式、编辑模式、APP 体现个性的方式……在设计移动端产品的过程中,设计师们可以更多的去思考两者的异同,并且更多的关注一下 Android 系统独有特性的运用,不仅仅节省了开发成本,同时也更好的为 Android 用户所接受。1dp(Android)=1pt(iOS)
    以48dp@160dpi计算的话
    mdpi 48px (160dpi, 1x) 基础尺寸,已经非常少使用
    hdpi 72px (240dpi, 1.5x)低分辨率
    xhdpi 96px (320dpi, 2x) 同iOS @2x
    xxdpi 144px (480dpi, 3x) 同iOS @3x
    xxxdpi 192px (640dpi, 4x) 更大更高更强的分辨率

    2017-05-06
  • 沃尔沃自主驾驶概念交互设计欣赏

    沃尔沃自主驾驶的概念交互设计来自设计师Keke Le用户调研 |  HMI设计 |  UE/UI设计 |  HMI培训  |  HMI评测  | 体验咨询

    2018-03-21
  • 【Material Design】Chrome iOS版微交互创新(下拉管理tab)

    平时在手机上主要用Safari,今天用Chrome时下意识的手指下拉滑动,发现已经可以通过下拉操作来管理tab,而且不仅仅是下拉刷新,还有进一步的优化和创新: 直接下拉是刷新当前tab 下拉并往左滑可打开新的tab 下拉往…

    2015-08-19
  • 听Google设计团队讲述新logo是如何被设计出来的

    [核心提示] Google 为什么要换 logo,这个新 logo 是以什么样的理念和思路设计出来的?来听听 Google 设计团队自己的解释吧~

    2017-06-04
  • 交互设计丛书分享:《瞬间之美:Web界面设计如何让用户心动》

    作者简介: (美国)Robert Hoekman.Jr Robert Hoekman,Jr.著名的交互设计师。Miskeeto公司创始人,曾任职于Adobe、美联航等知名公司。除本书外。他还著有Desiging the Obvious以及FlashUser Experience Best Practi…

    2015-07-26
  • 一篇文章读懂用户体验(下)

    前言:一直有在梳理自己的知识结构,也靠这些所谓经验做了几年行业培训,今年是从业的第十一年,我觉得差不多是时候把这些最初来自同行、互联网和书籍的知识再还给行业,我会把所有所得分章节逐渐整理发出,希望能对行业尽一份绵薄之力,同时也作为一种仪式,好让自己重新出发。举个栗子:假设我是个潮人,同时我也是个医生,那我就有两个角色。如果给我设计一款音乐播放器,应该给我一款酷炫的,我会喜欢。但当我坐在办公桌边,给病患开药的时候,我电脑的开药软件需要很酷炫吗?我一边摇晃脑袋踩着节奏,看着充满特效的界面开出来的药,你敢吃吗?所以医院的软件需要简洁,保证开药的准确度。(然而需要强烈的视觉表达情绪的设计例外)。

    2017-06-01
  • 真实案例:如何量化生活服务中的用户体验?

    能把用户体验量化起来么?这算是做好优化用户体验行为的一个前提吧。如果我们能把某件事物的用户体验量化起来,就有了尺度和标杆,这样就能更好的优化UED活动。碰巧最近我碰到了一个同类服务的不同体验,在五家银行更新证件有效期,就以此为例子来分享下我个人对用户体验的量化见解。

    2017-05-26
  • 一道交互设计笔试题的思考

    又到了一年两度的招聘季时节,这个时间肯定有一大堆人都在海投面试。恰好最近又做了一份笔试题,顺便就来聊一聊交互设计笔试题要怎么做吧。 我碰到过的交互设计笔试题有两种,一种就是两三个小时内给你三四道题,然…

    2016-04-13