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!
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.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?
No, a micro interaction would be an animation that fires when you do something to give immediate feedback. A simple example would be the genie effect when you open an app from the MacOS or iOS dock. Or feedback that an item has downloaded (progress bars, jumping icons).
It should be user or system initiated and then the animation fires, Dan Saffer has a great book that explains the use.
