Stand # 425
Stand # 425
UK
US
Australia
13countries
165 +clients in
Middle East
Established in 2004
India
New Zealand
S.Africa
Nigeria...
Stand # 425
Custom/
Bespoke
mLearning
Custom/
Bespoke
eLearning
30 +awards and recognitions
Stand # 425
Stand # 425
Agenda
• Why tablets
• Understanding tablets
• Why eLearning on tablets
• Designing eLearning for tablets
Stand # 425
mLearning
is the future of
workplace learning
Stand # 425
mLearning
is the future of
workplace learning
bit.ly/no-escaping-
mlearning-webinar
bit.ly/mlearning-
infograp...
Stand # 425
Ok.
So why tablets?
Stand # 425
Why tablets?
Stand # 425
Why tablets?
Stand # 425
Why tablets?
Stand # 425
Why tablets?
http://www.computing.co.uk/ctg/analysis/2198142/the-rise-and-rise-of-touchscreens-in-the-workplace
Stand # 425
Understanding
tablets
Stand # 425
Nov
‘12
SamsungS3mini
Jun
‘07
iPhone
Sep
‘12
iPhone5
Nov
‘12
GoogleNexus4
Oct
‘11
SamsungNote1May
‘12
SamsungG...
Stand # 425
TabletLaptop Smartphone
Portability
Flexibility/ Features
Availability
Connectivity
Functionality
Understandin...
Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425
How do we use tablets?
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
Stand # 425
How do we use tablets?
Adobe:2013 Digital Publishing Report
Stand # 425
Why
eLearning
on
iPads(tablets)
Stand # 425
• Can you make our legacy elearning work on iPads?
• Can we create our new elearning in HTML5 so that it can w...
Stand # 425
Define your purpose
• Making eLearning accessible to mobile workforce (Sales staff).
• Carrying learning with ...
Stand # 425
eLearning
Judy Brown : ADLnet.org
Stand # 425
on tablets
eLearning
Judy Brown : ADLnet.org
Stand # 425
Designing
eLearning
for
iPads(tablets)
Stand # 425
5 Moments of Learning Need (Dr. Conrad Gottfredson)
• When learning for the first time
• When wanting to learn...
Stand # 425
4 Types of Mobile Content (Chad Udell)
• Converted content
• Business processes
• Social and user generated
• ...
Stand # 425
4 Cs of Mobile Capability (Clark Quinn)
Content
The media that
the user interacts
with
Captur
e
Information ga...
Stand # 425
Design Considerations
Relevance
Embed in Workflow
Consistency
Personalization
Offline Usage
Augmented Reality ...
Stand # 425
Design Considerations
eLearning nuggets on iPad via LMS
Stand # 425
Design Considerations
Relevance
Embed in Workflow
Consistency
Personalization
Offline Usage
Augmented Reality ...
Stand # 425
Design Considerations
http://aka.ms/hinadk Emirates Airlines ‘KIS’ Windows
Tablets
Stand # 425
Design Considerations
Relevance
Embed in Workflow
Consistency
Personalization
Offline Usage
Augmented Reality ...
Stand # 425
Design Considerations
Linkedin iPad App – Hybrid
Stand # 425
Design Considerations
Relevance
Embed in Workflow
Consistency
Personalization
Offline Usage
Augmented Reality ...
Stand # 425
Design Considerations
Upside2Go Forums
Stand # 425
Design Considerations
Relevance
Embed in Workflow
Consistency
Personalization
Offline Usage
Augmented Reality ...
Stand # 425
Design Considerations
Jangro - Upside2Go Documents
Stand # 425
Design Considerations
Relevance
Embed in Workflow
Consistency
Personalization
Offline Usage
Augmented Reality ...
Stand # 425
Design Considerations
Jangro – QR code activated learning video
Stand # 425
Design Considerations
Relevance
Embed in Workflow
Consistency
Personalization
Offline Usage
Augmented Reality ...
Stand # 425
Design Considerations
Source - http://affinityexpress.files.wordpress.com/2013/07/ray-ban-responsive-website.j...
Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portr...
Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portr...
Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portr...
Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portr...
Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portr...
Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portr...
Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portr...
Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portr...
Stand # 425
Design Considerations
• Touch
• Fat fingers
• Virtual Keyboard
• Roll overs
• Thumb reach
• Landscape vs Portr...
Stand # 425
mEnabling
your eLearning
Stand # 425
Play Flash Directly on iPads
Puffin
Cloud
Browse
Photon
iSwifter
• Response is slow sometimes
• Audio sync, au...
Stand # 425
Conversion of eLearning
Stand # 425
Authoring eLearning
Stand # 425
mLearning is
inevitable
eLearning on tablets could be your
door to mLearning
mEnabling elearning could
get you...
Stand # 425
Thank You!
Amit Garg
@gargamit100
amitgarg@upsidelearning.com
Upcoming SlideShare
Loading in …5
×

Designing eLearning for iPads - Getting it right - CIPD HRD 2013

4,141 views

Published on

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 Learning

Designing eLearning for iPads - Getting it right - CIPD HRD 2013

  1. 1. Stand # 425
  2. 2. Stand # 425 UK US Australia 13countries 165 +clients in Middle East Established in 2004 India New Zealand S.Africa Nigeria Kenya Singapore Venezuela
  3. 3. Stand # 425 Custom/ Bespoke mLearning Custom/ Bespoke eLearning 30 +awards and recognitions
  4. 4. Stand # 425
  5. 5. Stand # 425 Agenda • Why tablets • Understanding tablets • Why eLearning on tablets • Designing eLearning for tablets
  6. 6. Stand # 425 mLearning is the future of workplace learning
  7. 7. Stand # 425 mLearning is the future of workplace learning bit.ly/no-escaping- mlearning-webinar bit.ly/mlearning- infographic
  8. 8. Stand # 425 Ok. So why tablets?
  9. 9. Stand # 425 Why tablets?
  10. 10. Stand # 425 Why tablets?
  11. 11. Stand # 425 Why tablets?
  12. 12. Stand # 425 Why tablets? http://www.computing.co.uk/ctg/analysis/2198142/the-rise-and-rise-of-touchscreens-in-the-workplace
  13. 13. Stand # 425 Understanding tablets
  14. 14. Stand # 425 Nov ‘12 SamsungS3mini Jun ‘07 iPhone Sep ‘12 iPhone5 Nov ‘12 GoogleNexus4 Oct ‘11 SamsungNote1May ‘12 SamsungGalaxyS3 Sep ‘12 SamsungNote2 Jul ‘12 GoogleNexus7 Nov ‘12 iPadMini Apr ‘10 iPad(1stgeneration) Nov ‘12 iPad(4thgeneration) Nov ‘12 GoogleNexus10 Understanding Tablets
  15. 15. Stand # 425 TabletLaptop Smartphone Portability Flexibility/ Features Availability Connectivity Functionality Understanding Tablets
  16. 16. Stand # 425 How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  17. 17. Stand # 425 How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  18. 18. Stand # 425 How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  19. 19. Stand # 425 How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  20. 20. Stand # 425 How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  21. 21. Stand # 425 How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  22. 22. Stand # 425 How do we use tablets? Adobe:2013 Digital Publishing Report
  23. 23. Stand # 425 Why eLearning on iPads(tablets)
  24. 24. 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?
  25. 25. 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.
  26. 26. Stand # 425 eLearning Judy Brown : ADLnet.org
  27. 27. Stand # 425 on tablets eLearning Judy Brown : ADLnet.org
  28. 28. Stand # 425 Designing eLearning for iPads(tablets)
  29. 29. 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
  30. 30. Stand # 425 4 Types of Mobile Content (Chad Udell) • Converted content • Business processes • Social and user generated • Uniquely mobile
  31. 31. Stand # 425 4 Cs of Mobile Capability (Clark Quinn) Content The media that the user interacts with Captur e 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 Communicat e There are many ways to communicate with other users in addition to the phone: IM, micro blogging, text messaging, VoIP, etc.
  32. 32. Stand # 425 Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design
  33. 33. Stand # 425 Design Considerations eLearning nuggets on iPad via LMS
  34. 34. Stand # 425 Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design
  35. 35. Stand # 425 Design Considerations http://aka.ms/hinadk Emirates Airlines ‘KIS’ Windows Tablets
  36. 36. Stand # 425 Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design
  37. 37. Stand # 425 Design Considerations Linkedin iPad App – Hybrid
  38. 38. Stand # 425 Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design
  39. 39. Stand # 425 Design Considerations Upside2Go Forums
  40. 40. Stand # 425 Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design
  41. 41. Stand # 425 Design Considerations Jangro - Upside2Go Documents
  42. 42. Stand # 425 Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design
  43. 43. Stand # 425 Design Considerations Jangro – QR code activated learning video
  44. 44. Stand # 425 Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design
  45. 45. Stand # 425 Design Considerations Source - http://affinityexpress.files.wordpress.com/2013/07/ray-ban-responsive-website.jpg
  46. 46. Stand # 425 Design Considerations • Touch • Fat fingers • Virtual Keyboard • Roll overs • Thumb reach • Landscape vs Portrait • Images • LMS tracking • Video
  47. 47. 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/
  48. 48. Stand # 425 Design Considerations • Touch • Fat fingers • Virtual Keyboard • Roll overs • Thumb reach • Landscape vs Portrait • Images • LMS tracking • Video
  49. 49. Stand # 425 Design Considerations • Touch • Fat fingers • Virtual Keyboard • Roll overs • Thumb reach • Landscape vs Portrait • Images • LMS tracking • Video
  50. 50. Stand # 425 Design Considerations • Touch • Fat fingers • Virtual Keyboard • Roll overs • Thumb reach • Landscape vs Portrait • Images • LMS tracking • Video
  51. 51. 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
  52. 52. Stand # 425 Design Considerations • Touch • Fat fingers • Virtual Keyboard • Roll overs • Thumb reach • Landscape vs Portrait • Images • LMS tracking • Video
  53. 53. Stand # 425 Design Considerations • Touch • Fat fingers • Virtual Keyboard • Roll overs • Thumb reach • Landscape vs Portrait • Images • LMS tracking • Video
  54. 54. Stand # 425 Design Considerations • Touch • Fat fingers • Virtual Keyboard • Roll overs • Thumb reach • Landscape vs Portrait • Images • LMS tracking • Video
  55. 55. Stand # 425 mEnabling your eLearning
  56. 56. 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
  57. 57. Stand # 425 Conversion of eLearning
  58. 58. Stand # 425 Authoring eLearning
  59. 59. Stand # 425 mLearning is inevitable eLearning on tablets could be your door to mLearning mEnabling elearning could get you started with mLearning
  60. 60. Stand # 425 Thank You! Amit Garg @gargamit100 amitgarg@upsidelearning.com

×