运用眼动研究,优化页面布局

  互联网出现以来,网站和用户的成长一直在相辅相成——网站从简单的主页展示发展到现在的电子商务,挑战传统渠道;用户从当初的潮人一拨变成了如今的普罗大众……在“可用性”方面来讲,网站的做法引导了用户,在无形中建立了用户的使用习惯和稳定的心理预期,而用户本身,也是道高一尺魔高一丈地无师自通了“无视广告”的惯性行为…… 可以说,两者一直在互相培养,长期迁就的历程中。

  一、首先要树立意识:遵循常规,尊重用户

  要打造一个优秀的网站,必须要正视这个现实,也就意味着要做到:遵循网站常规、尊重用户习惯。

  所谓网站常规,也就是在长久的磨合和锤炼以来,网站所沉淀下来的惯用做法,用户已习以为常不以为意,就像吃饭喝水一样自然。这种常规,遵守了的利益不明显,打破它的代价却会有点大——用户到你的网站上找不到自己想找的东西,拔脚走人。

  网站常规如下:

  显而易见的菜单栏,贯穿页面顶部

  网站徽标位于所有页面左上角

  搜索输入框位于所有页面右上角

  登录、注销位于所有页面右上角

  功能导航位于页面顶部或最下面,比主导航略小或视觉感觉略弱。

  优秀页面的成功要点:

  简洁:(1)控制内容数量,(2)控制风格种类,风格一致便于识别:信息较多时要呈现一致的格式。(3)善用空白区、内容框和色彩有助于用户看到。要勾划出这些区域,不要让内容太杂乱。注意一点,色彩会提升彩色框中内容的重要性。所以,要善用,不能滥用。

  清晰:(1)标题让人一目了然:每个版块都要有标题。(2)清晰的图片引人注目,模糊的图片会被无视。

  二、然后从分析自己、分配版面开始

  好网站的第一步:

  明确优先级:明确用户来网站的任务Top10,明确各内容模块的优先级

  合理分配版面,突显最重要元素:划分页面的优势区,把最高优势区分给最高优先级,一一对应

  然后就是遵循以上说到的“简洁”和“清晰”原则。

  有时也难以避免失败(用户找不到要找的东西、页面主要图片成了用户回避的对象),失败通常有如下原因:

  低级错误是网站方面的设计失败:优势错配以至于给用户完成任务碍事了;术语不清晰以至于用户视而不见

  有些问题是用户方面的原因:广告盲(用户已习惯忽视貌似广告的一切东西);用户类型(搜索型还是浏览型);惯性行为(用户个人特点)

  三、具体研究,对症下药

  对具体网站的眼动研究

  设定任务后,对每个任务可采集的定量数据

  c 任务完成时间

  a 用户体验评级

  b 任务完成成功率

  c 任务完成时间

  d 错误路径

  研究方法

  a和b可以结合起来评定网站是否基本可用。再加上c可以说明网站是否高效好用。d可以解释c为何冗长。发现d问题以后也可就出错点进行轨迹图分析。

  研究要点

  对被访者的仔细观察

  对其视线转换的清晰解读

  对网页布局的全面了解

  作者:fries418

  文章来源:学而时析之

时间: 2024-10-06 06:05:05

运用眼动研究,优化页面布局的相关文章

网站交互设计:优化List式信息结构——眼动研究

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 List式信息结构是在网页中常用的,一种类似于表单的自上而下的信息分布方式.例如Facebook中和其他社交网站中常用的信息流,很多电商网站中常用的产品列表,这些都属于List式信息结构. 关于List式结构的研究有很多,它的优点在于其符合目前人类自然阅读的两条基本规律 - 自上而下,从左往右.但是经过近些年的眼动研究,其缺点也越来越多的被发

优化List式信息结构 — 眼动研究

List式信息结构是在网页中常用的,一种类似于表单的自上而下的信息分布方式.例如http://www.aliyun.com/zixun/aggregation/1560.html">Facebook中和其他社交网站中常用的信息流,很多电商网站中常用的产品列表,这些都属于List式信息结构. 关于List式结构的研究有很多,它的优点在于其符合目前人类自然阅读的两条基本规律 -   自上而下,从左往右.但是经过近些年的眼动研究,其缺点也越来越多的被发现,即注意力分布不均匀,处于较顶端的元素获得

网页List式信息结构:对三种List式信息结构的眼动研究

文章描述:优化List式信息结构 - 眼动研究. List式信息结构是在网页中常用的,一种类似于表单的自上而下的信息分布方式.例如Facebook中和其他社交网站中常用的信息流,很多电商网站中常用的产品列表,这些都属于List式信息结构. 关于List式结构的研究有很多,它的优点在于其符合目前人类自然阅读的两条基本规律 - 自上而下,从左往右.但是经过近些年的眼动研究,其缺点也越来越多的被发现,即注意力分布不均匀,处于较顶端的元素获得了90%的关注度,而中间部分的元素则很难被注意到,具体详细信息

交互设计理论:描述眼动研究的作用

在与国内互联网用户研究同行交流时,常常会被问到"腾讯很早就拥有眼动仪了,那是不是经常用到它?"."眼动研究的结果有什么特别的作用?"等之类的一些问题.他们询问这些问题时基本都是出于好奇.感兴趣而发问的,毕竟相对来说,眼动研究方法在国内互联网用户研究领域还不像可用性测试等方法那样普及.今天在这里想谈谈眼动研究方法在腾讯用户研究工作中的一些作用,各位读者有兴趣都可以多多讨论交流. 随着科技的发展,目前许多品牌的眼动仪和相应的软件配置系统,都可以精准地跟踪到被测试者的眼动

社交网站个人首页的眼动研究

编者按:本文翻译自Mashable,来自Nick Zhuo的投稿,你可以点击这里查看Nick的个人博客.以下是正文: EyeTrackShop近日发布了一份分析报告,显示了在各大社交网站中,个人信息页面(Profile Page)被浏览时候的热点分部情况. 这项研究使用网络摄像头记录下了30个参与者在浏览各个社交网站个人信息页面时候的眼动情况(进入页面后10秒内的数据).记录下的数据包括:页面上的哪些内容被重点"关照"到,以及用户浏览页面各主要区域的先后顺序.被调查的社交网站包括:Fa

视觉设计理论:眼动研究和数据分析

设计师常有这样的疑惑:如何知道用户浏览网页的习惯?如何设计出符合用户使用习惯的网页?如何从搜索引擎带来更多的流量? 眼动研究可以帮助我们记录用户浏览网页快速变化的眼睛运动数据,包括:注视点.注视时间.眼跳方向.眼跳距离和瞳孔直径等多种参数,还可以绘制眼动轨迹图,直观而全面地反映眼动的时空特征. 在这期<眼未动,心已动>的分享上,轻侯以淘宝的经典案例为例,让我们亲身体会了眼动仪实验的过程和对数据结果的分析,同时详细介绍了:1.眼睛的生理.心理构造 我们的眼睛有两根轴线,一个是光轴, 一个是观察时

用户体验:眼动研究介绍 应用价值与问题

中介交易 SEO诊断 淘宝客 云主机 技术大厅 随着用户体验的兴起与技术设备的进步,眼动研究已经越来越为人熟知,国内更多的研究咨询机构或企业自身开始配备了眼动仪.但对于眼动技术与研究方法,许多朋友们仍然是雾里看花水中望月,希望进一步了解眼动研究的作用,学习分析使用的方法.其中大家最关心的问题之一是眼动研究有什么特殊作用?本文的目的是对眼动研究做一个浅显的介绍,并回答是什么与为什么的问题. 很多人也都很关心怎么做的问题,给感兴趣的朋友推荐一本很有价值的最新译著<用眼动追踪提升网站可用性>一书与补

眼动研究介绍:应用价值与问题

随着用户体验的兴起与技术设备的进步,眼动研究已经越来越为人熟知,国内更多的研究咨询机构或企业自身开始配备了眼动仪.但对于眼动技术与研究方法,许多朋友们仍然是雾里看花水中望月,希望进一步了解眼动研究的作用,学习分析使用的方法.其中大家最关心的问题之一是眼动研究有什么特殊作用?本文的目的是对眼动研究做一个浅显的介绍,并回答是什么与为什么的问题. 很多人也都很关心怎么做的问题,给感兴趣的朋友推荐一本很有价值的最新译著<用眼动追踪提升网站可用性>一书与补充报告(见延伸阅读),这里就不探讨了. 眼动是什

国外社交网站个人首页的眼动研究情况

编者按:本文翻译自http://www.aliyun.com/zixun/aggregation/6139.html">Mashable,来自Nick Zhuo的投稿,你可以点击这里查看Nick的个人博客.以下是正文: EyeTrackShop近日发布了一份分析报告,显示了在各大社交网站中,个人信息页面(Profile Page)被浏览时候的热点分部情况. 这项研究使用网络摄像头记录下了30个参与者在浏览各个社交网站个人信息页面时候的眼动情况(进入页面后10秒内的数据).记录下的数据包括: