Your SlideShare is downloading. ×
eLearning On Tablets - From Understanding To Execution
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

eLearning On Tablets - From Understanding To Execution

4,174
views

Published on

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.

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.

Published in: Technology, Business

0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,174
On Slideshare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
220
Comments
0
Likes
9
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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