UX for E-learning: Designing the Learner Experience
-
Upload
majid-tahir -
Category
Design
-
view
578 -
download
5
Transcript of UX for E-learning: Designing the Learner Experience
![Page 1: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/1.jpg)
![Page 3: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/3.jpg)
About Me/acumenity▪ acumenity
▪ We build communities for your products
▪ Majid Tahir ▪ I’m a Seasoned Entrepreneur ▪ Partner and Founder of acumenity ▪ Provide technical direction and leadership ▪ Have experience working at large management
consulting firms as well as boutique design agencies
![Page 4: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/4.jpg)
You Have a Job to Do▪ Imagine you are tasked with developing/
designing an awesome experience ▪ And it’s due in 2 months ▪ And there’s no content ready ▪ And the users are not understood ▪ And…yeah, this is bad
![Page 5: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/5.jpg)
How Do You Do Your Job?▪ Let’s go online and see what’s out there!
▪ Good luck sorting that out ▪ What looks cool when you’re desperate
may not be cool once delivered ▪ Let’s read design books/articles!
▪ Do you really have the time? ▪ Hit-or-miss probability
▪ I have design experience super-powers ▪ Nope
![Page 6: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/6.jpg)
How Do You Do Your Job?Is this good?
![Page 7: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/7.jpg)
How Do You Do Your Job?Or, is this good?
![Page 8: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/8.jpg)
How Do You Do Your Job?
Do I read this book? Or that book? Or articles!?
![Page 9: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/9.jpg)
Some Great Resources…▪ Responsive Web Design (Ethan Marcotte) ▪ The Web Designer’s Idea Book (Patrick McNeil) ▪ Don’t Make Me Think (Steve Krug) ▪ Designing for Emotion (Aaron Walter) ▪ Mobile First (Luke Wroblewski) ▪ Android Design Patterns (Greg Nudleman) ▪ Mobile Design Pattern Gallery (Theresa Neil) ▪ Motivational Design for Learning and Performance
(John M. Keller) ▪ User Centered Design (Travis Lowdermilk) ▪ Interactive Design (Andy Pratt & Jason Nunes) ▪ And so forth…
![Page 10: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/10.jpg)
How to succeed at your job▪ You want to stand out
▪ Make it awesome ▪ You want to defend your work
▪ Be able to explain every element and the harmony between them
▪ You want to quickly learn from your work ▪ Knowing why you chose elements and
design prepares you to incorporate feedback and criticism
▪ You want confidence in yourself ▪ You should be able to repeat your success
because you know why
![Page 11: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/11.jpg)
How to learn to stop worrying and love your jobStart the work by ensuring success
1. Understand what makes an impactful user experience
2. Use the acumenity Clarity Index to create an awesome experience
![Page 12: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/12.jpg)
What is User Experience?
The judicious application of certain user-centered design practices (http://uxdesign.com/ux-defined#sthash.y5mlAv63.dpuf)
![Page 13: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/13.jpg)
UCD PrinciplesExcerpted from usabilitynet.org
1. Design for the users and their tasks 2. Be consistent 3. Use simple and natural dialogue 4. Reduce unnecessary mental effort by
the user 5. Provide adequate feedback
(success/fail at goal) 6. Provide adequate navigation
mechanisms 7. Let the user drive 8. Present information clearly 9. Be helpful 10. Reduce errors
![Page 14: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/14.jpg)
3 Benefits of a Great User Experience
![Page 15: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/15.jpg)
How Do You Achieve a Great User Experience?
![Page 16: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/16.jpg)
What Do You Achieve through Great User Experiences?Gain the positives and avoid the negatives
![Page 17: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/17.jpg)
What Are the Elements of acumenity’s Clarity Index?
![Page 18: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/18.jpg)
What Are the Elements of acumenity’s Clarity Index?
![Page 19: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/19.jpg)
The Clarity Index
![Page 20: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/20.jpg)
The Clarity Index
![Page 21: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/21.jpg)
Increase TactTact is the sensitivity and empathy towards the learner.
![Page 22: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/22.jpg)
Tact: Attractive Design Brings Instant CredibilityA Stanford University study states that 46% of participants assessed the credibility of a site based on the appeal of the visual design, including layout, typography, and color schemes. http://credibility.stanford.edu
Where would you buy your wedding dress?
Site A Site B
![Page 23: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/23.jpg)
Where would you buy your electronics?
Site A Site B
![Page 24: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/24.jpg)
Where would you buy your groceries?
Site A Site B
![Page 25: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/25.jpg)
Tact: Aesthetic-Usability EffectThe Aesthetic-Usability Effect is the phenomenon that describes users perception that more aesthetically pleasing designs to be easier to use than less aesthetically pleasing designs. Users are more sympathetic to faults or failures if a design is aesthetically pleasing, leading them to believe that the better looking option is the better option entirely.
![Page 26: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/26.jpg)
![Page 27: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/27.jpg)
![Page 28: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/28.jpg)
![Page 29: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/29.jpg)
![Page 30: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/30.jpg)
Distract: Remove Distractions
![Page 31: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/31.jpg)
Distract: Use Simple, Meaningful VisualsConsider using simple drawings or icons that lack unnecessary detail.
![Page 32: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/32.jpg)
Distract: Use Simple, Meaningful Visuals
![Page 33: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/33.jpg)
![Page 34: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/34.jpg)
![Page 35: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/35.jpg)
![Page 36: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/36.jpg)
InteractUser interaction or active involvement
![Page 37: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/37.jpg)
Passive Learning
Interction
Make Learning Active
Interaction ActiveLearning
![Page 38: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/38.jpg)
Interaction• Creates an active learning process that aids understanding
and retention. • Ensure that your knowledge checks or quizzes test that they
have understood the learning objective rather than recall what they just heard.
• Product simulations create workflow memories. Can be useful, but not if your product changes often
• Exercises engage the user to independently solve problems outside the training.
• “Variety is the spice of life.”
![Page 39: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/39.jpg)
Interaction
![Page 40: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/40.jpg)
How to Quantify the Relationship▪ Tact & Interact
▪ Simplest way is to develop a checklist ▪ Elements meeting more of the checklist items
score higher ▪ Elements not meeting all of the checklist items
should be redone or justified ▪ For example: User Centered Design principles
▪ Ensure standards are met ▪ Principles can be used as the checklist
![Page 41: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/41.jpg)
Testing the Index
High Tact: Navigation menu placed on the left
Distract: Consider using simplified visuals
:Low Interact Difficult interaction, especially on mobile
Low Tact: Visuals do not look like buttons
Low Tact: Important Menu items are faded
Distract: Too much text; difficult to read
![Page 42: UX for E-learning: Designing the Learner Experience](https://reader031.fdocuments.in/reader031/viewer/2022021815/58f308111a28ab76628b45af/html5/thumbnails/42.jpg)
How Mobile Impacts the Learning Experience▪ Extra diligence must be applied in identifying
learning distractions.▪ Mobile requires a different set of tact than
desktop▪ Different design and content conventions are
used on mobile than desktop