Book description
Graphics for Learning teaches you how to design effective graphics for print or online and computer-generated materials--multimedia, texts, working aids, and slides--that will maximize learning, understanding, and reasoning. Based on solid research on how people learn, this crucial resource contains best practices and shows you how to go beyond the visible features of graphics to plan visuals that are based on their communication and psychological functions. Written by instructional design experts Ruth Colvin Clark and Chopeta Lyons, Graphics for Learning includes a graphic design model that guides you through the visual planning process--from needs assessment through production. No matter how much or little expertise you have working with graphics, this book will help you boost your return on investment by giving you the information you need to design and implement the most effective visuals. Graphics for Learning shows how to:
Select the graphics that can impr ove learning and workplace performance.
Plan the most appropriate visual for computer or paper instructional materials.
Design the best graphics for instructional content.
Tailor visuals for individual learners.
Avoid using the wrong visuals for motivational purposes.
Understand the characteristics of graphics that support (or disrupt) learning.
Follow a systematic graphic design model that helps you plan graphics that match your instructional context.
Table of contents
- Copyright
- ACKNOWLEDGMENTS
- FOREWORD
- INTRODUCTION: GETTING THE MOST FROM THIS RESOURCE
-
I. Introduction to Section One: The Foundation
-
1. Three Views of Instructional Visuals
- 1.1. The Unrealized Potential of Visuals
- 1.2. What Is a Graphic?
- 1.3. Which Graphics Are Best? No Yellow Brick Road
- 1.4. Surface versus Functional Taxonomies of Visuals
- 1.5. Communication Functions of Graphics
- 1.6. Graphics to Support Psychological Events of Learning
- 1.7. Graphics in the Instructional Landscape
- 1.8. Our Guiding Principles
- 1.9. For More Information
-
2. A Visual Design Model for Planning Graphics Systematically
- 2.1. What Can Happen Without a Systematic Approach
- 2.2. What Happens When Instructional Designers Follow a Systematic Process
- 2.3. A Visual Design Model
- 2.4. SUMMARY OF SECTION ONE
-
1. Three Views of Instructional Visuals
-
II. Introduction to Section Two: How to Use Visuals to Support Psychological Learning Processes
- 3. How Graphics Influence Learning Processes
-
4. Plan Graphics That Direct Attention
- 4.1. Attention, Learning, and Graphics
- 4.2. Graphics and Focused Attention
- 4.3. Guideline 1: Use Signals and Cues to Draw Attention to Important Content
- 4.4. Guideline 2: Use Color and Contrast as a Visual Signal to Support Focused Attention
- 4.5. Guideline 3: Use Color to Improve Job Performance with High Visual Search Tasks
- 4.6. Graphics and Divided Attention
- 4.7. Guideline 4: Place Text Close to the Visuals It Describes
- 4.8. Guideline 5: Avoid Distracting Visuals
- 4.9. For More Information
-
5. Plan Graphics That Awaken Prior Knowledge
- 5.1. Prior Knowledge, Learning, and Graphics
- 5.2. What Are Advance Organizers?
- 5.3. Guideline 1: Use Comparative Advance Organizers When Learners Have Relevant Prior Knowledge
- 5.4. Guideline 2: Use Expository Advance Organizers When Learners Lack Relevant Prior Knowledge
- 5.5. Guideline 3: Avoid Seductive Details in Lesson Introductions
-
6. Plan Graphics That Minimize Memory Load
- 6.1. What Is Cognitive Load?
- 6.2. Guideline 1: Use Graphics Rather Than Text to Represent Spatial Content
- 6.3. Guideline 2: Plan Graphics That Are Consistent in Style and Low in Complexity
- 6.4. Guideline 3: Explain Complex Graphics with Words in Audio
- 6.5. Guideline 4: Use Words or Graphics Alone When Information Is Self-Explanatory
- 6.6. Guideline 5: Teach the Components of a Complex Visual Display First When You Need Learners to Acquire Deeper Understanding
- 6.7. Graphic Benefits Depend on Graphic Functions
- 6.8. For More Information
-
7. Plan Graphics to Help Learners Build Mental Models
- 7.1. Mental Models, Learning, and Graphics
- 7.2. How Graphics Help Build Mental Models
- 7.3. Guideline 1: Use Organizational Graphics to Communicate Qualitative Relationships
- 7.4. Guideline 2: Use Charts and Graphs to Communicate Quantitative Relationships
- 7.5. Guideline 3: Use Transformational Visuals to Communicate Changes in Time or Space
- 7.6. Guideline 4: Use Interpretive Visuals to Communicate Cause-and-Effect Relationships
- 7.7. For More Information
-
8. Plan Graphics That Support Transfer of Learning
- 8.1. Transfer and Work Performance
- 8.2. Near versus Far Transfer Tasks
- 8.3. Context Is King for Near Transfer Skills
- 8.4. Guideline 1: Use Representational Visuals to Promote Transfer of Near Transfer Skills
- 8.5. Mental Models Are King in Far Transfer Learning
- 8.7. Guideline 2: Use Visuals to Build Understanding of How It Works
- 8.8. Guideline 3: Use Visuals to Make Abstract Ideas Concrete
- 8.9. Guideline 4: Use Varied Context Visual Examples to Build Understanding
- 8.10. Guideline 5: Use Visuals to Promote Inductive Learning
- 8.11. Guideline 6: Use Visual Mnemonics to Support Memory
- 8.12. Suggested Readings
-
9. Plan Graphics to Motivate Learning and Manage Sizzle
- 9.1. Edutainment and Learning
- 9.2. Motivation and Interest
- 9.3. Personal versus Situational Interest
- 9.4. Guideline 1: Build Materials High in Situational Interest for Learners with Low Personal Interest
- 9.5. Guideline 2: Use Visuals That Make Lesson Relevance Obvious
- 9.6. How to Draw on Situational Interest
- 9.7. Guideline 3: Avoid Graphics That Use Emotional Interest to Motivate Learning
- 9.8. Guideline 4: Use Techniques to Build Cognitive Situational Interest to Motivate Learning
- 9.9. Techniques to Build Cognitive Interest
- 9.10. For More Information
-
10. Plan Graphics That Accommodate Learner Differences
- 10.1. Visual versus Verbal Learners
- 10.2. Guideline 1: For Low Prior Knowledge Learners, Add Graphics That Are Congruent with Text
- 10.4. Guideline 2: For High Prior Knowledge Learners Use Only Words or Only Visuals
- 10.5. Guideline 3: Encourage All Learners to Process Visuals Effectively
- 10.6. Guideline 4: Visual/Verbal Style Preferences May Not Predict Effectiveness of Graphics
- 10.7. Three Types of Spatial Ability
- 10.8. Guideline 5: Minimize Demands on Spatial Span by Displaying Visuals in a Synchronized Rather Than a Successive Manner
- 10.9. Guideline 6: For Spatial Tasks, Provide Visual Support to Help Low Spatial Learners Succeed
- 10.10. Accommodating Individual Differences: A Summary
- 10.11. For More Information
- 10.12. SUMMARY OF SECTION TWO
-
III. Introduction to Section Three: How to Visualize Lesson Content
-
11. How to Visualize Procedures
- 11.1. What Are Procedures?
- 11.2. Teaching Procedures
- 11.3. How to Visualize Procedures
- 11.4. Guideline 1: Provide Demonstrations That Combine Transformational and Representational Visuals
- 11.5. Guideline 2: Design Transformational Visuals That Show Activity Flows from the Performers' Perspective in the Work Environment
-
11.6. Guideline 3: Manage Cognitive Load for Complex Procedures, Novice Learners, and Instructionally Paced Materials
- 11.6.1. 1. Use Visual Cues to Direct Attention
- 11.6.2. 2. Provide Memory Support for Use During and After Training
- 11.6.3. 3. Use Audio to Explain Animated Demonstrations
- 11.6.4. 4. Place Text Close to the Visuals It Describes
- 11.6.5. 5. Use Diagrams to Illustrate Instructions That Involve Spatial Complexity
- 11.6.6. 6. Eliminate Extraneous Detail
- 11.7. Guideline 4: Use Visuals to Draw Attention to and Illustrate Warnings
- 11.8. Guideline 5: For Online Practice of Computer Procedures, Support Transformational Visuals with Onscreen Contiguous Text for Directions, Feedback, and Memory Support
- 11.9. Tips for Visualizing Procedures
- 11.10. For More Information
-
12. How to Visualize Concepts
- 12.1. What Are Concepts?
- 12.2. Teaching Concepts
- 12.3. How to Visualize Concepts
- 12.4. Guideline 1: Display Two or More Representational Graphic Examples Contiguous to Each Other and to Text Definitions
- 12.5. Guideline 2: Create a Visual Counterexample to Help the Learner Build Accurate Mental Models
- 12.6. Guideline 3: Use Visual Analogies Especially for More Abstract or Unfamiliar Concepts
- 12.7. Guideline 4: Display Related Concepts Together Applying the Contiguity Principle
- 12.8. Guideline 5: Use Organizational Visuals to Display Related Concepts and Their Features
- 12.9. Guideline 6: Promote Learner Engagement with Concept Visuals
- 12.10. Tips for Visualizing Concepts
- 12.11. For More Information
-
13. How to Visualize Facts
- 13.1. What Are Facts?
- 13.2. Teaching Facts
- 13.3. How to Visualize Facts
- 13.4. Guideline 1: Use Representational Visuals Placed in Job Context to Illustrate Concrete Facts
- 13.5. Guideline 2: Display Discrete Factual Data Where It Can Easily Be Seen When Needed
- 13.6. Guideline 3: Use Organizational Visuals to Display Multiple Discrete Facts
- 13.7. Guideline 4: Use Mnemonic Visuals When Physical Memory Aids Are Not Available
- 13.8. Guideline 5: Use Relational Visuals to Illustrate or Support Discovery of Relationships or Trends in Numeric Data
- 13.9. Guideline 6: Promote Engagement with Important Factual Visuals
- 13.10. For More Information
-
14. How to Visualize Processes
- 14.1. What Are Processes?
- 14.2. Teaching Processes
- 14.3. How to Visualize Processes
- 14.4. Guideline 1: Use Transformational Visuals to Show State Changes in Processes
- 14.5. Guideline 2: Manage Load by Teaching System Components First, Presenting Words in Audio, and Directing Attention
- 14.6. Guideline 3: Use Interpretive Visuals to Represent Abstract Processes
- 14.7. Guideline 4: Promote Engagement with Visuals in Ways That Help Learners Build a Cause-and-Effect Model of the System
- 14.8. Tips for Visualizing Processes
- 14.9. For More Information
-
15. How to Visualize Principles
- 15.1. What Are Principles?
- 15.2. Problem-Centered Learning Environments
- 15.3. Retrospective Case-Based Learning
- 15.4. Teaching Principles As Laws or Theories
- 15.5. How to Visualize Principles
- 15.6. Guideline 1: Use Representational Visuals of the Job Environment to Display a PCL Lesson
- 15.7. Guideline 2: Use Graphic Design Devices to Manage Cognitive Load During PCL
- 15.8. Guideline 3: Assign Analysis of Video-Taped Cases for Learning of Principles That Involve a High Degree of Interpersonal Skill
- 15.9. Guideline 4: Engage Learners with Explanatory Visuals to Build Rich Mental Models That Underlie Principles
- 15.10. Tips for Visualizing Principles
- 15.11. For More Information
- 15.12. SUMMARY OF SECTION THREE
-
11. How to Visualize Procedures
-
IV. Introduction to Section Four: How to Plan and Communicate Your Visuals
- 16. Define the Visual Context
- 17. Design the Visual Approach
-
18. Visualize Individual Graphics
- 18.1. Creating Individual Visuals That Work
- 18.2. Roles in Graphics Development
-
18.3. Getting Beyond Clip Art: Tips to Visualize Your Individual Graphics
- 18.3.1. Start Thinking Visually from the Onset
- 18.3.2. Use Tools to Help You Capture Details
- 18.3.3. Design Graphics That Will Be Used Throughout the Course Early in Your Process
- 18.3.4. Collect Different Visual Data Depending on the Types of Content
- 18.3.5. Watch Movies with a Visual Eye
- 18.3.6. Get the Big Picture
- 18.3.7. Work from the Visuals; Work from the Content
- 18.3.8. Stetch
- 18.3.9. Test It Out
- 18.4. A Case Study Continued: Sanji's Graphic
- 18.5. Resources
- 19. Communicate Your Graphic Plans
-
20. Apply the Principles
-
20.1. The End-User System Application Training
- 20.1.1. Establish the Instructional Goal
- 20.1.2. Determine the Context
- 20.1.3. Design the Visual Approach
- 20.1.4. Identify the Communication Function of Visual to Match Content Types
- 20.1.5. Apply Principles of Psychological Instructional Events to Visual Design Decisions
- 20.1.6. Alternative Training Delivery Medium
- 20.2. The Investment Club's Financial Basics Training
- 20.3. SUMMARY OF SECTION FOUR
-
20.1. The End-User System Application Training
- GLOSSARY
-
REFERENCES
- ABOUT THE AUTHORS
- LIST OF FIGURES AND TABLES
- Pfeiffer Publications Guide
Product information
- Title: Graphics for Learning: Proven Guidelines for Planning, Designing, and Evaluating Visuals in Training Materials
- Author(s):
- Release date: May 2004
- Publisher(s): Pfeiffer
- ISBN: 9780787969943
You might also like
book
Instructional Design for Action Learning
Training participants learn and retain more by relating lessons to their own on-the-job experiences. By using …
book
Michael Allen's Guide to E-Learning: Building Interactive, Fun, and Effective Learning Programs for Any Company
An industry leader speaks out against boring, ineffective, costly e-learning and provides practical guidelines for creation …
book
Writing Training Materials That Work: How to Train Anyone to Do Anything
Writing Training Materials that Work is a solid and practical resource to move our field to …
book
Teach SMEs to Design Training—Instructional Systems Design
This issue provides guidelines and background information to help subject matter experts (SMEs) develop instructional design …