如何引导用户关注网站


25

摄影中有一个普遍的原则,即照片应引领观众的眼睛。这通常是通过横跨照片的一条线来完成的。认识到观察者将如何扫描您的照片通常有助于构图,并且观察者的眼睛扫描照片的方式有时甚至会改变照片的含义。

在网页设计中可以做些什么,以使用户的眼睛朝着想要的方向浏览整个网站,而无需用户寻找页面的正确部分?

例如,您可能希望用户先看到徽标,然后再看到站点的简短描述,然后再看到文章。除了将这些项目放在一个垂直列中,并在其下放置一个,并从页面中删除所有其他元素之外,您如何将用户的视线从一个移到另一个?


7
您可能对Nielsen&Pernice 撰写的
JariKeinänen2011年

2
@koiyu我去找了“ F”的文章,当我意识到你已经有文章的时候就打算发表它。我不能足够强调这种阅读习惯的重要性。优秀的设计与这种潮流保持一致,而劣质的设计则与之相反。
zzzzBov 2011年

1
我有点反对眼动追踪。不是因为它没有用,而是因为在我想要进行简单的可用性测试的任何项目中,老板和公司的理念都是要做到最便宜,更快的一切。我真的不相信,在大多数情况下,您都可以说服购买眼动追踪系统,并且能够在没有适当的人类行为/心理学指导的情况下正确地对数据进行分析。
2011年

Answers:


8

尺寸,颜色和对齐方式之间的平衡至关重要。凭经验,您会知道什么以及何时使用这些技巧来吸引注意力。幸运的是,在网站上我们可以跟踪到这种关注,并且对此事有很多科学研究,例如Jakob Nielsen网站上有很好的数据。

关于眼动追踪我想说的是,出于预算考虑,现实上没有人愿意为甚至不使用眼动追踪装置付费。(已经很难说服办公室的老板在项目的任何阶段进行几个小时的可用性测试...。)我个人更喜欢与真实的人一起进行可用性测试,以判断我的Web设计组成。即使这意味着带着我家人的朋友,并把他们放在屏幕前问问题或看他们的行为。

眼动追踪并不能告诉您是什么用户在看他们是否了解它。如果他们感到沮丧,则犹豫不决或只是欣赏图形组成。

史蒂夫·克鲁格(Steve Krug)的《火箭外科轻松》Rocket Surgery Made Easy)可以为您提供帮助


5

正如koiyu在评论中提到的那样,眼动追踪是您应该追求的。您可以按照领先用户的意图进行设计,但是真正知道您是否要实现目标的唯一方法是进行眼动追踪研究。

就是说,您可能会发现我的答案对于以下问题很有用:如何吸引人们注意设计的特定领域?这不是完全相同的问题,但是很接近。

更多眼动追踪资源:

眼动追踪服务:



0

我可以想到两种简单的方法来引导用户访问网站:

  1. 在页面元素上使用明显的编号。您可以在许多站点主页上看到此文件,也可以从金融网站中参考此PDF文件(尽管我认为这并不是一个很好的例子)。
  2. 使用箭头指示用户的注意力。这可能类似于流程图。我现在无法想到任何在线示例。

网络不是静态媒体。箭不能引导人。您需要在加权系统中使用不同的尺寸和颜色指导它们。
dkuntz2 2011年

我不明白 您能否详细说明“箭头不能引导人”和“在加权系统中以不同的大小和颜色引导他们”?
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.