Spatial Contiguity
Sensemaking


Principle in Action
BioDigital is an interactive 3D tool for exploring the human body. It applies the spatial contiguity principle by placing labels directly next to body structures on the screen. For example, as learners navigate the circulatory system, key terms appear alongside vessels and organs. This setup minimizes visual searching and helps learners maintain both the structure and its description in working memory, enhancing understanding of complex anatomy.
Biodigital


Labels are placed directly next to body structures on the screen


Labels are placed directly next to body structures on the screen
Discuss in your team
Are there any related visual and textual descriptions in the learning experience you are designing?
How are they currently displayed and what improvements can you make to improve their spatial connectivity?
How can spatial contiguity be maintained across different screen sizes and devices?
Can you incorporate interactive features that highlight or emphasize connections between text and visuals?
Principle Definition
When corresponding words and pictures are near each other on the page or screen, learners do not have to use cognitive resources to visually search the page or screen, and learners are more likely to be able to hold them both in working memory at the same time.
Spatial Contiguity
Sensemaking


Principle Definition
When corresponding words and pictures are near each other on the page or screen, learners do not have to use cognitive resources to visually search the page or screen, and learners are more likely to be able to hold them both in working memory at the same time.
Relevant Principles
Relevant Principles
Principle in Action
Biodigital
BioDigital is an interactive 3D tool for exploring the human body. It applies the spatial contiguity principle by placing labels directly next to body structures on the screen. For example, as learners navigate the circulatory system, key terms appear alongside vessels and organs. This setup minimizes visual searching and helps learners maintain both the structure and its description in working memory, enhancing understanding of complex anatomy.


Labels are placed directly next to body structures on the screen
Discuss in your team
Are there any related visual and textual descriptions in the learning experience you are designing?
How are they currently displayed and what improvements can you make to improve their spatial connectivity?
How can spatial contiguity be maintained across different screen sizes and devices?
Can you incorporate interactive features that highlight or emphasize connections between text and visuals?


