Embed Size (px)
DESCRIPTION
We know the visuals have the potential to make or break an eLearning event, but how do you know you’ve got the right ones? This course will present key principles of graphic and information design that will shift your visuals from blah to bam. While the principles apply to designing visuals across education contexts, examples will be drawn from eLearning courses with an emphasis on screen design considerations.
Citation preview
Next Generation Learning: Keep the Design in Mind March 10, 2014 1:30-2:45 PM Hashtag: #ideas14 LK2 Tracy King, CAE Associate Director Education American Academy of Neurology
“More often then not, the potential of visuals to increase learning is unrealized.”
~Ruth Colvin Clark
“Visuals have the power to support or disrupt learning.”
~study by Richard Mayer
Context: Design with the brain in mind
Instructional design
Graphic design
Information design
Learning: How it works (digest version)
Visuals help us think
Learning: How it works
Two sensory channels: visual and auditory
Learning: How it works
Precarious journey from working memory to long term memory…
Learning: How it works
Cognitive load: your friend or foe?
Learning: How it works
Learning = encoded & retrievable
Graphics gone wrong
Decorate vs. communicate Overload working memory
Fail to clarify Too complex Boring
Misrepresent data
Distract from key concepts
Visuals ignored don’t teach
Graphics gone right
Design for Clarity Design for Memory Design for Meaning
“Design for Clarity.”
Design for Clarity Key:
Everything must have a purpose – and contribute to your learning objective.
1. Capitalize on color 2. Structure content 3. Create visual cues
Strategies:
Design for Clarity
Everything must have a purpose – and contribute to your learning objective.
1. Capitalize on color 2. Structure content 3. Create visual cues
Strategies: Color is Information 1. White space 2. Color connotation 3. Contrast
Design for Clarity
Everything must have a purpose – and contribute to your learning objective.
1. Capitalize on color 2. Structure content 3. Create visual cues
Strategies: Organize for the eye
1. Grouping 2. Content alignment 3. Type styling 4. Visual pacing
Design for Clarity
Everything must have a purpose – and contribute to your learning objective.
1. Capitalize on color 2. Structure content 3. Create visual cues
Strategies:
Guide the eye to what’s important 1. Pop outs 2. Directional
Clarity challenge + takeaway
“Design for Memory.”
Design for Memory Key:
Use the power of visuals to assist your learners navigating concepts from working memory to long term memory.
1. Activate prior knowledge 2. Manage load 3. Build bridges
Strategies:
Design for Memory
Use the power of visuals to assist your learners navigating concepts from working memory to long term memory.
1. Activate prior knowledge 2. Manage load 3. Build bridges
Strategies: The learning edge
1. Assessment 2. Questions 3. Preview
Design for Memory
Use the power of visuals to assist your learners navigating concepts from working memory to long term memory.
1. Activate prior knowledge 2. Manage load 3. Build bridges
Strategies: 3 Bears principle 1. Simplify 2. Relevance 3. Chunking
Design for Memory
Use the power of visuals to assist your learners navigating concepts from working memory to long term memory.
1. Activate prior knowledge 2. Manage load 3. Build bridges
Strategies:
Forge connections 1. Relationships 2. Rich feedback 3. Retrieval hooks
http://montse.org/storyline/comparison/
Memory challenge + takeaway
“Design for Meaning.”
Design for Meaning Key:
Design a meaningful experience.
1. Engage emotion 2. Spark association 3. Application
Strategies:
Design for Meaning
Design a meaningful experience.
1. Engage emotion 2. Spark association 3. Application
Strategies: Learning is emotional 1. Personal stake 2. Narrative 3. Self-expression
Design for Meaning
Design a meaningful experience.
1. Engage emotion 2. Spark association 3. Application
Strategies:
Brain networking 1. Overview/overlay 2. Metaphor/imagery
Design for Meaning
Design a meaningful experience.
1. Engage emotion 2. Spark association 3. Application
Strategies:
Promote transfer 1. Reflect/relate 2. Deliberate practice 3. Case studies 4. Bonus!
Meaning challenge + takeaway
Lightening Challenge Round!
How did I do?
Tweet Your Insights!
#ideas14 LK2 @TracyInspired
Contact Me
Tracy King, MA, CAE Associate Director, Education American Academy of Neurology [email protected] Connect with me! ASAE Collaborate LinkedIn: http://www.linkedin.com/in/tracylking Twitter: @TracyInspired Ask me about #DELP!
