您的位置: 首页 > 艺术设计 > 设计理论 > 水平线上的注意力左倾
sns视觉设计分享 回到列表 设计中的色彩:粉色
 水平线上的注意力左倾

作者:abbo 时间: 2010-04-26 文档类型:翻译 来自:蓝色理想

第 1 页 水平线上的注意力左倾 [1]
第 2 页 水平线上的注意力左倾 [2]

语言从左到右的阅读方向

我们在从由到左阅读习惯的地区进行的可用性研究发现人们更加注重一行的开始部分。显然,在这些语言中,文本一开始便从右侧开始的。即使如此,我们不一定会找到对应的Eyetracking进行,比如说,阿拉伯语和希伯来语同样有以上图表身影。(大概意思就是说当一个国家或地区的阅读习惯是从右到左,那么他们的注意力时间分布图则会与上面的图形成镜像关系,即横坐标写的是从右往左。)

原因是从右到左阅读语言的网站不总是采用从左到右的布局设计。下面是来自迪拜报纸 Emarat Al Youm 和以色列报纸Haaretz网站的布局:


点击放大

Emarat Al Youm是一个真正的右对齐网站。与此不同的是,Haaretz是一个文本右对齐的网站,但仍有一个左侧导航栏。所以,这个视线追踪(Eyetracking,我暂且这样翻译)研究相比于我们普通的英文网站可能更为复杂。(不雇佣我们到以色列进行视野集中研究,我们也就不能确定的了解了。)

优先常规布局

返回到我们常规的从左到右阅读习惯的语言,比如说中文,英语,俄文,甚至是日语——我们的发现意味着什么?

简单的说,坚持传统的网站布局,因为它完美的符合人们浏览网页的习惯。

  • 保持导航的一致在左侧,这是人们希望找到的一个清单;
  • 更加注重主要内容的从左至右排列;
  • 最重要的内容应该占到整个页面宽度的三分之一甚至是一半。这是用户最关注的地方;
  • 保持次要内容在右侧。它不会被过多的关注的,不过已经够了——不是每一个内容都能获得头等位置,你需要一个位置放置并不那么重要的内容。

有趣的是,这个大图所显示的网站布局和主流的内联网布局极其相似。但是这只是一个网站。

占主导地位的浏览模式和网页布局显然演变成了一种从属关系:

  • 人们被训练要注意某些地方是因为那里通常分布有最重要的信息;
  • 就目前,公司创造网站的布局时,他们的信息是按照人们如何分配其整个页面的关注度来排布的。至少,如果他们能读到这篇文章 :-)

如果与传统的布局向背的话,一些用户在浏览你的网站时候将改变关注的习惯。如果你放置重要的东西在右侧, 那么可能碰巧那些(更少)用户在那个区域相比于典型的用户域发现这种信息将花费更多的时间。

这并非是如果用户事先决定:“我将我从左到右看的时间只花2.5%,浏览1000和1100的像素这一段。”

无论如何,你偏离传统设计的代价是:当用户最初浏览你的网页,他们将花费大量时间寻找他们所需要的东西。

如果你的网页布局符合用户的浏览需求,而不是放在非传统的位置,传统布局他们可能不知不觉的轻松找到信息,完成他们想要的意愿。

而且,当你的网站让用户觉得理所当然的时候,你的业务也将会更顺利。下面的Web可用性公约意味着更多的钱。

初次翻译,不妥之处请多多指正

原文:http://www.useit.com/alertbox/horizontal-attention.html
译文:http://web.woai.com.cn/horizontal-attention/

本文链接:http://www.blueidea.com/design/doc/2010/7543.asp 

出处:蓝色理想
责任编辑:bluehearts

上一页 水平线上的注意力左倾 [1] 下一页

相关文章 更多相关链接
10条可用性方面的启发
网页设计中的对比原则
如何设计具可用性的网页表单?
内容适应形式
认知不只是yes or no
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
>> 分页 首页 前页 后页 尾页 页次:2/21个记录/页 转到 页 共2个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2