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.

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