Contiguity Principle #2

Principle #2: Synchronize Spoken Words with Corresponding Graphics.

What it is?

Principle two is the ability to coordinate spoken words and graphics or videos. Integration of on-screen words and spoken graphics. One violation of this principle are if a link to an audio file is indicated by one icon and another link to a video is indicate by another icon. Another violation is if a certain segment provides a narrated description followed by an animation or a video. The best way to avoid this is the separate graphics and narration through icons. 

Examples:

You can see in the image below that the icons and graphics are separated correctly. The power booster button on the image is a separate link from the graphics.

References:

E-Learning Heroes

https://community.articulate.com/articles/contiguity-principle-keep-graphics-related-text-together

Clark, R. C., & Mayer, R. E. (2003). E-Learning and the science of instruction: Proven guidelines for consumers and designers of multimedia learning (Ch.5). San Francisco, CA: Jossey-Bass/Pfeiffer.