Responsive Design - Driving PS Engagement

1. Amit Gautam Founder & Director – Technology Solutions Jim Rasmussen Area VP – Americas

2. 200 Clients in 13 CountriesEstablished in 2004 UK US India Middle East Venezuela Australia Nigeria Singapore Kenya South Africa New Zealand

3. Our Learning Solutions Custom eLearning Custom mLearning

4. 35 Awards & Recognitions Winner of eLearning Team of The Year 2013 Winner of a Silver award in CLO magazine's 'Learning In Practice Awards 2011' for UpsideLMS Winner of 8 Apex Awards of Excellence (‘14, '11, '09, '08 & '07) Winner of 12 Brandon Hall Excellence Awards (‘12, '11, '10 & '09) Featured in Training Industry's 2014 Content Development Watch List UpsideLMS listed as one of the 'Five Emerging LMSs to Watch' in CLO Magazine ('10) UpsideLMS featured in the '2010 Top 20 Learning Portal Companies List' and '2011, 2012 & 2013 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

5. Questions How many devices do you use in a day? • One • Two • Three • Four • What operating system(s)does/do your device(s) use? • iOS • Android • Windows • BlackBerry OS • Other

6. Agenda Mobile Learning + Performance Support (PS) ResponsiveeLearning • MARS Chocolate Case Study

7. The Multi-Device Landscape smartphone cellphone tablet Use ONLY mobile to access the Internet Jan 2014 - American Adults 1. http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/ 2. link

8. Responsive eLearning

9. What is Responsive eLearning? eLearning that responds to device size

10. Why Responsive eLearning? • Enhanced reach – higher uptake • Single source • Ease of Maintenance • Content Consistency • Cost effective • Track across devices • Allow sequencing

11. Creating Responsive eLearning • Key Considerations & Challenges • Browser-OS-Device Combinations • Usability • Content Display and Treatment • Development Process

12. Creating Responsive eLearning • Key Considerations & Challenges • Browser-OS-Device Combinations

13. Creating Responsive eLearning • Key Considerations & Challenges • Browser-OS-Device Combinations It should work on every possible device! • How to display content in a similar manner and achieve the same behavior? • Know every individual user-agent string • Code differently for different browsers as required

14. Creating Responsive eLearning • Key Considerations & Challenges • Browser-OS-Device Combinations • Testing: • Takes longer • More complex and intricate • Costlier • Test on actual target devices: • Primary devices • Most popular or largest volume of devices

15. Creating Responsive eLearning • Key Considerations & Challenges Usability

16. Creating Responsive eLearning • Key Considerations & Challenges Usability

17. Creating Responsive eLearning • Key Considerations & Challenges Usability • Text Readability: • Common size that is comfortably readable on all devices • Dynamic sizing • Consider accessibility • settings too.

18. Creating Responsive eLearning • Key Considerations & Challenges Content Display

19. Creating Responsive eLearning • Key Considerations & Challenges Content Display • Layout and transformation based on screen size: • Retain meaning • Achieve consistent look and feel • Achieve user-friendly experience

20. Creating Responsive eLearning • Key Considerations & Challenges Content Display

21. Framework for Responsive eLearning Development

22. Using Mobile Learning for Performance Support (PS)

23. State of the Industry 100% 90% 80% 70% 60% Percentage Using mLearning 50% 40% 30% 20% 10% 0% 2006 2008 2010 2011 2012 2013 2014 2015 predicted predicted Actual and predicted levels of mobile use 14

24. State of the Industry • Top Drivers for mLearning in 2013 • access support at the point of need • improve employee engagement • 79% • 80% • improve communication between individuals • learners can use their own mobile devices • 76% • 77% • improve communications between learners and tutors • increase appeal to the millennial learner • 74% • 71% • reduce cost of IT support/delivery • 68% 20

25. State of the Industry • BYOD or not 41 6 % % Provide 18 3 % % Smartphone 52 % 15 % Provide Tablet 48 %

26. Business Benefits of BYOD • eLearning has contributed to improvements in organizational productivity (31%) • of their managers report additional business benefits (38%) • 43% • 48% • 29% • 37% • 34% • 35% • has made a significant contribution to increasing organizational revenue (24%) • Staff benefits • learners put what they learn into practice quickly (26%) • learners recommend eLearning to colleagues to improve job performance (21%) • have noticed positive changes in staff behavior (22%) 26

27. Understanding Benefits • 43% • 73% • improvement in productivity • improvement in revenue • 44% • 75% • improvement in time to competency • improvement in the number noticing positive changes in staff behavior Mobile Gets You in the Top Quartile (2x) 22

28. Case Study MARS Chocolate

29. About the Client • One of the world’s leading chocolate manufacturers • Employs more than 75,000 employees in 21 countries • 29 brands in total – including M&M’s, Snickers, Dove, Skittles, Milky Way, and the MARS bar

30. Current Learning Initiatives Classroom training • eLearning (by using a Learning Management System)

31. Challenges • Training courses outdated and not being used by sales team • Sales team relatively decentralized with many working remotely • Old model of flying sales team to central location. Not cost or operationally effective

32. Objectives Deliver training in a way that would engage their sales team and elevate performance Embed PS in sales team workflow to support better execution / performance

33. Objectives (Cont.) Streamline orientation / more effectively onboard new salespeople Elevate selling skills & execution of tasks through Blended Learning approach

34. Introduction iLearn App

35. iLearn – Overview of the App • What is it • How it will be used • Two sections: • The App • Administrator

36. iLearn – About the App • Steps • Enable Wi-Fi on your device • Go to the MARS App Store • Search for iLearn • Install iLearn App on your devices

37. iLearn – Login • Steps • Launch the app • Login: • Password:

38. iLearn – SYNC • App is empty • SYNC screen gets data onto the app • Only data that has been assigned to a user will be shown on the app • On completion of SYNC, Continue is enabled

39. iLearn – Dashboard • Dashboard • Notifications • Alerts • Personal details and settings

40. iLearn – Learning Plan • Clicking on the Learning Plan shows a list of learning plans • Clicking on the ‘i’ gives details about the Learning Plan • About Notifications

41. iLearn – Learning Plan • A learning plan can include: • Documents (in PDF) • Courses (in HTML) • Podcasts (in MP3) • Videos ( in MP4) • Assessments • Flashcards • Survey • Mandatory and Optional

42. iLearn – Polls Section • Active and Closed Polls • How it works • How it can be used at MARS

43. iLearn – Ask an Expert Section • Ask an Expert • My Queries • Queries for Me

44. iLearn – Use of App within MARS Chocolate • Integrate with Salesforce.com • Updates • How to keep interest • [http://www.upsidelearning.com/blog/index.php/2014/04/03/how-do-you-sustain-interest-in-mobile-learning/]

45. How MARS is Using iLearn App Onboarding new hire sales personnel Solution / Product Training To support blended learning (classroom + mobile) Deliver (push) dynamic sales training + PS interventions virtually to the sales organization Embed PS tools and job aids within salesperson’s workflow

46. Expected Outcomes • Increase skill mastery and execution of sales organization • Drive brand awareness • Elevate sales and service scores • Increase revenue market share

47. Questions?

48. Thank You! Amit Gautam @amitgautam amitgautam@upsidelearning.com Jim Rasmussen @JimRasmussen4 james.rasmussen@upsidelearning.com www.upsidelearning.com/us www.upsidelearning.com/blog