canada moodlemoot 2013 - mobile learning: a user experience perspective
DESCRIPTION
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.TRANSCRIPT
![Page 1: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/1.jpg)
Mobile Learning !A User Experience Perspective"
Paul D. Hibbitts!User Experience Consultant"
![Page 2: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/2.jpg)
http://www.flickr.com/photos/aecreations/3833459149/
![Page 3: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/3.jpg)
Topics for Today" Mobile Learning UX fundamentals" Mobile and blended learning" What does “mobile” really mean?" Designing for touch interactions " Importance of emotion"
![Page 4: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/4.jpg)
Mobile Moodle access poll"
![Page 5: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/5.jpg)
Mobile Learning!and the User Experience"
http://www.flickr.com/photos/realtingley/4467469704/
![Page 6: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/6.jpg)
Mobile Web Usage Projections"
http://www.mobify.com/blog/mobile-performance-benchmarks
![Page 7: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/7.jpg)
What is mobile learning!to you?"
![Page 8: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/8.jpg)
“The ability to learn independently of place and time, facilitated by a
range of mobile devices.”!!
– Ufi/learndirect and Kineo, 2007"
![Page 9: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/9.jpg)
More Than Just Courses"
http://mlearnopedia.com/mlearncon/
![Page 10: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/10.jpg)
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
![Page 11: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/11.jpg)
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)"
![Page 12: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/12.jpg)
Usability & !User Experience Design"
![Page 13: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/13.jpg)
Usability – How it Works" Learnability (first time users) " Efficiency (experienced users)" Memorability (casual users)" Error-resistance (all users)"
![Page 14: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/14.jpg)
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"
![Page 15: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/15.jpg)
Aspects of User Experience"
http://semanticstudios.com/publications/semantics/000029.php
![Page 16: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/16.jpg)
Ever Increasing!User Expectations"
![Page 17: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/17.jpg)
The Kano Model"
http://en.wikipedia.org/wiki/Kano_model
![Page 18: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/18.jpg)
A Changed Perspective on !Blended Learning"
http://www.flickr.com/photos/sabl3t3k/5235994736/in/set-72157625536505582
![Page 19: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/19.jpg)
!What’s the impact of
mobile access on blended learning?"
!!
!
![Page 20: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/20.jpg)
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"
![Page 21: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/21.jpg)
Evolution of Blended Learning"
http://en.wikipedia.org/wiki/Blended_learning
![Page 22: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/22.jpg)
Mobile blended learning provides more opportunities
for performance support, !social networking, !
and informal learning!
![Page 23: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/23.jpg)
Mobile Has Already !Left the Station"
http://www.flickr.com/photos/dennistt/3729264784/
![Page 24: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/24.jpg)
Mobile First"
http://www.abookapart.com/products/mobile-first
![Page 25: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/25.jpg)
What Exactly is “Mobile”?"
http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
![Page 26: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/26.jpg)
https://www.youtube.com/watch?v=qn7RfQU1MJg
![Page 27: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/27.jpg)
http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/
![Page 28: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/28.jpg)
http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/
![Page 29: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/29.jpg)
http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/
![Page 30: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/30.jpg)
http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/
![Page 31: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/31.jpg)
Our course sites need to support multi-screen and!multi-platform access"
![Page 32: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/32.jpg)
But how?"
![Page 33: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/33.jpg)
http://docs.moodle.org/23/en/MyMobile_theme
Moodle MyMobile Theme?"
![Page 34: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/34.jpg)
http://docs.moodle.org/23/en/MyMobile_theme
Moodle Mobile App?"
![Page 35: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/35.jpg)
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"
![Page 36: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/36.jpg)
http://www.magazine.org/timecom-gm-craig-ettinger-bringing-responsive-web-design-iconic-brand
![Page 37: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/37.jpg)
![Page 38: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/38.jpg)
http://theming.sonsbeekmedia.nl/
![Page 39: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/39.jpg)
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
![Page 40: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/40.jpg)
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
![Page 41: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/41.jpg)
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
![Page 42: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/42.jpg)
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
![Page 43: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/43.jpg)
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
![Page 44: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/44.jpg)
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
![Page 45: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/45.jpg)
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
![Page 46: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/46.jpg)
Please Do Touch the Glass"http://www.flickr.com/photos/ebayink/6816581064/
![Page 47: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/47.jpg)
Microsoft.com
![Page 48: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/48.jpg)
http://www.flickr.com/photos/maestroben/390454110/
![Page 49: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/49.jpg)
Touchscreen !Notebook Interactions"
http://software.intel.com/sites/default/files/m/d/4/1/d/8/Multitouch-The_Human_Touch.pdf
![Page 50: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/50.jpg)
http://blogs.office.com/b/office-next/archive/2012/07/18/using-the-new-office-with-touch.aspx
Office%2013%Touch%Mode%On%
Office%2013%Touch%Mode%Off%
![Page 51: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/51.jpg)
We need to make all of our course sites more !
touch friendly now!
![Page 52: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/52.jpg)
The Importance of Emotion"http://www.flickr.com/photos/ovizo0n/2979497120/
![Page 53: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/53.jpg)
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
![Page 54: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/54.jpg)
http://advertising.yahoo.com/article/mobile-modes.html
Yahoo! Mobile Research (2011)"
![Page 55: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/55.jpg)
“Products are people too”!!
– Aarron Walter"
![Page 56: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/56.jpg)
Samsung%i620,%June%2007%
Apple%iPhone,%June%2007%
![Page 57: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/57.jpg)
How do your!Moodle course sites make !
"your students feel?"you feel?"
![Page 58: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/58.jpg)
Enjoyable" Easy to Use" Aesthetically pleasing" Needed information" Fun and entertaining" Supports “flow”" Provides engagement" Emotionally appealing"
![Page 59: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/59.jpg)
![Page 60: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/60.jpg)
Todo App
![Page 61: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/61.jpg)
http://docs.moodle.org/dev/2.3_icons_versus_2.4
Moodle%2.3%Icons% Moodle%2.4%Icons%
![Page 62: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/62.jpg)
More than ever, our course sites need to be enjoyable "
as well as productive"
![Page 63: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/63.jpg)
Wrap-up"http://www.flickr.com/photos/thefinned1/504651585/
![Page 64: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/64.jpg)
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"
![Page 65: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/65.jpg)
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"
![Page 66: Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective](https://reader033.vdocuments.mx/reader033/viewer/2022060110/555eb433d8b42a08408b5250/html5/thumbnails/66.jpg)
Thank You! Further Questions?"Contact Info"
Web: paulhibbitts.com"Email: [email protected]"Twitter: @hibbittsdesign"LinkedIn: linkedin.com/in/paulhibbitts""
RWD Moodle Course Site Demo"uxfundamentals.com/moodle"
"