etug fall 2012: mobile learning – an evolving user experience perspective

44
Mobile Learning An Evolving User Experience Perspective Paul D. Hibbitts User Experience Consultant, Hibbitts Design

Upload: paul-hibbitts

Post on 27-Jan-2015

106 views

Category:

Design


2 download

DESCRIPTION

In this session, Paul will share some of his most recent mobile design experiences and challenges. Two new CMS-based mobile course companions which he launched this Fall will serve as design examples for the session. Topics will include the on-going evolution of the “mobile first” viewpoint, the importance of emotion, recent efforts to better support learning, and experimentations with Twitter Bootstrap (a responsive HTML framework). Participants will be encouraged to also share their viewpoints and experiences.

TRANSCRIPT

Page 1: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Mobile Learning !An Evolving User Experience Perspective"

Paul D. Hibbitts!User Experience Consultant, Hibbitts Design"

Page 2: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

30"

Page 3: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

http://www.flickr.com/photos/72179231@N03/8124827295/

Page 4: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

http://www.flickr.com/photos/ramseymohsen/8125770252/

Page 5: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Google

Page 6: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

http://akashtaker001.blogspot.ca/2012/06/microsoft-windows-phone-78-and-windows.html

Page 7: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

!“From the start of September to the end of October, technology companies have been busy releasing new connected devices of varying shape, size, and OS.”!!– Data Monday: Two Months of Device Diversity (Luke Wroblewski)!"

Page 8: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Topics for Today"!  Evolution of the “mobile first” viewpoint"!  The increasing importance of emotion"!  Fall 2012 case studies"– Twitter Bootstrap framework"– Efforts to better support learning"

Page 9: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

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

Page 10: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Mobile First"http://www.abookapart.com/products/mobile-first

Page 11: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

http://en.wikipedia.org/wiki/File:Boston_Globe_responsive_website.jpg

Page 12: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/

Page 13: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/

Page 14: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/

Page 15: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

http://www.thinkwithgoogle.com/insights/featured/new-multi-screen-world-insight/

Page 16: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Multi-screen Learning"!  Content must be universal for all devices"!  Consider both sequential and simultaneous use"!  Device type will influence relationship + goals"

Page 17: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Design for Emotion"http://www.flickr.com/photos/ovizo0n/2979497120/

Page 18: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

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 19: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

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

Yahoo! Mobile Research (2011)"

Page 20: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

“Products Are People Too”!!

– Aarron Walter"

Page 21: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Samsung(i620,(June(2007(

Apple(iPhone,(June(2007(

Page 22: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

How Does Your!eLearning/mlearning/LMS Make!

"Your Students Feel?"You Feel?"

Page 23: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Desirability""  Aesthetics""  Delight""  Fun""  Engagement""  Emotions"

Page 24: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective
Page 25: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective
Page 26: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Learning and Emotion"!  Our audience is people first, learners second"!  Minimize navigation, management, and search"!  Strive to make learning objects more appealing"

Page 27: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Fall 2012 Case Studies"

Page 28: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

My Questions"1.  How could I try to better support learning?"2.  What would Twitter Bootstrap offer?"

Page 29: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Twitter Bootstrap"

Page 30: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective
Page 31: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective
Page 32: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective
Page 33: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective
Page 34: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Efforts to Better!Support Learning"

http://www.flickr.com/photos/jiscinfonet/146842393/

Page 35: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Better Support of Learning"!  Access"!  Cooperation"!  Networks"!  Personalized"

Page 36: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Access"

Page 37: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

http://www.flickr.com/photos/melliegrunt/6935121036/

Page 38: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Evernote"

Page 39: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Cooperation"

Page 40: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Networks"

Page 41: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Personalized"

Page 42: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Wrap-up"http://www.flickr.com/photos/thefinned1/504651585/

Page 43: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Summary"!  Evolution of the “mobile first” viewpoint"!  The increasing importance of emotion"!  Fall 2012 case studies"– Twitter Bootstrap framework"– Efforts to better support learning"•  Access"•  Cooperation"

•  Networks"•  Personalized"

Page 44: ETUG Fall 2012: Mobile Learning – An Evolving User Experience Perspective

Thank You! Further Questions?"Contact Info"

Web: paulhibbitts.com"Email: [email protected]"Twitter: @hibbittsdesign"LinkedIn: linkedin.com/in/paulhibbitts"

"Demo Mobile Course Companion"

hibbittsdesign.com/courses/mobilelearningux-demo/"""