designing elearning for ipads - getting it right - cipd hrd 2013
DESCRIPTION
Presentation "eLearning on iPads - Getting it right" - Delivered at CIPD HRD Conference & Exhibition 2013 by Amit Garg Director of Custom Learning Solutions and Co–founder - Upside LearningTRANSCRIPT
Stand # 425 Stand # 425
Stand # 425 Stand # 425
UKUS
Australia
13 countries165 +clients in
Middle East
Established in 2004
India
New Zealand
S.Africa
NigeriaKenya
SingaporeVenezuela
Stand # 425 Stand # 425
Custom/Bespoke
mLearning
Custom/ Bespoke
eLearning
30 +awards and recognitions
Stand # 425 Stand # 425
Stand # 425 Stand # 425
Agenda
• Why tablets• Understanding tablets• Why eLearning on tablets• Designing eLearning for tablets
Stand # 425 Stand # 425
mLearningis the future of workplace learning
Stand # 425 Stand # 425
mLearningis the future of workplace learning
bit.ly/no-escaping-mlearning-webinar
bit.ly/mlearning-infographic
Stand # 425 Stand # 425
Ok.So why tablets?
Stand # 425 Stand # 425
Why tablets?
Stand # 425 Stand # 425
Why tablets?
Stand # 425 Stand # 425
Why tablets?
Stand # 425 Stand # 425
Why tablets?
http://www.computing.co.uk/ctg/analysis/2198142/the-rise-and-rise-of-touchscreens-in-the-workplace
Stand # 425 Stand # 425
Understanding
tablets
Stand # 425 Stand # 425
Nov ‘12
Sam
sung
S3
min
i
Jun ‘07
iPho
ne
Sep ‘12
iPho
ne 5
Nov ‘12
Goo
gle
Nex
us 4
Oct ‘11
Sam
sung
Not
e 1
May ‘12
Sam
sung
Gal
axy
S3
Sep ‘12
Sam
sung
Not
e 2
Jul ‘12
Goo
gle
Nex
us 7
Nov‘12
iPad
Min
i
Apr‘10
iPad
(1st
gen
erati
on)
Nov‘12
iPad
(4th
gen
erati
on)
Nov‘12
Goo
gle
Nex
us 1
0
Understanding Tablets
Stand # 425 Stand # 425
TabletLaptop Smartphone
Portability
Flexibility/ Features
Availability
Connectivity
Functionality
Understanding Tablets
Stand # 425 Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425 Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425 Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425 Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425 Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425 Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425 Stand # 425
How do we use tablets?
Adobe:2013 Digital Publishing Report
Stand # 425 Stand # 425
WhyeLearningoniPads(tablets)
Stand # 425 Stand # 425
• Can you make our legacy elearning work on iPads?• Can we create our new elearning in HTML5 so that it can work
on iPads as well?• Can we have our elearning work across devices – from PCs to
tablets to smartphones?
We get asked…
Yes.But why?
Stand # 425 Stand # 425
Define your purpose
• Making eLearning accessible to mobile workforce (Sales staff). • Carrying learning with then will help in supporting just-in-time
(Field staff)• Supplementing e-learning with support material or
social/collaborative elements• Providing eLearning on tablets will improve uptake in employees
personal time.
Stand # 425 Stand # 425
eLearning
Judy Brown : ADLnet.org
Stand # 425 Stand # 425
on tablets eLearning
Judy Brown : ADLnet.org
Stand # 425 Stand # 425
DesigningeLearningforiPads(tablets)
Stand # 425 Stand # 425
5 Moments of Learning Need (Dr. Conrad Gottfredson)
• When learning for the first time• When wanting to learn more
• When trying to remember• When things change• When something goes wrong
Stand # 425 Stand # 425
4 Types of Mobile Content (Chad Udell)
• Converted content • Business processes• Social and user generated • Uniquely mobile
Stand # 425 Stand # 425
4 Cs of Mobile Capability (Clark Quinn)
Content
The media that the user interacts with
Capture
Information gathered either by user intention (taking a picture) or automatically (such as a GPS)
Compute
Processing information so that it can be more easily understood or manipulated by the user
Communicate
There are many ways to communicate with other users in addition to the phone: IM, micro blogging, text messaging, VoIP, etc.
Stand # 425 Stand # 425
Design Considerations
RelevanceEmbed in Workflow
ConsistencyPersonalizationOffline Usage
Augmented Reality / QR codesResponsive Design
Stand # 425 Stand # 425
Design Considerations
eLearning nuggets on iPad via LMS
Stand # 425 Stand # 425
Design Considerations
RelevanceEmbed in Workflow
ConsistencyPersonalizationOffline Usage
Augmented Reality / QR codesResponsive Design
Stand # 425 Stand # 425
Design Considerations
http://aka.ms/hinadk Emirates Airlines ‘KIS’ Windows Tablets
Stand # 425 Stand # 425
Design Considerations
RelevanceEmbed in Workflow
ConsistencyPersonalizationOffline Usage
Augmented Reality / QR codesResponsive Design
Stand # 425 Stand # 425
Design Considerations
Linkedin iPad App – Hybrid
Stand # 425 Stand # 425
Design Considerations
RelevanceEmbed in Workflow
ConsistencyPersonalization
Offline UsageAugmented Reality / QR codes
Responsive Design
Stand # 425 Stand # 425
Design Considerations
Upside2Go Forums
Stand # 425 Stand # 425
Design Considerations
RelevanceEmbed in Workflow
ConsistencyPersonalization
Offline UsageAugmented Reality / QR codes
Responsive Design
Stand # 425 Stand # 425
Design Considerations
Jangro - Upside2Go Documents
Stand # 425 Stand # 425
Design Considerations
RelevanceEmbed in Workflow
ConsistencyPersonalizationOffline Usage
Augmented Reality / QR codesResponsive Design
Stand # 425 Stand # 425
Design Considerations
Jangro – QR code activated learning video
Stand # 425 Stand # 425
Design Considerations
RelevanceEmbed in Workflow
ConsistencyPersonalizationOffline Usage
Augmented Reality / QR codesResponsive Design
Stand # 425 Stand # 425
Design Considerations
Source - http://affinityexpress.files.wordpress.com/2013/07/ray-ban-responsive-website.jpg
Stand # 425 Stand # 425
Design Considerations
• Touch • Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portrait
• Images
• LMS tracking
• Video
Stand # 425 Stand # 425
Design Considerations
• Touch
• Fat fingers• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portrait
• Images
• LMS tracking
• Video
http://sixrevisions.com/mobile/design-iphone-apps-better/
Stand # 425 Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard• Roll overs
• Thumb reach
• Landscape vs Portrait
• Images
• LMS tracking
• Video
Stand # 425 Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs• Thumb reach
• Landscape vs Portrait
• Images
• LMS tracking
• Video
Stand # 425 Stand # 425
Design Considerations
• Touch • Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach• Landscape vs Portrait
• Images
• LMS tracking
• Video
Stand # 425 Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portrait • Images
• LMS tracking
• Video
http://www.elegantthemes.com/blog/theme-releases/origin-a-stunning-new-grid-based-theme
Stand # 425 Stand # 425
Design Considerations
• Touch • Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portrait
• Images• LMS tracking
• Video
Stand # 425 Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portrait
• Images
• LMS tracking• Video
Stand # 425 Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portrait
• Images
• LMS tracking
• Video
Stand # 425 Stand # 425
mEnablingyour eLearning
Stand # 425 Stand # 425
Play Flash Directly on iPads
Puffin
Cloud Browse
Photon
iSwifter
• Response is slow sometimes• Audio sync, audio cut issues• Green screen videos have large lags
• Playback of large files could be slow• Pages don’t fit the screen so scroll
• Interactions are performed slow
• Only for iPads• Certain lag to your actions
http://www.ispringsolutions.com/articles/can-i-play-flash-on-ipad-yes.html
Stand # 425 Stand # 425
Conversion of eLearning
Stand # 425 Stand # 425
Authoring eLearning
Stand # 425 Stand # 425
mLearning is inevitable
eLearning on tablets could be yourdoor to mLearning
mEnabling elearning could get you started with mLearning
Stand # 425 Stand # 425
Thank You!Thank You!Amit Garg@gargamit100
Amit Garg@gargamit100