designing elearning for ipads - getting it right - cipd hrd 2013

60
Stand # 425

Upload: upside-learning

Post on 06-May-2015

3.292 views

Category:

Technology


0 download

DESCRIPTION

Presentation "eLearning on iPads - Getting it right" - Delivered at CIPD HRD Conference & Exhibition 2013 by Amit Garg Director of Custom Learning Solutions and Co–founder - Upside Learning

TRANSCRIPT

Page 1: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Page 2: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

UKUS

Australia

13 countries165 +clients in

Middle East

Established in 2004

India

New Zealand

S.Africa

NigeriaKenya

SingaporeVenezuela

Page 3: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Custom/Bespoke

mLearning

Custom/ Bespoke

eLearning

30 +awards and recognitions

Page 4: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Page 5: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Agenda

• Why tablets• Understanding tablets• Why eLearning on tablets• Designing eLearning for tablets

Page 6: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

mLearningis the future of workplace learning

Page 7: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

mLearningis the future of workplace learning

bit.ly/no-escaping-mlearning-webinar

bit.ly/mlearning-infographic

Page 8: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Ok.So why tablets?

Page 9: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Why tablets?

Page 10: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Why tablets?

Page 11: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Why tablets?

Page 12: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Why tablets?

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

Page 13: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Understanding

tablets

Page 14: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Nov ‘12

Sam

sung

S3

min

i

Jun ‘07

iPho

ne

Sep ‘12

iPho

ne 5

Nov ‘12

Goo

gle

Nex

us 4

Oct ‘11

Sam

sung

Not

e 1

May ‘12

Sam

sung

Gal

axy

S3

Sep ‘12

Sam

sung

Not

e 2

Jul ‘12

Goo

gle

Nex

us 7

Nov‘12

iPad

Min

i

Apr‘10

iPad

(1st

gen

erati

on)

Nov‘12

iPad

(4th

gen

erati

on)

Nov‘12

Goo

gle

Nex

us 1

0

Understanding Tablets

Page 15: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

TabletLaptop Smartphone

Portability

Flexibility/ Features

Availability

Connectivity

Functionality

Understanding Tablets

Page 16: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

How do we use tablets?

http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

Page 17: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

How do we use tablets?

http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

Page 18: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

How do we use tablets?

http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

Page 19: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

How do we use tablets?

http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

Page 20: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

How do we use tablets?

http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

Page 21: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

How do we use tablets?

http://services.google.com/fh/files/misc/multiscreenworld_final.pdf

Page 22: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

How do we use tablets?

Adobe:2013 Digital Publishing Report

Page 23: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

WhyeLearningoniPads(tablets)

Page 24: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

• 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?

We get asked…

Yes.But why?

Page 25: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

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.

Page 26: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

eLearning

Judy Brown : ADLnet.org

Page 27: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

on tablets eLearning

Judy Brown : ADLnet.org

Page 28: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

DesigningeLearningforiPads(tablets)

Page 29: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

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

Page 30: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

4 Types of Mobile Content (Chad Udell)

• Converted content • Business processes• Social and user generated • Uniquely mobile

Page 31: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

4 Cs of Mobile Capability (Clark Quinn)

Content

The media that the user interacts with

Capture

Information gathered either by user intention (taking a picture) or automatically (such as a GPS)

Compute

Processing information so that it can be more easily understood or manipulated by the user

Communicate

There are many ways to communicate with other users in addition to the phone: IM, micro blogging, text messaging, VoIP, etc.

Page 32: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalizationOffline Usage

Augmented Reality / QR codesResponsive Design

Page 33: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

eLearning nuggets on iPad via LMS

Page 34: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalizationOffline Usage

Augmented Reality / QR codesResponsive Design

Page 35: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

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

Page 36: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalizationOffline Usage

Augmented Reality / QR codesResponsive Design

Page 37: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

Linkedin iPad App – Hybrid

Page 38: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalization

Offline UsageAugmented Reality / QR codes

Responsive Design

Page 39: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

Upside2Go Forums

Page 40: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalization

Offline UsageAugmented Reality / QR codes

Responsive Design

Page 41: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

Jangro - Upside2Go Documents

Page 42: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalizationOffline Usage

Augmented Reality / QR codesResponsive Design

Page 43: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

Jangro – QR code activated learning video

Page 44: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalizationOffline Usage

Augmented Reality / QR codesResponsive Design

Page 45: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

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

Page 46: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

• Touch • Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking

• Video

Page 47: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

• Touch

• Fat fingers• Virtual Keyboard

• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking

• Video

http://sixrevisions.com/mobile/design-iphone-apps-better/

Page 48: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

• Touch

• Fat fingers

• Virtual Keyboard• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking

• Video

Page 49: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

• Touch

• Fat fingers

• Virtual Keyboard

• Roll overs• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking

• Video

Page 50: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

• Touch • Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach• Landscape vs Portrait

• Images

• LMS tracking

• Video

Page 51: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

• Touch

• Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach

• Landscape vs Portrait • Images

• LMS tracking

• Video

http://www.elegantthemes.com/blog/theme-releases/origin-a-stunning-new-grid-based-theme

Page 52: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

• Touch • Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images• LMS tracking

• Video

Page 53: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

• Touch

• Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking• Video

Page 54: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Design Considerations

• Touch

• Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking

• Video

Page 55: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

mEnablingyour eLearning

Page 56: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Play Flash Directly on iPads

Puffin

Cloud Browse

Photon

iSwifter

• Response is slow sometimes• Audio sync, audio cut issues• Green screen videos have large lags

• Playback of large files could be slow• Pages don’t fit the screen so scroll

• Interactions are performed slow

• Only for iPads• Certain lag to your actions

http://www.ispringsolutions.com/articles/can-i-play-flash-on-ipad-yes.html

Page 57: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Conversion of eLearning

Page 58: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Authoring eLearning

Page 59: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

mLearning is inevitable

eLearning on tablets could be yourdoor to mLearning

mEnabling elearning could get you started with mLearning

Page 60: Designing eLearning for iPads - Getting it right  - CIPD HRD 2013

Stand # 425 Stand # 425

Thank You!Thank You!Amit Garg@gargamit100

[email protected]

Amit Garg@gargamit100

[email protected]