Forum Discussion
Microinteractions for Engaging E-Learning?
Hey everyone,
We're currently working on improving our e-learning courses, which have been quite static so far. Our goal is to take the visual design and user experience to the next level by incorporating microinteractions (meaning: animated buttons, subtle sound effects for feedback, progress indicators) that make the training more engaging and intuitive.
Obviously this can not be generalized for every training but I’d love to hear from you:
🔹 What kind of microinteractions have you successfully used in training?
🔹 What works well, and what feels like “too much” for learners?
🔹 Are there any great examples out there that we can check out for inspiration?
Looking forward to your insights and examples!
Thanks!
7 Replies
gifs are not really Microinteractions, I use them all the time. I think you will find the best example by looking at Microinteractions used in web and app design.
Hi Phil, So using gifs as a background that have a trigger on-click to show new info like this one: Welcome to Futuro are not really considered microinteractions, faux microinteractions?
I would loooooove to see a course or a webinar that explains how Welcome to Futuro was created. Or maybe a microlearning module for each panel? This one definitely had me think "omg how'd they do that" a lot!
Hi Tim,
Check out this link:
animated-gifs-in-your-e-learning
Microinteractions are great. I use microinteractions with a preference for subtle, minimal design. Albeit micro they serve many purposes and can be used to great effect: improve user-experience and functionality (always a plus), create flow, engage, organize/ enhance/clarify message/material, especially in dense courses. "Too much" for me (and the target audience) is the inclusion of 'shiny' objects' = distract, confuse and ruin focus.
Also worth checking out, top of page: More > Discover, and the elearning challenges - a ton of creativity on show.
