Download - Changing faceelearningmulti device-world

© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

The Changing Face of eLearning in a Multi-Device WorldDr. Allen Partridge | Sr. Technology Evangelist, eLearning


In their natural environment, humans are curious & inquisitiveYou might call them natural learners

2

of workers

declared their mobile

devices to be their most

critical work device.

Sources: iPass Global Mobile Workforce Report 2012, The 2011 Horizon Report,

Studyblue’s user base of 1 million students, Intuition.com, eLearninginfographics.com and Adobe data


Our Session today will focus on practical advice for Mobile Learning Interface

DesignWe’ll talk about how people use mobile devices for learning, and how to meet their needs

3

Sorting out Tablets and Phones

Design Principles are Universal

Practical Tips for Mobile Interface Design


Sorting out Tablets & PhonesThere are an awful lot of different screens, sizes, and orientations to consider …

4

How do I chose the right

screen sizes and shapes?

Today there are billion unique

mobile users. (And even more connected

mobile devices.) Source: We Are Social


Understanding Height and Width in Web ContentIt’s pretty much all web content

5

• To Scroll or not to Scroll

• Conventions of Learning

eLearning Expectations

• Mobile first or Tablet first?

• Stupid sideways phones

• Is smartphone mobile only for performance support?

Breakpoints

• The ground keeps shifting

• Future Proofing?

Degrading Gracefully



6

of mobile learners

praised the convenience and

time management benefits.




Kid Captivate Tablet & Mobile Size TipsResponsive Design Saves the Day

7

What is Responsive?

Breakpoints and Degrading Gracefully

Viewport Sizes

Inheritance & Project Design


What changes for eLearning authors and developers?How do we craft learning for mobile?

8


Responsive Web Design vs. Responsive eLearning


What are Breakpoints?It’s all in the sliding


What is Viewport Size?http://viewportsizes.com/mine/

http://viewportsizes.com/mine/


Captivate’s Law of Inheritance ;)



13

Mobile learners study

minutes more each week by

studying everywhere they go



© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14

Good Reads:

Jonathan Stark on 10 Principles of Mobile Interface Design:

http://bit.ly/1AF3fiO

Connie Malamed on 10 Tips for Designing mLearning &

Support Apps: http://bit.ly/1GIxzwn

Design Principles are UniversalOr are they? All About the Thumbs …


http://bit.ly/1GIxzwn


Design Principles are UniversalOr are they? All About the Thumbs …

15

Takeaways from Malamed & Stark:

• Mobile is different

• Focus, focus, focus

• Generally – Thumb targets need to be 44 Pixels square

• Thumbs and the single hand controller

• Lose the Chrome, focus on the content

• Scrolling is discouraged

• Feedback must be constant

• Don’t take invisible conventions for granted

• Chunk it up (short bursts)

• Simplify, Simplify, Simplify

• Efficiency is hygiene

Jonathan Stark on 10 Principles of Mobile Interface Design: http://bit.ly/1AF3fiO

Connie Malamed on 10 Tips for Designing mLearning & Support Apps: http://bit.ly/1GIxzwn


http://bit.ly/1GIxzwn


Kid Captivate Mobile Design TipsBe Respectful of Bandwidth and Battery: Strategies to Reduce File Size

16

Video & Sound Optimized

Appropriate Sized Images

Lean on Shapes

Bite Sized Content


Channeling & The Rule of ThreeAvoiding excess is even more important on mobile

17



18



19



20


SmartphoneTablet PortraitTablet Landscape

Desktop



Desktop


Today there are more than 7.29 Billion people in the worldNearly half of the global population are Internet users

24

Most researchers agree that slightly

more than of all web traffic

today is coming from mobile devices

Source: IDG


What differentiates mobile learning?Is there significant added value in making eLearning available on mobile devices?

25

Learn anywhere

Learn anytime

Move while

learning

Location becomes

a tool

Touch computin

gTilt or flip

Interact with

others

create images &

video


Kid Captivate Tips for Leveraging Mobile Device

CapabilityDesigning for the device affordances and usability

26

Touch

Rotation

Location

Communication


Location Aware LearningThe ultimate field guide

27

Wow! That water-borne insects field guide

popped up at the right time to handle these riverside apartments.


Today there are more than 7.29 Billion people in the worldApparently most of them are working too hard

28

In a 2014 IDG Survey, of

respondents reported using their

tablets during evening hours to

research for work

Source: IDG


Kid Captivate Tip: Design for your Audience’ ExpectationsPlan your Mobile Course & Consider the Differences

29

Mobile is Learner Centered

Mobile is Context Aware

Mobile is More Intimate & Personal

On Demand not On Command


Still Hungry for more?Check out these resources for more training in Adobe Captivate

• Blog: http://blogs.adobe.com/presenter/

• YouTube: http://www.youtube.com/adobepresenter/

• AdobeTV: http://tv.adobe.com/channel/e-learning/

• Adobe EDEX: http://edex.adobe.com/

• Adobe KnowHow: http://www.adobeknowhow.com/

• More eSeminars: http://adobe.ly/1qqQ2FX

• Email me: [email protected]

http://blogs.adobe.com/presenter/

http://www.youtube.com/adobepresenter/

http://tv.adobe.com/channel/e-learning/

http://edex.adobe.com/

http://www.adobeknowhow.com/

http://adobe.ly/1qqQ2FX

mailto:[email protected]

Download - Changing faceelearningmulti device-world

Top Related