在了解视觉引导的案例前,需要先了解一些概念。

什么是眼动追踪 (Eye-tracking)?

眼动追踪是利用眼动仪技术追踪被试者的眼球活动,这是一种神经学的研究方法。 它可以量化视觉注意力,反映用户页面浏览和注视的情况,了解用户:

  • 看了哪些地方?
  • 目光停留了多久?
  • 最关注的内容是什么?
  • 浏览的顺序是怎样的?

眼动追踪结果以热力图 (Heat Map) 形式展示,视线集中程度依次为:红色 > 黄色 > 绿色,这些依据可以帮助研究者更直观地了解页面哪些元素内容是最受关注的,哪些内容又是容易被忽视的。这是一种可视化的数据设计方法,可以为设计优化提供参考依据。

在设计中,视觉引导起着至关重要的作用 — 让用户尽可能少地思考。擅用视觉引导可以形成用户大脑潜意识的行为,让用户不自觉地走进你精心设计的环境里面,不自觉地关注你希望他们关注的内容,这也是帮助提升转化率很重要的一点。


下面讲述一个具有有效性的设计案例 — 国外著名的利用眼动追踪的婴儿纸尿布广告。

大脑有专门识别人脸的区域,这一区域是由 Nancy Kanwisher (1997) 发现,而人的眼睛又是脸部最吸引人的特质,所以在很多的广告设计中都巧妙的运用了这一点。

源自:《设计师要懂心理学》

下图的婴儿是正面对着我们,人脸成为视觉焦点,而右边的文字并没有引起太多的视觉关注。

当将婴儿侧身对着文字,眼睛看向标题部分,这时候人的视线会看向婴儿眼睛所看的部位,让标题也成为了视觉的焦点,同时人的视线往下移动又带动了下面文字的关注度。

设计的有效性可以从两个方面看:

  1. 站在公司的角度,首先考虑的是所获得的收益,当设计巧妙地引导用户的视线看向你希望他关注的内容(比如说,可能是花了很长时间准备的文案),你才有机会用强力有力的语言,说服他们,让他们潜意识地采取行动(购买), 从而提升转化率。
  2. 站在用户的角度,需要考虑的就是用户体验了,好的体验是让用户尽可能少地思考。

拓展

想要更深层地去研究视觉引导(控制用户注意力),可以通过了解大脑的运作模式去帮助更好地理解这种现象背后产生的原因。

推荐观看美国经典记录片 Test Your Brain 脑力大挑战,共有三集。科学家动用魔术师、神经学家、心理学家全方位测试你的注意力、视力和记忆力,并透过一些互动实验对大脑内部运作进行解释,展现我们的大脑如何创造现实幻觉,如何欺骗我们的感官。这些实验很具启发性,能让我们更深入了解大脑运作模式(原理)。

  1. Pay Attention
    简介:主题围绕注意力展开,顶尖魔术师精于操控观众的注意力创造令人惊叹的幻觉,科学家利用他们对注意力的了解,创造与魔术师匹敌的幻觉。视频内容很好的展示了,当人们的视线被吸引关注在一个焦点上时,很容易就会忽略周围显而易见的变化,就算哥斯拉经过,也会被视而不见。
  2. Perception
    简介:主要讲述感官方面,眼见不一定为实,制片家使用声音影响创造逼真幻想,令人意外的是,人类的耳朵与眼睛时刻都在创造有关真实世界的幻象,色彩、光线、动作与深度都是由大脑建构,而这些体验其实可以轻易受到操控。神经学家通过实验展示了我们的大脑如何填充“关键信息”,欺骗我们的感官。
  3. Memory
    简介:主题是记忆力之谜,旨在测试你的记忆,为观众提供一个模拟犯罪现场。我们很难记住细致到每个点的内容,记忆力多少会存在些细节丢失,而迫使大脑“弥补”记忆。 所以你认为真实的东西实际上可能是假的。还有科学家对于我们脑部的创造力和回忆力的看法解释。