Please enable JavaScript.
Coggle requires JavaScript to display documents.
The Visual Design Model, Goals, Context, Instruction strategy, Text…
The Visual Design Model
1. Define the Goal
Goals are:
1.To inform or motivate
To build procedural skills and teach the associated knowledge required
To build principle-based or problem-solving skills and teach the associated knowledge required
2. Determine the Context
Context is:
Who are the learners?
What is the learning environment?
What is the delivery medium?
What are your constraints?
3. Design the Visual Approach
Visual Approach Includes:
Determine the image
Access general graphic requirements of content
Design Treatment - includes decisions about:
4. Identify Communication Function of Visuals to Match Content Types
Identify Communication Function for:
Multiple content
Procedures
Concept
Facts
Process
Principles
5. Apply Principles of Psychological Instructional Events to Visual Design Decisions
Applying Principles:
For all instructional goals:
If complex content, novice audience, or runs outside learner control:
If building far-transfer skills:
If building near-transfer skills:
If learners low in personal motivation:
Instruction strategy
Text dominant or visual dominant
Layout or Interface for media (style, orientation, real estate)
Navigation and functionality (for online learning)
Surface features that align with context and goals
Apply principles to awake prior knowledge and support transfer
References:
Clark, R. C., & Lyons, C. (2010). Graphics for learning : Proven guidelines for planning, designing, and evaluating visuals in training materials. Center for Creative Leadership.
Then apply attention and cognitive load principles
Then apply mental model principles
Then apply transfer principles
Then apply motivational visual principles
(n.d.).
https://www.google.com/search?q=goals&rlz=1C1GCEU_enUS862US862&sxsrf=AOaemvKlphW_QTRqzNJHIJzfJuE8cPQzVA:1642543010486&tbm=isch&source=iu&ictx=1&vet=1&fir=2_AoTBEs7kIN0M%252CoYPCDIo_ylEi4M%252C_%253BYioKirDrYf24tM%252CCHlBqRSKnlvCAM%252C_&usg=AI4_-kToGmBG0wjiZwZLRx9udGY4ZGJwoA&sa=X&ved=2ahUKEwj83KvFpbz1AhVCV80KHWdqCmgQ_h16BAgGEAE#imgrc=2_AoTBEs7kIN0M
.
(n.d.). Retrieved from
https://www.google.com/search?q=communication&rlz=1C1GCEU_enUS862US862&sxsrf=AOaemvKYKRNZJSZ0uONM2APbs7QqDCH1Tw:1642543168647&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiTl-GQprz1AhXUVc0KHTzGACYQ_AUoAXoECAEQAw#imgrc=Kmb7WAr155Q9XM
.
(n.d.). Retrieved from
https://www.google.com/search?q=context&tbm=isch&ved=2ahUKEwi1ktWRprz1AhUUE80KHaUNCT4Q2-cCegQIABAA&oq=context&gs_lcp=CgNpbWcQAzIHCCMQ7wMQJzIECAAQQzIICAAQgAQQsQMyBAgAEEMyBQgAEIAEMgsIABCABBCxAxCDATIFCAAQgAQyCAgAEIAEELEDMgUIABCABDIFCAAQgAQ6BwgAELEDEENQxwZYmxFgmxJoAHAAeACAAYIBiAHqBZIBAzcuMZgBAKABAaoBC2d3cy13aXotaW1nwAEB&sclient=img&ei=QjjnYbXpIJSmtAalm6TwAw&rlz=1C1GCEU_enUS862US862#imgrc=v0AjD6uYg2-1uM
.
(n.d.). Retrieved from
https://www.google.com/search?q=visual+learning&rlz=1C1GCEU_enUS862US862&sxsrf=AOaemvKRqfHYapDQ_KIz2KiExwLV-t8xfA:1642543443627&source=lnms&tbm=isch&sa=X&ved=2ahUKEwjV2fCTp7z1AhXEW80KHd8_D30Q_AUoAXoECAEQAw&biw=1920&bih=937&dpr=1#imgrc=VcqhgPIZVFVTBM
.
(n.d.). Retrieved from
https://www.google.com/search?q=psychology&rlz=1C1GCEU_enUS862US862&sxsrf=AOaemvIuFYk1lnRSQKeEPO90a2_mpBqYfw:1642543505838&source=lnms&tbm=isch&sa=X&sqi=2&ved=2ahUKEwi_18Wxp7z1AhWJdd4KHflVAegQ_AUoAnoECAgQBA&biw=1920&bih=937&dpr=1#imgrc=lAj2zExAIRsOnM&imgdii=oED6vmiYcURCIM
.
