用户体验之网页板块设计（3）
作者：Reakin 发布时间：2011-05-14 16:41:00
网页板块规划——两栏设计研究
两栏设计页面
对于两栏设计，Jakbo Nielsen也曾对232位用户浏览几千个页面的过程中的眼动情况进行追踪，发现用户在不同站点上的浏览行为有明显的一致性。这种浏览行为有三个特征：
用户首先会在内容区的上部进行横向浏览。
用户视线下移一段距离后在小范围内再次横向浏览。
最后用户会在内容区的左侧做快速的纵向浏览。
显然，用户的浏览行为并非精确的包含这个三个过程，有时候，在这三个过程之后，还会在底部有横向浏览的热点，使得整个浏览热区图看上去更像E而不是F。也有时候，用户浏览时只反应了上述的行为1和行为3，使得浏览热区图像一个倒写的L。但从所有数据整体上来看，用户的屏幕浏览热区图还是较一致地反应出了F图像。
网页板块规划——三栏设计研究
经过分析上面的纯理论性研究，我们再来看一个有趣的用户研究：中、美、韩用户浏览网页习惯。
中韩两国研究者进行了一个关于认知风格(cognitive style)与网页感知(webpage perception)的跨文化研究，找来中美韩三国用户（共27人）进行了眼动测试，研究结果颇有意思。实验是让用户浏览（不做任何点击）以下这个仿照雅虎布局的测试页面（根据用户的国籍使用相应语言版本的页面），眼动仪将做实时记录，测试过程为30秒。
图1：测试页面
研究者将页面分为9个兴趣区域（AOI, AREA OF INTERESTS）。
图2：兴趣区域（AOI）
从下图“前25秒用户访问的AOI总和”可以看出，韩国用户的眼睛一直在整个页面到处跳动。比起其他两个组别，他们更多地在各个区域中跳来跳去。在前15秒，中美两国用户的眼动比较相似：在前10秒，中国用户的AOI活动稍微高于美国用户，但很快就明显领先了。15秒之后，美国用户的AOI的增长率低于中国用户，说明美国人的眼睛活动开始稳定，并开始将注意力集中在页面的某一处。
0
投稿猜你喜欢
1、首先介绍简单的try......except尝试运行的放例如下面的图和代码来简单介绍下：def test(x,y): pri- 用requests包请求https的网站时，我们偶尔会遇到证书问题。也就是常见的SSLerror，遇到这种问题莫慌莫慌。这里没有找到合适的网
- 上一篇相关文章：段正淳的css笔记(2)圆角的做法 1、标题右侧“更多”的实现曾经做上图所示的效果,会使用到position来相对定位到h2
- 操作系统： CentOS 6.9_x64go语言版本： 1.8.3问题描述golang的log模块提供的有写日志功能，示例代码如下：/*go
- 在 玉伯 的文章 《一道大题目，嘿嘿》 中有这样一段代码：[] == ![]也许很多同学迷惑：咦，这个如何转换呢？首先，我们了解下逻辑 NO
- 前言没有特别幸运，那么请先特别努力，别因为懒惰而失败，还矫情地将原因归于自己倒霉。你必须特别努力，才能显得毫不费力。希望：所以说，树倒了，没
- 本文实例讲述了pymongo实现控制mongodb中数字字段做加法的方法。分享给大家供大家参考。具体分析如下：这个非常实用，比如我们需要给文
- pycharm里边安装不上d2l包。按以下步骤操作即可成功解决。1、首先查看现在pycharm所在的环境File—>
- 守护进程模式使用python开发后台服务程序的时候，每次修改代码之后都需要重启服务才能生效比较麻烦。看了一下Python开源的Web框架（D
- 1.INSERT INTO SELECT语句 语句形式为：Insert into Table2(field1,field2,...) sel
- 如下所示：加入代码：pd.set_option('display.width', 5000)补充知识：Python 实现不换
- 现在很多以内容为核心的网站上都在文章底部添加了社会化分享按钮，能让浏览用户在发现一篇有价值的文章时，可以通过社会化网络快速分享给自己的好友，
- pytorch中的gather函数pytorch比tensorflow更加编程友好，所以准备用pytorch试着做最近要做的一些实验。立个f
- python的线程有一个类叫Timer可以，用来创建定时任务，但是它的问题是只能运行一次，如果要重复执行，则只能在任务中再调用一次timer
- 一、准备训练数据主要的数据有两个：1.小黄鸡的聊天语料：噪声很大2.微博的标题和评论：质量相对较高二、数据的处理和保存由于数据中存到大量的噪
- github指路作业要求友情提示ldw老师给の友情提示（虽然感觉也还好/dbq其实还挺有用的）课上讲的例子是图片展示器（能够实现打开图片+镜
- 【原理介绍】通过NETCONF，网管能够用可视化的界面统一管理网络中的设备，并且安全性高、可靠性强、扩展性强。如下图所示，网管与网络中的所有
- 本文分析了PHP7新特性之抽象语法树(AST)带来的变化。分享给大家供大家参考，具体如下：这里大部分内容参照 AST 的 RFC 文档而成：
- 本文实例为大家分享了js调用设备摄像头的具体代码，供大家参考，具体内容如下使用getUserMedia这个API来获取摄像头的权限 兼容ch
- 严格控制Session可以将不需要Session的内容（比如帮助画面，访问者区域，等等）移动到关闭Session的独立ASP应用程序中。在基
