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

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

3. 30+ awards and recognitions Custom/ Bespoke eLearning Custom/ Bespoke mLearning

5. Agenda Why tablets Understanding tablets Why eLearning on tablets Designing eLearning for tablets

6. mLearning is the future of workplace learning

7. mLearning is the future of workplace learning bit.ly/mlearning-infographic bit.ly/no-escaping-mlearning-webinar

8. Ok. So why tablets?

9. Why tablets?

10. Why tablets?

11. Why tablets?

12. Why tablets? http://www.computing.co.uk/ctg/analysis/2198142/the-rise-and-rise-of-touchscreens-in-the-workplace

13. tablets Understanding

14. Understanding Tablets Nov ‘12 Nov ‘12 Jun ‘07 Sep ‘12 Nov ‘12 Oct ‘11 May ‘12 Sep ‘12 Jul ‘12 Nov ‘12 Apr ‘10 Nov ‘12 iPhone 5 iPad Mini iPhone Google Nexus 10 Google Nexus 4 Samsung Galaxy S3 Samsung Note 1 Google Nexus 7 Samsung Note 2 Samsung S3 mini iPad (4th generation) iPad (1st generation)

15. Understanding Tablets Tablet Smartphone Laptop Portability Functionality Flexibility/ Features Availability Connectivity

16. How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

17. How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

18. How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

19. How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

20. How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

21. How do we use tablets? http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

22. How do we use tablets? Adobe:2013 Digital Publishing Report

23. eLearning on iPads (tablets) Why

24. We get asked… Yes. But why? 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?

25. 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. eLearning Judy Brown : ADLnet.org

27. eLearning on tablets Judy Brown : ADLnet.org

28. eLearning for iPads (tablets) Designing

29. 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. 4 Types of Mobile Content (Chad Udell) Converted content Business processes Social and user generated   Uniquely mobile

31. 4 Cs of Mobile Capability (Clark Quinn) Information gathered either by user intention (taking a picture) or automatically (such as a GPS) The media that the user interacts with Content Capture There are many ways to communicate with other users in addition to the phone: IM, micro blogging, text messaging, VoIP, etc. Processing information so that it can be more easily understood or manipulated by the user Communicate Compute

32. Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design

33. Design Considerations eLearning nuggets on iPad via LMS

34. Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design

35. Design Considerations Emirates Airlines ‘KIS’ Windows Tablets http://aka.ms/hinadk

36. Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design

37. Design Considerations Linkedin iPad App – Hybrid

38. Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design

39. Design Considerations Upside2Go Forums

40. Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design

41. Design Considerations Jangro - Upside2Go Documents

42. Design Considerations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design

43. Design Considerations Jangro – QR code activated learning video

44. DesignConsiderations Relevance Embed in Workflow Consistency Personalization Offline Usage Augmented Reality / QR codes Responsive Design

45. DesignConsiderations Source - http://affinityexpress.files.wordpress.com/2013/07/ray-ban-responsive-website.jpg

46. Design Considerations Touch Fat fingers Virtual Keyboard Roll overs Thumb reach Landscape vs Portrait Images LMS tracking Video

47. Design Considerations http://sixrevisions.com/mobile/design-iphone-apps-better/ • Touch • Fat fingers • Virtual Keyboard • Roll overs • Thumb reach • Landscape vs Portrait • Images • LMS tracking • Video

48. Design Considerations Touch Fat fingers Virtual Keyboard Roll overs Thumb reach Landscape vs Portrait Images LMS tracking Video

49. Design Considerations Touch Fat fingers Virtual Keyboard Roll overs Thumb reach Landscape vs Portrait Images LMS tracking Video

50. Design Considerations Touch Fat fingers Virtual Keyboard Roll overs Thumb reach Landscape vs Portrait Images LMS tracking Video