0
Mobile Learning !A User Experience Perspective"Paul D. Hibbitts!User Experience Consultant"
http://www.flickr.com/photos/aecreations/3833459149/
Topics for Today"  Mobile Learning UX fundamentals"  Mobile and blended learning"  What does “mobile” really mean?"  D...
Mobile Moodle access poll"
Mobile Learning!and the User Experience"http://www.flickr.com/photos/realtingley/4467469704/
Mobile Web Usage Projections"http://www.mobify.com/blog/mobile-performance-benchmarks
What is mobile learning!to you?"
“The ability to learn independentlyof place and time, facilitated by arange of mobile devices.”!!– Ufi/learndirect and Kine...
More Than Just Courses"http://mlearnopedia.com/mlearncon/
Forms of Mobile Learning"  Micro-learning"–  self paced mini lessons in varied media, e.g. podcasts"  Synchronous"–  vir...
Some False Mobile Assumptions"  Being mobile means being in a rush"  Mobile users are ok with having less"  Context is ...
Usability & !User Experience Design"
Usability – How it Works"  Learnability (first time users) "  Efficiency (experienced users)"  Memorability (casual users...
User Experience (UX) –!How it Works and Feels"  Subjective in nature, but still measurable"  Often changes over time, du...
Aspects of User Experience"http://semanticstudios.com/publications/semantics/000029.php
Ever Increasing!User Expectations"
The Kano Model"http://en.wikipedia.org/wiki/Kano_model
A Changed Perspective on!Blended Learning"http://www.flickr.com/photos/sabl3t3k/5235994736/in/set-72157625536505582
!What’s the impact ofmobile access onblended learning?"!!!
Five Moments of!Learning Need"1.  When learning for the first time"2.  When wanting to learn more"3.  When trying to rememb...
Evolution of Blended Learning"http://en.wikipedia.org/wiki/Blended_learning
Mobile blended learningprovides more opportunitiesfor performance support,!social networking,!and informal learning!
Mobile Has Already!Left the Station"http://www.flickr.com/photos/dennistt/3729264784/
Mobile First"http://www.abookapart.com/products/mobile-first
What Exactly is “Mobile”?"http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
https://www.youtube.com/watch?v=qn7RfQU1MJg
http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/
http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/
http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/
http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/
Our course sites need tosupport multi-screen and!multi-platform access"
But how?"
http://docs.moodle.org/23/en/MyMobile_themeMoodle MyMobile Theme?"
http://docs.moodle.org/23/en/MyMobile_themeMoodle Mobile App?"
Responsive Web Design (RWD)"  Content/interface universal for all devices"  One source of content, presented differently...
http://www.magazine.org/timecom-gm-craig-ettinger-bringing-responsive-web-design-iconic-brand
http://theming.sonsbeekmedia.nl/
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
http://uxfundamentals.com/moodle/ Hand: iStockphoto.com
Please Do Touch the Glass"http://www.flickr.com/photos/ebayink/6816581064/
Microsoft.com
http://www.flickr.com/photos/maestroben/390454110/
Touchscreen!Notebook Interactions"http://software.intel.com/sites/default/files/m/d/4/1/d/8/Multitouch-The_Human_Touch.pdf
http://blogs.office.com/b/office-next/archive/2012/07/18/using-the-new-office-with-touch.aspxOffice%2013%Touch%Mode%On%Office%...
We need to make all of ourcourse sites more!touch friendly now!
The Importance of Emotion"http://www.flickr.com/photos/ovizo0n/2979497120/
Why Design for Emotion?"  Emotion is experience"  All design is emotional design"  Emotion dominates decision-making" ...
http://advertising.yahoo.com/article/mobile-modes.htmlYahoo! Mobile Research (2011)"
“Products are people too”!!– AarronWalter"
Samsung%i620,%June%2007%Apple%iPhone,%June%2007%
How do your!Moodle course sites make!"your students feel?"you feel?"
Enjoyable"  Easy to Use"  Aesthetically pleasing"  Needed information"  Fun and entertaining"  Supports “flow”"  Prov...
Todo App
http://docs.moodle.org/dev/2.3_icons_versus_2.4Moodle%2.3%Icons% Moodle%2.4%Icons%
More than ever, our coursesites need to be enjoyable"as well as productive"
Wrap-up"http://www.flickr.com/photos/thefinned1/504651585/
Summary"  Mobile Learning and the user experience"  How mobile can change blended learning"  “Mobile” means multiple sc...
Where to Next?"mobilelearningux.com (multi-screen friendly of course!)""  Mobile Learning UX Design using Moodle"– These ...
ThankYou! Further Questions?"Contact Info"Web: paulhibbitts.com"Email: paul@paulhibbitts.com"Twitter: @hibbittsdesign"Link...
 Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
 Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
Upcoming SlideShare
Loading in...5
×

Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective

496

Published on

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.

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
496
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
17
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of " Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective"

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

    Clipping is a handy way to collect important slides you want to go back to later.

×