Diagram compares traditional written documents, which users interpret, with illustrated alternatives, which users experience more directly

The User Experience of Learning Design – Part One

• 5 min read

452 Shares
Save

If you’re involved in designing online or even app learning tools then there are some fairly useful tips that you can use to make your projects more effective. This is where User Experience and ROI on learning investment collide:

Visuals Plus Text = Better Retention


Author/Copyright holder: Daily Genius. Copyright terms and licence: All rights reserved Img source


If you’re delivering learning that is simply text; you’re probably missing a trick. There’s a reason a lot of kids hate going to school and it’s book learning. When you have a medium which allows you to present more than a wall of text – it’s going to be more interesting with more. There are plenty of non-text additions you can make too; from movies, infographics, pictures, charts, animated material, etc.

Relevant Visuals Are Best of All

There’s a decent case for making things pretty by adding pictures but it’s much better if your visuals actually add to the learning experience. A chart which illustrates the key components of a point will aid learning; a picture of a frog (because the reader may be jumping up and down with frustration) won’t add much in the way of value.

Stock imagery is a major cause of complaint in websites, magazines, etc. and it’s pretty safe to assume that it’s not that well received in learning experiences too.

Animated Visuals Are Best for Things People Do

If you’re going to teach someone how to tie a bow tie or their shoelaces; it’s a good idea to show this process in some form of animation (this includes actual videos of someone walking through the process). Learning to do things from a series of diagrams is much harder; think about the problems people have with assembling furniture from IKEA or similar places – it should be simple but it rarely is.

Static Visuals Help Us Form Connections


Author/Copyright holder: Tutor2u. Copyright terms and licence: All rights reserved Img source


In contrast, static visuals, are really good at helping us make logical connections between items. That makes them really good for teaching processes that don’t have a “hands on” component. If you want to show how a corporate hierarchy works, for example, you don’t need the CEO’s laughing and revolving head shouting out the distance from the top that the position occupies… it would be distracting (and nightmarish, frankly). A simple and static hierarchy diagram should do the trick instead.

Visuals Can Simplify the Complex

Imagine teaching photosynthesis from a series of electron microscope slides showing each stage of the process. It would be awful wouldn’t it? The visuals would be so complex that the learners would switch off. Whereas a nice simple diagram of how photosynthesis works has had millions of biology students around the world passing biology exams at school for decades.



Author/Copyright holder: Visual Thinking Magic. Copyright terms and licence: All rights reserved Img source


This is really important, visuals in a learning context are about promoting learning more than they are about promoting 100% accurate representations of the world we are learning about.

Summary

This series continues tomorrow with more pointers on how to improve the UX of learning experience design. Which of the techniques above do you already use? Why not tell us about it on our Facebook page?

Header Image: Author/Copyright holder: Posterous Spaces. Copyright terms and licence: All rights reserved. Img


Learn More in This Course:

Learn Design and AI From the Best

Get one powerful email each week, like 312,425 others.

Next email in:

What You Should Read Next

  • Read full article
    The Relationship Between Visual Design and User Experience Design - Article hero image

    The Relationship Between Visual Design and User Experience Design

    A common perception about UX designers is that we are artists who can create beautiful interfaces from a blank canvas. While the aesthetics of products are important, visual design is only one aspect of the design process – in which team members with different skillsets and expertise collaborate

    Social shares
    802
    Published
    Read Article
  • Read full article
    You’re Not Bad at Presenting; You Just Haven’t Mastered the Right Way (Yet) - Article hero image

    You’re Not Bad at Presenting; You Just Haven’t Mastered the Right Way (Yet)

    Ever walked out of a presentation thinking, “That could’ve gone so much better, maybe I’m just not a presenter”? You’re not alone. And you’re not the problem. You simply haven’t been shown an easy, clear, repeatable way to prepare, deliver and follow up.Presenting is not an innate talent; it’s a ski

    Social shares
    359
    Published
    Read Article
  • Read full article
    The Power of Mapping - Article hero image

    The Power of Mapping

    The map is one of the earliest and most important human inventions. It helps us to navigate our complex world. Maps simplify complex spaces, create shared understanding, reveal hidden insights and help us coordinate action. Around 25,000 B.C. a person carved the earliest known map into a mammoth tus

    Social shares
    589
    Published
    Read Article
  • Read full article
    The Past, Present, and Future of Virtual Reality - Article hero image

    The Past, Present, and Future of Virtual Reality

    Virtual Reality (VR) has come a long way since its humble beginnings—with stereoscopic images back in the 1800s—“astronomically” far, in fact! Twenty-first century VR catapults users into immersive and interactive 3D environments, ones that let them experience something far beyond what they find in

    Social shares
    647
    Published
    Read Article
  • Read full article
    Turn Your Non-Design Experience into Design Portfolio Gold - Article hero image

    Turn Your Non-Design Experience into Design Portfolio Gold

    Have you ever wondered how to transition into UX and product design from a different career background without feeling insecure? Let's uncover strategies to confidently bridge the gap and showcase your skills to prospective employers with confidence and clarity.In this video, Morgane Peng, Desi

    Social shares
    508
    Published
    Read Article
  • Read full article
    Structure First: The Inverted Pyramid and Visual Organization - Article hero image

    Structure First: The Inverted Pyramid and Visual Organization

    This clip examines two principles that work hand in hand to make web content readable: the inverted pyramid approach to information order and the use of visual structure to help users scan efficiently. William Hudson, UX Strategist and Founder of Syntagm Ltd, describes the theoretical basis and prac

    Social shares
    207
    Published
    Read Article
  • Read full article
    What Is Card Sorting? - Article hero image

    What Is Card Sorting?

    In this video, William Hudson, UX Strategist and Founder of Syntagm Ltd, introduces card sorting: what it is, where it comes from, and the broad range of problems it can help solve.Card sorting is a research technique in which participants organize a set of items into groups that make sense to them,

    Social shares
    174
    Published
    Read Article
  • Read full article
    Design Accessible Navigation for Keyboards and Screen Readers - Article hero image

    Design Accessible Navigation for Keyboards and Screen Readers

    Accessibility is often treated as a finishing touch, but for navigation, it belongs at the foundation. Menus are how users reach everything else on a site, so a menu that works only with a mouse quietly shuts out anyone who depends on a keyboard, a screen reader, or another form of assistive technol

    Social shares
    174
    Published
    Read Article
  • Read full article
    The Scent of Information: Give Users the Confidence to Click - Article hero image

    The Scent of Information: Give Users the Confidence to Click

    William Hudson, UX Strategist and Founder of Syntagm Ltd, introduces the scent of information as a model for understanding how users navigate toward their goals, and sets out the principles for writing navigation links that strengthen that scent.Information Foraging and the Scent of InformationThe s

    Social shares
    174
    Published
    Read Article
  • Read full article
    4 UI Design Tips Every Designer Needs to Know - Article hero image

    4 UI Design Tips Every Designer Needs to Know

    User interface (UI) design can make or break any digital product. A user often won’t even notice when they interact with a great UI. They feel the visual appeal and simply trust it. On the contrary, a bad UI design can prevent the user from interacting with a product intuitively or at all and lead t

    Social shares
    646
    Published
    Read Article

Top Articles

Top Topic Definitions

39% of Today's Skills Will Change by 2030

The World Economic Forum expects 39% of today's skills to be transformed or become outdated by 2030.

The good news is that jobs in UX / UI design and AI are among the fastest-growing professions globally.

Build Skills That Keep You Relevant

Privacy Settings

By using this site, you accept our Cookie Policy and Terms of Use.
Customize
Accept all

Be the One Who Inspires

People remember who shares great ideas.

Share on:

Academic Credibility — On Autopilot

Don't waste time googling citation formats. Just copy, paste and look legit in seconds.

Learn Design and AI From the Best

Get one powerful email each week, like 312,425 others.

Next email in: