The document discusses the evolution of mobile learning from a user experience perspective, emphasizing the significance of a 'mobile first' approach and the increasing role of emotions in design. It touches on the importance of creating universally accessible content and highlights case studies including the use of the Twitter Bootstrap framework to enhance learning experiences. The author poses reflective questions about supporting learning and the emotional aspects of eLearning.

1. Mobile Learning !
An Evolving User Experience
Perspective"
Paul D. Hibbitts!
User Experience Consultant, Hibbitts Design"

2. 30"

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

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

5. Google

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

7. “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)!

8. 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"

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

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

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

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

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

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

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

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

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

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

19. Yahoo! Mobile Research (2011)"
http://advertising.yahoo.com/article/mobile-modes.html

20. “Products Are People Too”!
!
– Aarron Walter"

21. Samsung(i620,( Apple(iPhone,(
June(2007( June(2007(

22. How Does Your!
eLearning/mlearning/LMS Make!
You" Feel?"
Your Students Feel?"

23. Desirability"
" Aesthetics"
" Delight"
" Fun"
" Engagement"
" Emotions"

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

27. Fall 2012 Case Studies"

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

29. Twitter Bootstrap"

34. Efforts to Better!
Support Learning"
http://www.flickr.com/photos/jiscinfonet/146842393/

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

36. Access"

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

38. Evernote"

39. Cooperation"

40. Networks"

41. Personalized"

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

43. 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"

44. Thank You! Further Questions?"
Contact Info"
Web: paulhibbitts.com"
Email: paul@paulhibbitts.com"
Twitter: @hibbittsdesign"
LinkedIn: linkedin.com/in/paulhibbitts"
"
Demo Mobile Course Companion"
hibbittsdesign.com/courses/mobilelearningux-demo/"
"
"