The UX of Teaching and Learning
How to create the best learning experience
Agnieszka Brzozowska
The UX of Teaching and Learning
How to create the best learning experience
Agnieszka Brzozowska
What is UX design- user experience design?
User experience and teaching
Make sure that everything you or your students use feels smooth, intuitive and even engaging.
User experience and teaching
Make sure that everything you or your students use feels smooth, intuitive and even engaging.
lesson planning
homework assignments
quizzes
classroom activities or presentations
Good UX design can increase learning retention by 95%
easy to navigate
visually clear
engaging
Clark, R.C, & Mayer, R.E. (2016) E-learning and the science of Instruction
Mayer, R.E. (2009) Multimedia learning
Engaging design can double time-on-task
clean, intuitive design keeps students focused
Schmid, R.F. & Petko, D. (2019) The Impact of User Experience on Educational Technology Adoption
Poor design causes 30% drop in student motivation
frustrating or confusing interfaces
-> demotivated students
-> frustrated teachers
Detering, S. et al. (2011) From Game Design Elements to Gamefulness: Defining Gamification
Case Study
Logistics Center
Logistics Center
10 groups
Employees/ students from all over the world
2 hours a week + 4 hours online
the APP!!!
Online practice
My English Lab Pearson
Business Partner
Online practice
My English Lab Pearson
Online Practice
Pearson Practice English App
The APP
instructions in Dutch e.g. Onderstreep een werkwoord in elke zin!
content created by the school
Quizlet
works perfectly on mobile devices
download sets
teacher creates content
the app recognizes the language of the phone
100 tools every teacher needs to know
100 tools every teacher needs to know
+ 10 design apps
100 tools you need to know...
nice-looking is not enough
4E
Teaching tools and apps should be e....
looking nice is not enough
4E
Easy
Enjoyable
Effective
Engaging
Design principles
1/5 Usability
Clear navigation
Simple and consistent
Interface in multiple languages
Easy access on different devices
2/5 Accessibility
high-contrast text
dyslexia friendly fonts
alternative text for images
Reduce cognitive load and make it easier for students to process information.
Dyslexia-friendly fonts
OpenDyslexic
OpenDyslexic Mono
Arial
Verdana
Comic Sans
Raleway
3/5 Engagement
4/5 Visual design
clear, appealing visual design can make abstract concepts more digestible and enjoyable
use colours, icons to categorise different skills
ESLBrains.com
25% discount on your three first payments
use the code at the checkout
"tesolfrance24"
5/5 Personalisation
What apps and tools do you use?
What people say, what people do, and what they say they do are entirely different things.
Margaret Mead
Write one thing you'd like to know more about