Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective

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?"  Designing for touch interactions "  Importance of emotion"

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 independently of place and time, facilitated by a

range of mobile devices.”!!

– Ufi/learndirect and Kineo, 2007"

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"

–  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

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)"

Usability & !User Experience Design"

Usability – How it Works"  Learnability (first time users) "  Efficiency (experienced users)"  Memorability (casual users)"  Error-resistance (all users)"

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"

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 of

mobile access on blended learning?"

!!

!

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"

Evolution of Blended Learning"

http://en.wikipedia.org/wiki/Blended_learning

Mobile blended learning provides more opportunities

for 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 to support multi-screen and!multi-platform access"

But how?"

http://docs.moodle.org/23/en/MyMobile_theme

Moodle MyMobile Theme?"

http://docs.moodle.org/23/en/MyMobile_theme

Moodle Mobile App?"

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"

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.aspx

Office%2013%Touch%Mode%On%

Office%2013%Touch%Mode%Off%

We need to make all of our course 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"  Emotion commands attention and!

affects memory"

  Emotion communicates personality, forms relationships, and creates meaning"

As defined by Trevor van Gorp and Edie Adams

http://advertising.yahoo.com/article/mobile-modes.html

Yahoo! Mobile Research (2011)"

“Products are people too”!!

– Aarron Walter"

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”"  Provides engagement"  Emotionally appealing"

Todo App

http://docs.moodle.org/dev/2.3_icons_versus_2.4

Moodle%2.3%Icons% Moodle%2.4%Icons%

More than ever, our course sites 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 screens + platforms"  Touchscreens are destined to be standard"  The increased importance of emotion"

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"

Thank You! 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"

"