Gives a thorough understanding of tablets as media consumption and learning devices, the importance of getting eLearning on tablets and finally the right way to go about it.

1. Stand # 2
Amit Garg
@gargamit100

2. UK
US
Australia
13countries165+clients in
Middle East
Established in 2004
India
New Zealand
S.Africa
Nigeria
Kenya
Singapore
Venezuela

3. Custom/
Bespoke
eLearning
Custom/
Bespoke
mLearning
Innovative learning solutions for
enhanced performance

4. Winner of a Silver award in CLO
magazine's 'Learning In Practice
Awards 2011' for UpsideLMS
UpsideLMS listed as one of
the 'Five Emerging LMSs to Watch'
in CLO Magazine ('10)
Winner of 7 Apex
Awards of Excellence
('11, '09, '08 & '07)
Winner of 11 Brandon Hall
Excellence Awards
(‘12, '11, '10 & '09)
UpsideLMS featured in the '2010
Top 20 Learning Portal Companies List' and
'2011 & 2012 Watch List‘
by TrainingIndustry.com
Winner of Red Herring 100 Asia
Award in 2008 & finalist
in Red Herring Global 100 ('09)
Winner in Deloitte’s Technology
Fast 500 Asia Pacific 2008 & 2009 program,
and Fast 50 India 2008 program
awards & recognitions30+

5. Few of Our Prestigious Clients

6. • Are you using tablets in your company?
– In 6-12 months
– In 12-24 months
• What for?
– Sales Support
– Performance Support
– Compliance Training
– Business Functions
Quick Show of Hands

7. • Understanding
– What is eLearning on Tablets
– Why should you consider it
• Implementation
– How to go about it
AGENDA

8. Whatis a
Tablet

9. What Is A Tablet?

10. Multi Device World
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

11. How Do We Use Tablets?
Tablets keep us entertained
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

12. How Do We Use Tablets?
Adobe:2013 Digital Publishing Report

13. How Do We Use Tablets?

14. is
WhateLearningon
Tablets

15. provided or accessed via
tablets
performance support
Any
or
learning

16. Traditional

17. Multi Device

18. App Based

19. Embedded In Workflow
Emirates Airlines ‘KIS’ Application
http://www.microsoft.com/en-us/news/press/2012/nov12/11-19emiratespr.aspx

20. WhyeLearningon
Tablets

21. mLearningis the future of
workplace learning

22. bit.ly/no-escaping-
mlearning-webinar

23. Why
so
Tablets

24. Fastest Growing Mobile Device Category

25. Fastest Growing Mobile Device Category

26. They Are A Game Changer

27. They Are A Game Changer

28. http://www.computing.co.uk/ctg/analysis/2198142/the-rise-and-rise-of-touchscreens-in-the-workplace
Already In The Workplace

29. It’s The Bridge
eLearning mLearningeLearning on tablet
Use tablets as the bridge to mobile learning

30. Howto do
eLearningon
Tablets

31. • Some High Level Decisions
• Content Design
• Development Tools & Tech
• Testing
• Compliance
• Distribution
How To Do eLearning On Tablets?

32. • Which devices to target
– make, size
Some High Level Decisions

33. Some High Level Decisions
Image from: http://mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/

34. • Which devices to target
– make, size,
• Buy devices or allow BYOD
• Security
– MDM, MAM solutions
Some High Level Decisions

35. Some High Level Decisions
Image from: http://www.mobilityinenterprise.com/articles/utility-of-mdm-in-the-province-of-enterprise-mobility/

36. • Which devices to target
– make, size
• Buy devices or allow BYOD
• Security
– MDM, MAM solutions
• What type of eLearning?
Some High Level Decisions

37. Traditional

38. Multi Device

39. App Based

40. Embedded In Workflow
Emirates Airlines ‘KIS’ Application
http://www.microsoft.com/en-us/news/press/2012/nov12/11-19emiratespr.aspx

41. Embedded In Workflow
Augmented Reality for Maintenance & Repair
http://www.youtube.com/watch?v=mn-zvymlSvk

42. • Start with desired performance outcomes
• Context is king
– Place where we use them
– Sense of time
Content Design

43. Multi Device World
http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

44. • Start with desired performance outcomes
• Context is king
– Place where we use them
– Sense of time
• Touch enable
Content Design

45. Content Design – Touch Enable
http://www.lukew.com/ff/entry.asp?1649

46. http://www.lukew.com/ff/entry.asp?1649
Content Design – Touch Enable

47. • Start with desired performance outcomes
• Context is king
– Place where we use them
– Sense of time
• Touch enable
• Exploratory approach
Content Design

48. Content Design - Exploratory approach

49. • Start with desired performance outcomes
• Context is king
– Place where we use them
– Sense of time
• Touch enable
• Exploratory approach
• Unique affordances – Camera, Accelerometer
Content Design

50. Content Design – Unique Affordances

51. • Write instructions to do the task, not how to interact
Content Design

52. Content Design - Instruction

53. • Write instructions to do the task, not how to interact
• Avoid lengthy intros
• Evaluate how closely the audio needs to be synched with the
onscreen visuals/text
– Avoid close synching where there may be smaller tablets
– Add icons/buttons to control the start of closely synched
animations
Content Design

54. • Tools you can use
Development Tools & Tech

55. • Typography
– Font sizes
Development Tools & Tech

56. Development Tools & Tech – Font Sizes

57. • Typography
– Font sizes
– Web safe fonts
Development Tools & Tech

58. Development Tools & Tech – Web Safe Fonts

59. • Typography
– Font sizes
– Web safe fonts
• Design guidelines
– Follow common guidelines for HTML solutions
– Follow platform specific guidelines for Apps
Development Tools & Tech

60. Development Tools & Tech - Design guidelines
Platform Specific
http://venturebeat.files.wordpress.com/2013/03/mobile-traps.jpg?w=1024&h=726

61. • Layout
– Landscape is preferable, lock it!
– List view for text items, grid / Carousel view for visual ones
Development Tools & Tech

62. Development Tools & Tech – Layout

63. • Layout
– Landscape is preferable, lock it!
– List view for text items, grid / Carousel view for visual ones
– Use split view to avoid going back
Development Tools & Tech

64. Development Tools & Tech - Layout
Split view

65. • Layout
– Landscape is preferable, lock it!
– List view for text items, grid / Carousel view for visual ones
– Use split view to avoid going back
– Minimize number of menus and buttons
• Animations
– Flash animations as videos
– HTML5 SVG animations
– Sprite animations
Development Tools & Tech

66. • Interactivity
– Large and spaced out
– Differentiate interactive from non-interactive elements
Development Tools & Tech

67. Development Tools & Tech – Interactivity

68. • Interactivity
– Large and spaced out
– Differentiate interactive from non-interactive elements
– “Pick up and drop” instead of “drag and drop”
– Visual cues for new gestures
Development Tools & Tech

69. Development Tools & Tech – Interactivity

70. • Interactivity
– Large and spaced out
– Differentiate interactive from non-interactive elements
– “Pick up and drop” instead of “drag and drop”
– Visual cues for new gestures
• Optimization
– Minified versions of JS & CSS files
– Sprite sheets
Development Tools & Tech

71. Development Tools & Tech - Optimization
Sprite Sheet

72. Development Tools & Tech - Optimization
Navigation Sprite

73. • Interactivity
– Large and spaced out
– Differentiate interactive from non-interactive elements
– “Pick up and drop” instead of “drag and drop”
– Visual cues for new gestures
• Optimization
– Minified versions of JS & CSS files
– Sprite sheets
– Videos in common dimensions
– Audio as mono
Development Tools & Tech

74. Development Tools & Tech - Videos in common dimensions

75. • Browser dependency
Testing

76. • There could be alignment issues across browsers
• Hit areas of button / clickable can shift
Testing - Browser Dependency

77. Testing - Browser Dependency

78. Testing - Browser Dependency

79. • There could be alignment issues across browsers
• Hit areas of button / clickable can shift
• Gradients, border-radius, box-shadow, animate, border-
image, don’t work in IE versions 8, 7, 6
Testing - Browser Dependency

80. Testing - Browser Dependency

81. Testing - Browser Dependency

82. • Browser dependency
• Multiplatform
• Multibrowser
Testing

83. • SCORM / AICC
– LMS should be tablet compliant
– Code to update LMS from apps
• TinCan
Compliance

84. • Offline tracking possible with apps
• Explore private app stores
– Cross platform
– Immediate updates
– Consolidated payments
Distribution