73
http://www.usablelearning.com LxD Learner Experience Design Julie Dirksen, Usable Learning Learning Solutions 2011

LxD - Learner Experience Design

Embed Size (px)

DESCRIPTION

Learning Solutions 2011 #LS2011 presentation on Learner Experience Design. Address what instructional design can learn from Ux (User Experience Design).

Citation preview

Page 1: LxD - Learner Experience Design

http://www.usablelearning.com

LxDLearner Experience DesignJulie Dirksen, Usable Learning

Learning Solutions 2011

Page 2: LxD - Learner Experience Design

So what is LxD anyway?

What do you think?

Page 3: LxD - Learner Experience Design

Let me tell you a storyIt was 1993, and I had a job training customer

service reps for a financial services company…

Page 4: LxD - Learner Experience Design

It was not a great job…

The reps had a hard job –

they got yelled at a lot

(not really smiling happy

reps)

How long it took for them to get really

proficient = 6 months

How long it took before they got burned out

and looked for another job = 6 months

Page 5: LxD - Learner Experience Design

This was a big part

of the reason…

IBM AS/400

7 different systems

(accounting , credit, collections, etc)

Page 6: LxD - Learner Experience Design

Which should we fix?

Page 7: LxD - Learner Experience Design

Knowledge in the Head vs.

Knowledge in the World

- Donald Norman

Requires memory or cognitive

processing

Knowledge is embedded in the

interface

Page 8: LxD - Learner Experience Design

All of the sudden, I’m a GUI (Graphical

User Interface) Designer…

orItem 1Item 2Item 3Item 4

or

or

I wanted rules…

Page 9: LxD - Learner Experience Design

So I went looking:

• Chromostereoposis

Putting things that are blue

next to things that are red

Messes with your depth perception.

Weird, huh? And different people

react differently to this.

Page 10: LxD - Learner Experience Design

So I went looking:

• Fitts’ Law: The time to acquire a target is a

function of the distance to and size of the target

Click

Click

Page 11: LxD - Learner Experience Design

So I went looking:

• 5 +/- 2

• Grouping Like items

Page 12: LxD - Learner Experience Design

And that was kind of it…

…Umm?

Page 13: LxD - Learner Experience Design

Then I bumped into this…

Page 14: LxD - Learner Experience Design

There are no rules

The reason you can’t find rules…

or

…is because they frequently don’t exist

Page 15: LxD - Learner Experience Design

We design in a tunnel

Page 16: LxD - Learner Experience Design

And we fill in

gaps

Page 17: LxD - Learner Experience Design

User Testing!

See what sticks

Image by Gluemoon cc license

http://www.flickr.com/photos/gluemoon/90804324/sizes/l/in/photostream/

Page 18: LxD - Learner Experience Design

Usability grew up

User Experience Design!

Page 19: LxD - Learner Experience Design

The Elements of User Experience

-Jesse James Garrett 2000

http://www.jjg.n

et/elements/

Page 20: LxD - Learner Experience Design

The Elements of User Experience

http://www.jjg.net/elements/

http://www.jjg.n

et/elements/

Page 21: LxD - Learner Experience Design

Okay, but what’s LxD?

I have 3 different answers…

Page 22: LxD - Learner Experience Design

Answer 1: It’s clearing the path

Can people use it?

Page 23: LxD - Learner Experience Design

Pyramid:

Stephen Anderson www.poetpainter.com

http://www.slideshare.net/stephenpa/cre

ating-pleasurable-interfaces-getting-

from-tasks-to-experiences

Page 24: LxD - Learner Experience Design

What is the purpose of good user

interface design?

Makes a system

usable

Allows the user to

complete their task(s) Keeping the user from

getting frustrated

Makes the interface

invisible

Reducing extraneous

cognitive load

Page 25: LxD - Learner Experience Design

Interface design to reduce cogntive

load

Intrinsic Cognitive

Load

Germane

Cognitive Load

Extraneous

Cognitive Load

If it’s in the “How

to use this

training” It’s

probably

Extraneous

Cognitive Load

Page 26: LxD - Learner Experience Design

What is the purpose of good user

interface design?

Makes a system

usable

Allows the user to

complete their task(s) Keeping the user from

getting frustrated

Makes the user feel that

they are in control…

Makes the interface

invisible

Page 27: LxD - Learner Experience Design

Makes the user feel in control…

My mother almost never feels in

control online, except for a few sites >

Page 28: LxD - Learner Experience Design

We have control issues:

The next button will become available

after the audio plays completely

Available

Page 29: LxD - Learner Experience Design

We have control issues:

Why?

(Serious question)

Page 30: LxD - Learner Experience Design

Answer 2: It’s putting the learner in

the centerCan people use it?

Is it about the learner?

Page 31: LxD - Learner Experience Design

What’s the center?

Content? The Learner?

Specifically, is it

about the

learner’s

behavior?

Page 32: LxD - Learner Experience Design

What’s at the center?

Cathy Moore e-Learning Blueprint - http://www.elearningblueprint.com

Page 33: LxD - Learner Experience Design

Answer 3: It’s the whole context

Can people use it?

Is it about the learner?

Does it change behavior?

Page 34: LxD - Learner Experience Design

Pyramid:

Stephen Anderson www.poetpainter.com

Does it

change

behavior?

http://www.slideshare.net/stephenpa/cre

ating-pleasurable-interfaces-getting-

from-tasks-to-experiences

Page 35: LxD - Learner Experience Design

Where's the knowledge?

world head

Embedded

Page 36: LxD - Learner Experience Design

Fully Embedded Knowledge

Page 37: LxD - Learner Experience Design

Where's the knowledge?

world head

Embedded

Guidance

Page 38: LxD - Learner Experience Design

Guidance

Page 39: LxD - Learner Experience Design

Guidance

Page 40: LxD - Learner Experience Design

Guidance

Page 41: LxD - Learner Experience Design

Guidance

Microcopy

Page 42: LxD - Learner Experience Design

Where's the knowledge?

world head

Embedded

Guidance

Performance

Support

Page 43: LxD - Learner Experience Design

Performance Support

Job Aids

EPSS Electronic Performance

Support System

Page 44: LxD - Learner Experience Design

Where's the knowledge?

world head

Embedded

Guidance

Performance

Support

References

/ Resources

Page 45: LxD - Learner Experience Design

References and Resources

Page 46: LxD - Learner Experience Design

Where's the knowledge?

world head

Embedded

Guidance

Performance

Support

References

/ Resources

Training

Page 47: LxD - Learner Experience Design

Tools and Methods

• User Research

• Design Tools

• User Testing

Page 48: LxD - Learner Experience Design

User Research

• Interviews

• Focus Groups

• Surveys

These are all fine, but…

Page 49: LxD - Learner Experience Design

Job Shadowing

Follow them

around

Page 50: LxD - Learner Experience Design

Design Tools

Card Sorting

Page 51: LxD - Learner Experience Design

Design Tools

Persona

Development

Persona: Alice

Age: 32

Job Function: Business Analyst

Description: Alice has been with the company for 3 years, and started as a tester in the quality assurance department.

She spends her work time requesting and reviewing

research reports, interviewing stakeholders and end users and creating software specs.

She is focused, goal-oriented within a strong leadership role. One of her concerns is maintaining quality across all output of programs.

She is connected via a T1 connection at work and cable modem at home. She also uses her smart phone extensively. She is most likely to be heard saying: “Can you be

more specific?”

Page 52: LxD - Learner Experience Design

Design Tools

Prototyping

Page 53: LxD - Learner Experience Design

User Testing

Watch somebody USE your application

Page 54: LxD - Learner Experience Design

What User Testing isn’t:

• Focus Groups

• Stakeholder Reviews

• Sending out the link for feedback

• Bug Testing

Page 55: LxD - Learner Experience Design

Process for User Testing

Recruit Users

1

Create a

script and test

plan

2

Watch

people use

your e-

Learning

3

Record the

results

4

Make design

recommenda

tions

5

Page 56: LxD - Learner Experience Design

Don’t Make Me Think

Page 57: LxD - Learner Experience Design

Case 1: The Close Button

Page 58: LxD - Learner Experience Design

Case 1: The Close Button

x

To close the

box, they

clicked here.

Page 59: LxD - Learner Experience Design

Case 1: The Close Button

Fitts’ Law:

The time to acquire a

target is a function of

the distance to and

size of the target

Page 60: LxD - Learner Experience Design

Case 1: The Close Button

Page 61: LxD - Learner Experience Design

Case 2: Invisible Text

Page 62: LxD - Learner Experience Design

Case 2: Invisible Text

Page 63: LxD - Learner Experience Design

Case 2: Invisible Text

Page 64: LxD - Learner Experience Design

Case 2: Invisible Text

Page 65: LxD - Learner Experience Design

Case 2: Invisible Text

Page 66: LxD - Learner Experience Design

Case 2: Invisible Text

Page 67: LxD - Learner Experience Design

Case 3: Active Learning

Page 68: LxD - Learner Experience Design

Case 3: Active Learning

Page 69: LxD - Learner Experience Design

Case 3: Active Learning

Page 70: LxD - Learner Experience Design

Case 3: Active Learning

Page 71: LxD - Learner Experience Design

Answer 3: It’s the whole context

Can people use it?

Is it about the learner?

Does it change behavior?

Page 72: LxD - Learner Experience Design

Pyramid:

Stephen Anderson www.poetpainter.com

Does it

change

behavior?

http://www.slideshare.net/stephenpa/cre

ating-pleasurable-interfaces-getting-

from-tasks-to-experiences

Page 73: LxD - Learner Experience Design

Thanks! Questions?

Julie Dirksen

Usable Learning

http://www.usablelearning.com

Twitter: usablelearning

Slideshare:

http://www.slideshare.net/usablelearning