eLearning On Tablets - From Understanding To Execution
11 likes7,342 views
The document outlines the capabilities and considerations for implementing eLearning and mLearning solutions using tablets, emphasizing their growing presence as essential tools in workplace training. It lists various awards and recognitions received by UpsideLMS for its innovative learning solutions, alongside guidance on content design, development tools, testing, and security measures for successful tablet-based learning. Key points include the importance of user experience, device compatibility, and optimization techniques to enhance learning outcomes.
eLearning On Tablets - From Understanding To Execution
- 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
- 9. What Is A Tablet?
- 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?
- 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
- 21. mLearningis the future of workplace learning
- 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
- 29. It’s The Bridge eLearning mLearningeLearning on tablet Use tablets as the bridge to mobile learning
- 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
- 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
- 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
- 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