用户体验之网页板块设计（5）
作者：Reakin 发布时间：2011-05-14 16:41:00
根据眼动结果，研究者从两个方面做出了分析：
备注：
Sequential Reading: 眼睛随着区域块依次浏览。
Circular Scan: 眼睛扫描路径接近于顺时针画圆。
Back and Forth Scan: 眼睛在内容之间往返扫描，某个区域在短时间内被反复注视。
Only Scan: 用户只是扫描页面，并没有将焦点放在某个区域，也就是眼动很频密。
Focus on Title: 用户的注意力相对更多地放在标题上。
Navigation Reading: 用户的注意力更多放在导航条上，会花一定时间浏览导航内容(导航的起源也在美国) 。
由此可见，中韩用户更倾向以扫描、打圈的方式阅读网页。同时，中韩用户更喜欢往返于各个内容区域，说明他们阅读时比较随意。相反地，美国用户比较关注细节，也很少这看一眼那看一眼。
下图是从另一个角度来阐释眼动结果。
◆ “0” Shape: 眼动路径类似于画0。
◆ “5” Shape: 眼动路径类似于画5 (也就是，眼睛以此访问: 2, 5, 6, 9, 8, 7区域)。
◆ “N” Shape: 眼睛看完一列再看另一列。
◆ “Z” Shape: 眼睛依次扫过各行。
◆ “X” Shape: 眼睛以对角线的方式扫描，随意跳跃。可见，多数中国人和韩国人都采用0式浏览，而美国人更多是采用5式浏览。也就是说，中韩用户会整体去看一个页面，而多数美国人趋向于从中心向外围浏览。
最后，研究者提出了一些设计建议。对于采用整体思维方式（holistic thinkers）的中韩用户来说，他们更倾向于扫描页面整体，而且以一种非线性的浏览方式，因此内容安排可以较为灵活。对于采用分析性思维方式（analytic thinkers）的美国用户来说，页面布局要非常清晰，每个信息区域都要有区别于其他区域的特点，导航部分也尤其重要。
视觉焦点之几何圆的使用
由于每个人受教育程度、知识面、习惯、及生活方式、对色彩的喜好等因素的影响，不同的人对同样的设计会有不同的理解和判断。例如“我不喜欢这个网页的设计”、“花花绿绿不喜欢”、“是不是用黄色比较好”、“喜庆的节日当然用红色啦”、“还是采用苹果的灰色比较好”、“左边栏再宽出10像素更好”……这些在工作中轰炸你头脑的“建议”每天都会发生。
我们不可能满足每一个人对于色彩、页面设计的喜好，但是我们可以从另一个交互设计的角度来满足绝大多数的需求，这就是——视觉焦点。
0
投稿猜你喜欢
这篇文章我们来讲讲如何在python使用bs4模块返回值中正确使用find和find_all来取值。我们先来看看find函数在两种场景使用：- 产品通常分两种，一种是遵循现有用户习惯，一种是颠覆用户习惯。至于什么是用户习惯，你现在用右手还是左手操作鼠标，这就是你的习惯。很多公司团队专
- clone 一个新项目，发现导包的时候出错 …原因可能是 pycharm 的根目录设置不对。设置根目录的步骤 如下 ：来源：https://
- 代码如下:<form action="insert.asp" method="pos
- 技巧之一：提高使用Request集合的效率 访问一个ASP集合来提取一个值是费时的、占用计算资源的过程。因为这个操作包含了一系列对相关集合的
- 1. 概述快过年了，刚刚收到了两个消息，一个好消息，一个坏消息。先说好消息，好消息就是微信群里有人要发红包，开心~不过转念一想，前几次的红包
- LyScript 中提供了多种内存特征扫描函数，每一种扫描函数用法各不相同，在使用扫描函数时应首先搞清楚他们之间的差异，如下将分别详细介绍每
- 正态分布应用最广泛的连续概率分布，其特征是“钟”形曲线。这种分布的概率密度函数为：其中，μ为均值，σ为标准差。求正态分布曲线下面积有3σ原则
- 一、日志级别1. 级别定义logging模块提供了5种日志级别，分别为：CRITICAL>ERROR>WARNING>IN
- 如何向前端推送用户请求的信息？postinfo.htm<head><title>asp教程之回应用户请求信息&nbs
- Pytorch损失函数torch.nn.NLLLoss()在各种深度学习框架中，我们最常用的损失函数就是交叉熵（torch.nn.Cross
- Css3引入了新的盒模型——弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）
- 1、找到python的安装目录在python （版本号）\lib\idlelib目录下添加Clearwindow.py文件源代码如下：cla
- 在使用Python多年以后，我偶然发现了一些我们过去不知道的功能和特性。一些可以说是非常有用，但却没有充分利用。考虑到这一点，我编辑了一些你
- vue-cli创建项目时由esLint校验导致报错或警告vue-cli创建项目后编写代码控制台一片黄但不影响代码执行但是看着就是很不爽啊到网
- NumPy(Numerical Python) 是 Python 语言的一个扩展程序库，支持大量的维度数组与矩阵运算，此外也针对数组运算提供
- 今天大概弄懂了partition by和group by的区别联系。1. group by是分组函数，partition by是分析函数（然
- 在 Python/Django 的世界里有这样一个谚语：为语言而来，为社区而留。对绝大多数人来说的确是这样的，但是，还有一件事情使得我们一直
- 逆向最大匹配方法有正即有负，正向最大匹配算法大家可以参阅https://www.jb51.net/article/127404.htm逆向最
- Jabob Nielsen提出的10个可用性原则中有一个原则-防止出错（Error Prevention）。官网中有对这一原则的具体解释，这
