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

Post on 27-Jan-2015

107 Views

Category:

Design

2 Downloads

Preview:

Click to see full reader

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

Mobile Learning !An Evolving User Experience Perspective"

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

30"

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

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

Google

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

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

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"

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

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

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

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/

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

Design for 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 Does Your!eLearning/mlearning/LMS Make!

"Your Students Feel?"You Feel?"

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

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

Fall 2012 Case Studies"

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

Twitter Bootstrap"

Efforts to Better!Support Learning"

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

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

Access"

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

Evernote"

Cooperation"

Networks"

Personalized"

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

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"

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

top related