摄影中有一个普遍的原则,即照片应引领观众的眼睛。这通常是通过横跨照片的一条线来完成的。认识到观察者将如何扫描您的照片通常有助于构图,并且观察者的眼睛扫描照片的方式有时甚至会改变照片的含义。
在网页设计中可以做些什么,以使用户的眼睛朝着想要的方向浏览整个网站,而无需用户寻找页面的正确部分?
例如,您可能希望用户先看到徽标,然后再看到站点的简短描述,然后再看到文章。除了将这些项目放在一个垂直列中,并在其下放置一个,并从页面中删除所有其他元素之外,您如何将用户的视线从一个移到另一个?
摄影中有一个普遍的原则,即照片应引领观众的眼睛。这通常是通过横跨照片的一条线来完成的。认识到观察者将如何扫描您的照片通常有助于构图,并且观察者的眼睛扫描照片的方式有时甚至会改变照片的含义。
在网页设计中可以做些什么,以使用户的眼睛朝着想要的方向浏览整个网站,而无需用户寻找页面的正确部分?
例如,您可能希望用户先看到徽标,然后再看到站点的简短描述,然后再看到文章。除了将这些项目放在一个垂直列中,并在其下放置一个,并从页面中删除所有其他元素之外,您如何将用户的视线从一个移到另一个?
Answers:
尺寸,颜色和对齐方式之间的平衡至关重要。凭经验,您会知道什么以及何时使用这些技巧来吸引注意力。幸运的是,在网站上我们可以跟踪到这种关注,并且对此事有很多科学研究,例如Jakob Nielsen网站上有很好的数据。
关于眼动追踪我想说的是,出于预算考虑,现实上没有人愿意为甚至不使用眼动追踪装置付费。(已经很难说服办公室的老板在项目的任何阶段进行几个小时的可用性测试...。)我个人更喜欢与真实的人一起进行可用性测试,以判断我的Web设计组成。即使这意味着带着我家人的朋友,并把他们放在屏幕前问问题或看他们的行为。
眼动追踪并不能告诉您是什么用户在看他们是否了解它。如果他们感到沮丧,则犹豫不决或只是欣赏图形组成。
史蒂夫·克鲁格(Steve Krug)的《火箭外科轻松》(Rocket Surgery Made Easy)可以为您提供帮助
正如koiyu在评论中提到的那样,眼动追踪是您应该追求的。您可以按照领先用户的意图进行设计,但是真正知道您是否要实现目标的唯一方法是进行眼动追踪研究。
就是说,您可能会发现我的答案对于以下问题很有用:如何吸引人们注意设计的特定领域?这不是完全相同的问题,但是很接近。
更多眼动追踪资源:
眼动追踪服务:
快速提示:包括一个人在注视或指向您的目标对象的图像(例如,产品,订阅按钮)。这是一个广告示例,但我在网页上看到了相同的策略:
(来源:http://www.grokdotcom.com/2007/10/04/how-a-pretty-face-can-push-visitors-away/)