基于数据的可用性研究

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

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

相关推荐

  • 2016天猫双11背后的品牌故事:全民剁手“All in one”

    2016 双11,“All in 1” 主标识,意为“精彩不止一点”。让我们随着阿里小编一起了解2016天猫双11背后的品牌故事。All in 1!将全平台、全品牌、全球融合到一点,迸发出更精彩的世界!

    2017-05-17
  • 面向友好用户体验的交互设计:刘老师课件精简版

    浏览网页、手机拍照上传朋友圈、用自动售卖机购买饮料,我们无时无刻地与周边的产品或服务发生着交互。使用过程中的每一个身心感受就是一次交互体验。随着信息科技的发展,各种新产品和交互方式层出不穷,人们也越…

    2015-11-22
  • Axure RP软件

    长按链接复制链接到浏览器打开Axure RP 7.0软件及安装教程下载地址:链接:https://pan.baidu.com/s/1mkqu1Ws密码:467u长按链接复制链接到浏览器打开Axure RP 8.0软件及安装教程下载地址:链接:https://pan.baidu.com/s/1c3h7c1i密码:esqr给大狮兄一个赞赏大狮兄想生存下去,我还想以后给你更多好用的软件赞赏的狮粉记得备注名字,大狮兄想记得你的名字大狮兄资源吧专...

    2018-03-04
  • 在007里的用户体验是“爽”还是“不爽”

    有一天在微信上和007社群的班级一位同学聊天,一通天南海北的乱扯后,话题就回到007这个社群上了,因为这段时间我参与007社群的一些活动,对这个话题特别敏感,然而他却流露出对这个社群的很多不满意,我们之间的一段对话让我思考了很久很久。对了,这两天你看了你们小组的信息了吗?小组信息?刚看,不过我最近在考虑要不要直接退出007,感觉没意思,也啥时间整这些了。那你当初为啥参加007啊?没啥,就是觉得应该养成一个写作的习惯以及可以认识一些稍微志...

    2018-04-11
  • 《用户体验可视化指南》视频讲书(6)

    《用户体验可视化指南》书中第2章的第2部分从伦敦地铁地图,看体验地图的元素、范围和根据目标的取舍。点击视频观看(大约10分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享从这里开始讲绘制共线图前的5个思考点:视角、范围、焦点、结构和用途。蓉姐在这节视频中主要讲解了视角和范围这2点。1、视角有2个决定因素,目标用户和想要绘制的体验类型。a. 每类目标用户,在产品互动的关键触点上,应该是有明显差异的。哪些企业的主目标用户,哪些是次级...

    2018-04-10
  • Axure RP 8.1.0.3372 Mac中文破解版

    今天分享的是Mac下一款快速原型设计工具——Axure RP,有了它可以大大提高你的工作效率。之前有朋友留言需要8.1.0.3372版本。Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示 意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需...

    2018-03-21
  • 好的设计:存在于无形当中

    东东导读:对于社交类产品来说,优秀的设计,应该是不争强好胜般凸显在用户面前的,而电商类和社交类产品很不一样,电商类的产品经理想的首先是GMV(成交金额),一切是为着GMV转的举例:用户刚购买了眼镜,那么给用户推荐眼镜盒,而不是推荐洗脚盆;用户刚订了周六上午的话剧,那么给用户推荐话剧院旁边的餐厅,而不是继续推荐其他的话剧;当用户刚购买了一张飞往巴黎的机票,那么给用户推荐机场的接送机,而不是一股脑的推荐旅游产品。举例:用户明天飞往曼谷,提前一天发短信提醒用户航班信息,告知用户曼谷明天的天气,若有紧急新闻事件也可一并告知(比如曼谷突然发生恐怖爆炸事件,只要跟用户切身相关的,请第一时间告知用户)。然后顺带可以推荐接送机服务。

    2017-06-03
  • 5个关键词看小程序和App的UI设计异同

    微信总喜欢在深夜推出一个大新闻,昨晚10点,小程序开放公测的消息一出,我公号的文章都推不出去了,一直显示系统繁忙,那得是多大的流量啊,心里暗想,能分我一点零头就好了,估计是我想多了!

    2017-05-16
  • 使用 Sketch 3.9 快速实现响应式设计

    Sketch3.9 终于发布了原生的响应式设计解决方案。只需要设置一个属性,便可以快速实现任意尺寸的适配。 昨天晚上,Sketch发布了3.9beta版 http://www.sketchapp.com/beta/ 其中更新的一个非常重要的功能,就是是可…

    2016-06-27
  • 2018 阿里UCAN设计论坛会议纪要

    阿里UCAN设计论坛会议纪要 1.开幕词—张建锋 阿里巴巴首席技术官 1.1 UED的关键词 用户体验背景下ued未来的两个关键词是创意与智能。从产品的角度来说是与用户的交互和视觉表达,依赖于三个部分: 第一,信息架构的…

    交互专题 2018-04-24