Mobile is the new reality in the world of online learning. With a focus on user experience (UX), Paul will share his design insights and techniques on how to leverage Moodle to better support anytime, anywhere learning on an ever-expanding range of mobile devices.
Drawing from his own experiences in creating and designing mobile blended learning materials on a variety of platforms, Paul will present his preferred mobile design approaches and field-tested techniques. Topics will include the fundamentals of mobile learning UX, the on-going evolution of the “mobile first” design viewpoint, and the increased importance of design for emotion. Paul will also explore what open source responsive HTML frameworks, such as Twitter Bootstrap, can offer to Moodle.
3. Topics for Today"
Mobile Learning UX fundamentals"
Mobile and blended learning"
What does “mobile” really mean?"
Designing for touch interactions "
Importance of emotion"
8. “The ability to learn independently
of place and time, facilitated by a
range of mobile devices.”!
!
– Ufi/learndirect and Kineo, 2007"
9. More Than Just Courses"
http://mlearnopedia.com/mlearncon/
10. Forms of Mobile Learning"
Micro-learning"
– self paced mini lessons in varied media, e.g. podcasts"
Synchronous"
– virtual classrooms using mobile webinar tools"
Assessments"
– tests, surveys, polls"
Social media learning"
– enabling networks for learning"
Learning games"
– challenges and simulations"
Performance support"
– references, job aids, collaboration, social, augmented reality"
As defined by Connie Malamed
11. Some False Mobile Assumptions"
Being mobile means being in a rush"
Mobile users are ok with having less"
Context is king (hint: think about intent)"
13. Usability – How it Works"
Learnability (first time users) "
Efficiency (experienced users)"
Memorability (casual users)"
Error-resistance (all users)"
14. User Experience (UX) –!
How it Works and Feels"
Subjective in nature, but still measurable"
Often changes over time, due to circumstances"
Will also include aspects of usability"
15. Aspects of User Experience"
http://semanticstudios.com/publications/semantics/000029.php
20. Five Moments of!
Learning Need"
1. When learning for the first time"
2. When wanting to learn more"
3. When trying to remember!
and/or apply"
4. When things change"
5. When something goes wrong"
"
As defined by Bob Mosher and Conrad Gottfredson
Formal!
Learning"
Informal!
Learning"
35. Responsive Web Design (RWD)"
Content/interface universal for all devices"
One source of content, presented differently"
Key elements"
– CSS media queries"
– Fluid grid layouts"
– Flexible images and media"
51. We need to make all of our
course sites more!
touch friendly now!
52. The Importance of Emotion"
http://www.flickr.com/photos/ovizo0n/2979497120/
53. Why Design for Emotion?"
Emotion is experience"
All design is emotional design"
Emotion dominates decision-making"
Emotion commands attention and!
affects memory"
Emotion communicates personality, forms
relationships, and creates meaning"
As defined by Trevor van Gorp and Edie Adams
64. Summary"
Mobile Learning and the user experience"
How mobile can change blended learning"
“Mobile” means multiple screens + platforms"
Touchscreens are destined to be standard"
The increased importance of emotion"
65. Where to Next?"
mobilelearningux.com (multi-screen friendly of course!)"
"
Mobile Learning UX Design using Moodle"
– These slides"
– Suggested books"
– Articles"
– Videos"
– Learning apps (iPhone/iPad and Android)"
– Multi-screen friendly Moodle themes"
– Responsive web frameworks and tools"
– Comments/discussion"