![Page 1: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/1.jpg)
Design ApproachesAdapting Content for mLearning
![Page 2: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/2.jpg)
Intro
• Chad Udell
• Solutions Architect - Float Learning
• Blog at Visualrinse.com and FloatLearning.com
![Page 3: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/3.jpg)
What we’re going to cover
• How to recognize how the user's context affects design of the content
• What constraints certain contexts place on content design and delivery
• How to effectively leverage your users' context to produce effective learning
![Page 4: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/4.jpg)
The worst case scenario
![Page 5: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/5.jpg)
What’s wrong with that?
• No concept of the user experience
• No curation
• No guide for decisions
• No context
![Page 6: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/6.jpg)
A Primer on Context
• The Where, When and Why of Mobile
• Setting (Physical and Social)
• Time (Relative and Absolute)
• Intent (Reason for Access)
![Page 7: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/7.jpg)
Setting
• Differences between at home and on the go
• At the office vs. at a client’s location
• How does this change what is important?
![Page 8: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/8.jpg)
Time
• Relative Time
• Proximity to another event
• Absolute Time
• 11:32AM, Wednesday June 3rd, 2010
• Three days before New Year’s Day.
• 10PM Everyday
![Page 9: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/9.jpg)
Intent
• What does the user really want at this juncture?
• Difficult to infer
• Use of device sensors and usage history
![Page 10: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/10.jpg)
![Page 11: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/11.jpg)
Placing something in Context changes everything!
![Page 12: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/12.jpg)
Should have checked the context before traveling
![Page 13: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/13.jpg)
The perfect mLearning device?
![Page 14: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/14.jpg)
Contains some useful information, mostly about towels.
![Page 15: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/15.jpg)
Lets you know when there are three armed men inside the building
![Page 16: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/16.jpg)
Check the controls
![Page 17: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/17.jpg)
How do we start?
![Page 18: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/18.jpg)
Draft the Personas
![Page 19: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/19.jpg)
What’s in a Persona?
• Demographics
• Goals
• Tasks
• Device Specifics
• Connectivity
• Tech Familiarity
• More?
![Page 20: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/20.jpg)
Use them!A scene from a Yahoo! Session
![Page 21: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/21.jpg)
Craft Use Caseshttp://www.alistapart.com/articles/tamingscope/
![Page 22: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/22.jpg)
• System Aware
• Network Aware
• User Aware
Categories of Contextual Design
![Page 23: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/23.jpg)
• Adapt to device-specific interaction techniques (Touch vs. Multitouch vs. Cursor vs. Terminal)
• Different display on different screens (resolution)
• Functionality specific to the delivery platform
System Aware
![Page 24: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/24.jpg)
• Account for differences in network access and bandwidth - Wifi vs. 3/4G vs. EDGE
• Using local device storage when offline
Network Aware
![Page 25: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/25.jpg)
• Inferrals of intent
• Personalize content based on usage history
• Integrate social data
• Provide varying levels of service and data access
User Aware
![Page 26: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/26.jpg)
So, let’s try it out.
![Page 27: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/27.jpg)
Scenario #1
• A Technophobe Sales Professional
• Needs access to current whitepapers and soft skills training
• May have long drives
• May not always have web access
• Likes Talk Radio
• Doesn’t mind calling homebase
• Has an older smartphone, not always sure how to use it
• Has an iPod
![Page 28: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/28.jpg)
Scenario #2
• Manager(s) for a Construction company
• Needs quick info on the machine fleet
• Just got top of the line Android phones
• Wants an “app for that”
• Has dozens of permits and regulations to check the jobsite against
• Has some existing web apps they use, not sure about how they work on the mobile
![Page 29: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/29.jpg)
Scenario #3
• Company has a large number of tech professionals on the road
• Needs up to the minute info on jobsite conditions
• No single type of phone
• Users have a large number of SKUs they have to know about
• Product bulletins come out weekly, sometimes daily
• A lot of employee turnover
![Page 30: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/30.jpg)
The only chance for assuring a successful contextual advertising system is merging it with top social
networks like MySpace, Facebook, etc. where the system will better understand its users, their needs,
search habits, likes and dislikes, and serve them perfect ads – ads that they will click on.
http://www.mangeorge.com/2008/08/contextual-advertising/
![Page 31: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/31.jpg)
In Summary
• 3 types of context
• These types require User Focused Design approach
• System, Network and User aware applications can all flow from these approaches
• User focused design works regardless of the technology
![Page 32: Design Approaches for Adapting Content for mLearning](https://reader034.vdocument.in/reader034/viewer/2022042623/546def3caf795962298b5546/html5/thumbnails/32.jpg)
Questions?http://floatlearning.com/blog