You are previewing Interface Design for Learning: Design Strategies for Learning Experiences.
O'Reilly logo
Interface Design for Learning: Design Strategies for Learning Experiences

Book Description

In offices, colleges, and living rooms across the globe, learners of all ages are logging into virtual laboratories, online classrooms, and 3D worlds. Kids from kindergarten to high school are honing math and literacy skills on their phones and iPads. If that weren’t enough, people worldwide are aggregating internet services (from social networks to media content) to learn from each other in “Personal Learning Environments.” Strange as it sounds, the future of education is now as much in the hands of digital designers and programmers as it is in the hands of teachers.

And yet, as interface designers, how much do we really know about how people learn? How does interface design actually impact learning? And how do we design environments that support both the cognitive and emotional sides of learning experiences? The answers have been hidden away in the research on education, psychology, and human computer interaction, until now.

Packed with over 100 evidence-based strategies, in this book you’ll learn how to:

  • Design educational games, apps, and multimedia interfaces in ways that enhance learning

  • Support creativity, problem-solving, and collaboration through interface design

  • Design effective visual layouts, navigation, and multimedia for online and mobile learning

  • Improve educational outcomes through interface design.

Table of Contents

  1. Title Page
  2. Copyright Page
  3. Dedication Page
  4. Acknowledgements
  5. Table of Contents
  6. Preface
    1. From users to learners
    2. About the book
  7. 1. Introducing IDL
    1. Does interface design affect learning?
    2. What makes interface design for learning different?
    3. Getting the language straight
    4. The layer cake of eLearning design
  8. 2. How We Learn
    1. Learning theory and interface design
    2. Behaviorism: Learning as the science of behavior change
    3. Cognitivism: Mind as computer
    4. Constructivism: Knowledge as built by the learner
    5. Connectivism, ecologies, and twenty-first century learning
    6. Designing for experience
    7. Go further
  9. 3. A View of the eLearning Landscape
    1. Standard technologies
    2. Online learning
    3. Skills training and workplace eLearning
    4. School support and K–12 tools
    5. Educational games
    6. Intelligent tutoring systems
    7. Informal learning and infographics
    8. Learnability and nano-learning
    9. The future of eLearning
    10. Go further
  10. 4. Basic Principles A–Z
    1. Accessibility
    2. Go further
  11. 5. Learning Is Visual
    1. « The Backstory
    2. Why aesthetics matter
    3. The power of visualization
    4. Designing for perception and visual thinking
    5. » The Strategies for designing visuals for learning
    6. Strategies to reduce overload
    7. Strategies to guide attention
    8. Strategies to support visual perception
    9. Strategies to promote visual learning
    10. Go further
  12. 6. Learning Is Social
    1. « The Backstory
    2. We learn better together
    3. Participatory culture
    4. » The Strategies for the design of social learning environments
    5. Strategies for improving social presence
    6. Strategies for encouraging participation
    7. Strategies for nurturing conviviality and community
    8. Go further
  13. 7. Learning Is Emotional
    1. « The Backstory
    2. Emotion in design for learning
    3. Engagement and motivation
    4. Emotion and problem solving
    5. Positive emotion and learning
    6. Emotion and memory
    7. » The Strategies for designing for emotion in learning environments
    8. Strategies for inspiring creativity
    9. Strategies for supporting engagement and flow
    10. Strategies for sparking motivation
    11. Go further
  14. 8. Multimedia and Games
    1. « The Backstory
    2. Dynamic, interactive, and participatory media
    3. Multimedia = better learning
    4. Video
    5. Animation
    6. Games, simulations, and virtual worlds
    7. Accessibility
    8. » The Strategies for designing multimedia and games for learning
    9. Strategies for audio
    10. Strategies for video and animation
    11. Strategies for models, games, and simulations
    12. Go further
  15. 9. Learning Is Mobile
    1. « The Backstory
    2. Mobile learning: A rainbow of flavors
    3. Design principles for mobile learning
    4. » The Strategies for designing interfaces for mobile learning
    5. Go further
  16. 10. Designing the Space
    1. « The Backstory
    2. Designing educational space
    3. The hardware interface
    4. » The Strategies for the design of learning spaces
    5. Strategies for layout, navigation, and screen design
    6. Strategies for the design and configuration of learning spaces
  17. 11. The Learning Interface Designer’s Toolkit
    1. Strategies and heuristics for the design of learning interfaces
    2. Learner-centered design principles
    3. Educational design patterns
    4. Process: User research and evaluation
    5. Join the community
    6. The way ahead
  18. Index