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

Post on 06-May-2015

3.292 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

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

Stand # 425 Stand # 425

Stand # 425 Stand # 425

UKUS

Australia

13 countries165 +clients in

Middle East

Established in 2004

India

New Zealand

S.Africa

NigeriaKenya

SingaporeVenezuela

Stand # 425 Stand # 425

Custom/Bespoke

mLearning

Custom/ Bespoke

eLearning

30 +awards and recognitions

Stand # 425 Stand # 425

Stand # 425 Stand # 425

Agenda

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

Stand # 425 Stand # 425

mLearningis the future of workplace learning

Stand # 425 Stand # 425

mLearningis the future of workplace learning

bit.ly/no-escaping-mlearning-webinar

bit.ly/mlearning-infographic

Stand # 425 Stand # 425

Ok.So why tablets?

Stand # 425 Stand # 425

Why tablets?

Stand # 425 Stand # 425

Why tablets?

Stand # 425 Stand # 425

Why tablets?

Stand # 425 Stand # 425

Why tablets?

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

Stand # 425 Stand # 425

Understanding

tablets

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

Stand # 425 Stand # 425

TabletLaptop Smartphone

Portability

Flexibility/ Features

Availability

Connectivity

Functionality

Understanding Tablets

Stand # 425 Stand # 425

How do we use tablets?

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

Stand # 425 Stand # 425

How do we use tablets?

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

Stand # 425 Stand # 425

How do we use tablets?

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

Stand # 425 Stand # 425

How do we use tablets?

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

Stand # 425 Stand # 425

How do we use tablets?

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

Stand # 425 Stand # 425

How do we use tablets?

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

Stand # 425 Stand # 425

How do we use tablets?

Adobe:2013 Digital Publishing Report

Stand # 425 Stand # 425

WhyeLearningoniPads(tablets)

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?

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.

Stand # 425 Stand # 425

eLearning

Judy Brown : ADLnet.org

Stand # 425 Stand # 425

on tablets eLearning

Judy Brown : ADLnet.org

Stand # 425 Stand # 425

DesigningeLearningforiPads(tablets)

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

Stand # 425 Stand # 425

4 Types of Mobile Content (Chad Udell)

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

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.

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalizationOffline Usage

Augmented Reality / QR codesResponsive Design

Stand # 425 Stand # 425

Design Considerations

eLearning nuggets on iPad via LMS

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalizationOffline Usage

Augmented Reality / QR codesResponsive Design

Stand # 425 Stand # 425

Design Considerations

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

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalizationOffline Usage

Augmented Reality / QR codesResponsive Design

Stand # 425 Stand # 425

Design Considerations

Linkedin iPad App – Hybrid

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalization

Offline UsageAugmented Reality / QR codes

Responsive Design

Stand # 425 Stand # 425

Design Considerations

Upside2Go Forums

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalization

Offline UsageAugmented Reality / QR codes

Responsive Design

Stand # 425 Stand # 425

Design Considerations

Jangro - Upside2Go Documents

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalizationOffline Usage

Augmented Reality / QR codesResponsive Design

Stand # 425 Stand # 425

Design Considerations

Jangro – QR code activated learning video

Stand # 425 Stand # 425

Design Considerations

RelevanceEmbed in Workflow

ConsistencyPersonalizationOffline Usage

Augmented Reality / QR codesResponsive Design

Stand # 425 Stand # 425

Design Considerations

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

Stand # 425 Stand # 425

Design Considerations

• Touch • Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking

• Video

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/

Stand # 425 Stand # 425

Design Considerations

• Touch

• Fat fingers

• Virtual Keyboard• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking

• Video

Stand # 425 Stand # 425

Design Considerations

• Touch

• Fat fingers

• Virtual Keyboard

• Roll overs• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking

• Video

Stand # 425 Stand # 425

Design Considerations

• Touch • Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach• Landscape vs Portrait

• Images

• LMS tracking

• Video

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

Stand # 425 Stand # 425

Design Considerations

• Touch • Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images• LMS tracking

• Video

Stand # 425 Stand # 425

Design Considerations

• Touch

• Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking• Video

Stand # 425 Stand # 425

Design Considerations

• Touch

• Fat fingers

• Virtual Keyboard

• Roll overs

• Thumb reach

• Landscape vs Portrait

• Images

• LMS tracking

• Video

Stand # 425 Stand # 425

mEnablingyour eLearning

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

Stand # 425 Stand # 425

Conversion of eLearning

Stand # 425 Stand # 425

Authoring eLearning

Stand # 425 Stand # 425

mLearning is inevitable

eLearning on tablets could be yourdoor to mLearning

mEnabling elearning could get you started with mLearning

Stand # 425 Stand # 425

Thank You!Thank You!Amit Garg@gargamit100

amitgarg@upsidelearning.com

Amit Garg@gargamit100

amitgarg@upsidelearning.com

top related