使用视觉提示来增强学习

在设计或创建内容丰富的图形时，是否可以帮助查看者快速理解它？您是否有目的地指导观众’盯着最有意义的元素？

如果你不这样做’t，您可能会无意间使听众感到困惑。一个人可能会长时间呆在错误的信息上，或者不知所措，不知所措。

引导人们注意重要信息是学习设计的基本技术之一。它有助于确保人们理解预期的消息，并提高视觉传达的效率。在多媒体学习中，这是信令或提示原则。

观众如何解密图形？

与其他形式的交流（例如阅读，听音乐或看电影）不同，观看图形所花费的时间通常非常短暂。通过有目的地指导观众’在您的眼中，您更有可能会在短时间内获得最相关的信息。

眼睛运动对于理解图形至关重要。要解密图片，一个人’人们的注意力从一个位置转移到另一个位置，试图在他们所看到的事物中寻找意义。图形中最引人注目的和最突出的功能为观看者竞争’的注意。个人可以根据自己的目标和以前的经验，以独特的方式目视扫描同一张图片。使用视觉提示时，您更有可能控制某人对图形的理解和解释方式。

什么是视觉提示？

视觉提示不携带主要信息。它们的功能是定向，指出或突出显示关键信息。视觉提示是控制观众观看位置的感知信号。它们包括覆盖在图形上的显式符号（如箭头）和技术（如高光），以引起人们对其图形特征的关注。请参阅下面的一些示例。

视觉提示如何工作？

视觉提示之所以起作用，是因为它们是观众在感知过程中提早掌握的突出特征。即使视线的移动也受观众的期望和搜索目标的控制，但有证据表明，引导视线的信号传递技术非常有效（Van Gog，2014年）。

例如，用箭头和颜色向观看者发信号通知在解释性和信息性图形中使用时是有效的。研究表明，当在讨论中突出显示某个图形区域时，例如在多媒体环境中，与未查看突出显示的图像的观众相比，观看者可以保留更多信息，并且能够更好地传输这些信息（Jamet，Gavota&Quaireau，2008年）。另一项研究表明，使用箭头作为指向设备可以减少在视野中搜索特定信息所需的时间（Tipples，2002）。

视觉提示对学习有什么影响？

• 视觉提示引导注意力。 认知研究人员研究眼动是因为眼动反映了心理过程。一个人’注意力的焦点通常与他们所看到的相吻合。但是眼球运动和注意力之间的关系可能不是绝对的。有时，我们的注意力不移而动（Posner，1980）。由于注意力和眼睛可能会分离，因此有意地引导眼睛有助于确保它们对齐。
• 视觉提示会增加参加学习任务的时间。 眼动数据始终表明，感知线索可引导人们注意相关信息。 （Ozcelik，Arslan-Ari， &Cagiltay，2010年）。与非提示区域相比，由于视觉提示，学习者有选择地在较长时间范围内进入信号区域。此外，视觉信号还可以帮助观众在与旁白或文字说明相对应的情况下选择合适的视觉信息（Clark&里昂，2010年）。例如，视觉提示可以帮助学习者在听音频和扫描复杂图的同时知道在哪里看。
• 视觉提示可以减少工作内存上的不必要负载。 学习者利用大脑资源在照片，图表或文本段落中寻找含义。视觉提示可以通过减少视觉搜索和解释中的工作量来减少工作存储器上的负载。
• 视觉提示可以提高效率。 观看者扫描复杂的图形时，需要花费时间进行定向，确定最重要的内容并提取必要的信息。学习者可能会忽略复杂图像中的重要细节，除非他们知道在哪里参加。当您将观看者的眼睛引导到一个精确的位置时，它会减少搜索图形所需的时间，并使过程更加高效。“眼动数据表明，通过信号引导人们注意相关信息，提高了查找必要信息的效率和有效性（Ozcelik，Arslan-Ari& Cagiltay, 2010).
• 视觉提示可以改善处理过程。 在进行细心的处理之前，人们会在不知不觉中将注意力转移到最显着的特征上。但是，观众会被吸引他们注意力的不相关视觉信息所分散注意力。引导眼睛有助于确保观看者不会沉迷于无关的信息。然后，可以使用更多资源来组织和处理信息以及吸收新信息（Levie& Lentz, 1982).
• 视觉提示可增强学习和保持力。 引导眼睛还可以帮助您理解图片或动画。视觉信号通常比书面说明更容易解释。与以书面形式提供的说明相比，在信息和教学图形中使用的视觉提示类型（如箭头和高光）更容易理解。在带有画外音的复杂动画中，信号引导学习者’关注视觉中最相关的部分，这可以改善学习效果（Jeung，Chandler&Sweller，1997年）。研究还表明，视觉提示可以提高信息的保留率（Jamet，Gavota，& Quaireau, 2008).
• 视觉提示提供结构。 您可以使用视觉提示将结构添加到图形中，例如添加数字标题以强调过程的顺序。已知这种组织效果可提高理解力，因为它提供了认知框架。井井有条的信息可帮助观看者在工作记忆中构建连贯的表示形式，从而使将新信息吸收到现有架构中变得更加容易。

使用视觉提示进行设计

• 考虑观众的视觉素养。确保选择的线索适合其认知特征。例如，年轻的观众可能不熟悉视觉符号的含义。而且，儿童在转移注意力到重要信息上的能力不如成年人。
• 避免单独使用颜色作为视觉提示，因为它会降低色盲或其他视觉障碍者的可及性。如果您选择使用颜色（箭头以及高亮或边框），请使用多余的视觉提示
• 尽可能与线索保持一致，以便学习者知道信号的含义。
• 使用配音设计复杂的图形和动画时，请使用视觉信号来对应单词。这改善了视觉搜索和理解。
• 确定方法时，请确定图形的信息用途，图形的视觉复杂程度以及听众的特征。例如，当视觉搜索对复杂图之类的东西很重要时，使用显式提示技术指示位置。

I’在我的会员社区中教授为期四周的视觉设计课程， 掌握教学设计。从2020年4月6日这一周开始。将有现场演示（为那些能够’t完成），带有反馈的作业，以及参加和完成作业的人员的结业证书。 

参考：

1. E. Jamet，M.Gavota，&C. Quaireau，“多媒体学习中的注意力指导”， 学习与指导 18（2008）：135-145。
2. Jeung H.-J.，钱德勒（Chandler），&Sweller，J。（1997）。视觉指示器在双重感觉模式教学中的作用。 教育心理学，第17卷第3期，第329-343页。 
3. 列维，H。&R. Lentz，“插图的效果：研究综述” 教育传播与技术 30（1982）：195-232。
4. 马拉美（C. 设计师的视觉语言。 罗克波特出版社，2011年。
5. 坏蛋C. 视觉设计解决方案。威利（Wiley），2015年
6. Ozcelik，E.，Arslan-Ari，I。和Cagiltay，K。眼动的证据。” 《人类行为中的计算机》，2010年，第26期，第110-117页。
7. 迈克尔·波斯纳（Michael J. Posner），“注意力定向” 实验心理学季刊 32（1980）：3-25。
8. 蒂普勒斯，J。“眼神不是唯一的：自动定向以响应没有信息的箭头，” 心理公告& Review 9（2002）：314–318。
9. Van Gog，T.多媒体学习中的信令（或提示）原理。在R. Mayer（Ed。）中， 剑桥多媒体学习手册 （剑桥心理学手册，第263-278页）。剑桥：剑桥大学出版社，2014年。

每月一次获取最新的文章，资源和免费赠品
加上视觉设计清单。