changing faceelearningmulti device-world
Post on 15-Jul-2015
704 Views
Preview:
TRANSCRIPT
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
The Changing Face of eLearning in a Multi-Device WorldDr. Allen Partridge | Sr. Technology Evangelist, eLearning
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
In their natural environment, humans are curious & inquisitiveYou might call them natural learners
2
of workers
declared their mobile
devices to be their most
critical work device.
Sources: iPass Global Mobile Workforce Report 2012, The 2011 Horizon Report,
Studyblue’s user base of 1 million students, Intuition.com, eLearninginfographics.com and Adobe data
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Our Session today will focus on practical advice for Mobile Learning Interface
DesignWe’ll talk about how people use mobile devices for learning, and how to meet their needs
3
Sorting out Tablets and Phones
Design Principles are Universal
Practical Tips for Mobile Interface Design
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Sorting out Tablets & PhonesThere are an awful lot of different screens, sizes, and orientations to consider …
4
How do I chose the right
screen sizes and shapes?
Today there are billion unique
mobile users. (And even more connected
mobile devices.) Source: We Are Social
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Understanding Height and Width in Web ContentIt’s pretty much all web content
5
• To Scroll or not to Scroll
• Conventions of Learning
eLearning Expectations
• Mobile first or Tablet first?
• Stupid sideways phones
• Is smartphone mobile only for performance support?
Breakpoints
• The ground keeps shifting
• Future Proofing?
Degrading Gracefully
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
In their natural environment, humans are curious & inquisitiveYou might call them natural learners
6
of mobile learners
praised the convenience and
time management benefits.
Sources: iPass Global Mobile Workforce Report 2012, The 2011 Horizon Report,
Studyblue’s user base of 1 million students, Intuition.com, eLearninginfographics.com and Adobe data
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Kid Captivate Tablet & Mobile Size TipsResponsive Design Saves the Day
7
What is Responsive?
Breakpoints and Degrading Gracefully
Viewport Sizes
Inheritance & Project Design
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What changes for eLearning authors and developers?How do we craft learning for mobile?
8
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Responsive Web Design vs. Responsive eLearning
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What are Breakpoints?It’s all in the sliding
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What is Viewport Size?http://viewportsizes.com/mine/
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Captivate’s Law of Inheritance ;)
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
In their natural environment, humans are curious & inquisitiveYou might call them natural learners
13
Mobile learners study
minutes more each week by
studying everywhere they go
Sources: iPass Global Mobile Workforce Report 2012, The 2011 Horizon Report,
Studyblue’s user base of 1 million students, Intuition.com, eLearninginfographics.com and Adobe data
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14
Good Reads:
Jonathan Stark on 10 Principles of Mobile Interface Design:
http://bit.ly/1AF3fiO
Connie Malamed on 10 Tips for Designing mLearning &
Support Apps: http://bit.ly/1GIxzwn
Design Principles are UniversalOr are they? All About the Thumbs …
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Design Principles are UniversalOr are they? All About the Thumbs …
15
Takeaways from Malamed & Stark:
• Mobile is different
• Focus, focus, focus
• Generally – Thumb targets need to be 44 Pixels square
• Thumbs and the single hand controller
• Lose the Chrome, focus on the content
• Scrolling is discouraged
• Feedback must be constant
• Don’t take invisible conventions for granted
• Chunk it up (short bursts)
• Simplify, Simplify, Simplify
• Efficiency is hygiene
Jonathan Stark on 10 Principles of Mobile Interface Design: http://bit.ly/1AF3fiO
Connie Malamed on 10 Tips for Designing mLearning & Support Apps: http://bit.ly/1GIxzwn
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Kid Captivate Mobile Design TipsBe Respectful of Bandwidth and Battery: Strategies to Reduce File Size
16
Video & Sound Optimized
Appropriate Sized Images
Lean on Shapes
Bite Sized Content
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Channeling & The Rule of ThreeAvoiding excess is even more important on mobile
17
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Channeling & The Rule of ThreeAvoiding excess is even more important on mobile
18
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Channeling & The Rule of ThreeAvoiding excess is even more important on mobile
19
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Channeling & The Rule of ThreeAvoiding excess is even more important on mobile
20
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 21
SmartphoneTablet PortraitTablet Landscape
Desktop
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 22
SmartphoneTablet PortraitTablet Landscape
Desktop
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 23
Desktop
SmartphoneTablet PortraitTablet Landscape
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Today there are more than 7.29 Billion people in the worldNearly half of the global population are Internet users
24
Most researchers agree that slightly
more than of all web traffic
today is coming from mobile devices
Source: IDG
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What differentiates mobile learning?Is there significant added value in making eLearning available on mobile devices?
25
Learn anywhere
Learn anytime
Move while
learning
Location becomes
a tool
Touch computin
gTilt or flip
Interact with
others
create images &
video
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Kid Captivate Tips for Leveraging Mobile Device
CapabilityDesigning for the device affordances and usability
26
Touch
Rotation
Location
Communication
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Location Aware LearningThe ultimate field guide
27
Wow! That water-borne insects field guide
popped up at the right time to handle these riverside apartments.
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Today there are more than 7.29 Billion people in the worldApparently most of them are working too hard
28
In a 2014 IDG Survey, of
respondents reported using their
tablets during evening hours to
research for work
Source: IDG
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Kid Captivate Tip: Design for your Audience’ ExpectationsPlan your Mobile Course & Consider the Differences
29
Mobile is Learner Centered
Mobile is Context Aware
Mobile is More Intimate & Personal
On Demand not On Command
© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Still Hungry for more?Check out these resources for more training in Adobe Captivate
• Blog: http://blogs.adobe.com/presenter/
• YouTube: http://www.youtube.com/adobepresenter/
• AdobeTV: http://tv.adobe.com/channel/e-learning/
• Adobe EDEX: http://edex.adobe.com/
• Adobe KnowHow: http://www.adobeknowhow.com/
• More eSeminars: http://adobe.ly/1qqQ2FX
• Email me: allenp@adobe.com
top related