With my background in digital design, I have always prioritised optimising user interface and user experience design in my work. I believe the value of good interface design and user experience in e-learning. User interface design refers to the look and feel of e-learning and the interaction between the user and the interface. User experience refers to the psychological experience the learner has when interacting with the e-learning.
Before we get into UI, let’s get into the bigger piece of the umbrella. UX.
The way I look at it, there is 2 significant part of UX in e-learning design:
1. UX as a holistic process
2.UX as part of the e-learning interface design.
UX design is a big umbrella, and UI is an integral part of the implementation process.
And there are so many UX terms out there on Google. But don’t worry, there is ongoing discussion around the definition as the design process evolves over the years. If you want to understand the difference between UI & UX in 6 mins, this is a great video I found that explains that well.
THE DIFFERENCE BETWEEN UI & UX
What is UI vs. UX Design? A Practical Example in Under 6 Minute
The Analogy between UX design in digital design vs ADDIE:
When I first entered the world of learning and development, what I find was tricky was actually understanding the terms/jargon. But I actually find a lot of process overlap and parallels between digital design i.e. website and e-learning design process. Look at the comparison table below:
UI design sits in the Design & Development (Prototype) phase. However, throughout the whole process, UX is always playing a part.
WHAT IS USER EXPERIENCE (UX) DESIGN?
UX covers the behaviour, attitudes and emotions that learners experience on e-learning.
As a whole, UX design is looking after:
What is the learner’s behaviour, environment, needs or challenges
What is the learner’s journey map
How does the e-learning solve business and performance problem
How does the course make the learner feel
How can we make the course fits the learners need
Here are 10 things where UX get involved in e-learning design:
Consistent navigation and layout
Concise and clear writing
Content chucking i.e. segmentation and proximity
F-shaped reading pattern
Leaving out unnecessary content, distraction-free
Unobstructed flow of use
A clear purpose of each activity and slide
The sequence of the content
Motivational element, i.e. progress bar or badge
Read more in-depth into what makes good UX design by AdobeXD: