The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
Discover the best professional documents and content resources in AnyFlip Document Base.
Search
Published by Smarttpeople, 2017-10-20 17:51:24

UX for elearning design

UX for elearning design

UX for Elearning:
Designing the Learner
Experience

Majid Tahir / [email protected]

About Me/
acumenity

▪ acumenity
▪ We build communities for your products

▪ Majid Tahir
▪ I’m a Seasoned Entrepreneur
▪ Partner and Founder of acumenity
▪ Provide technical direction and leadership
▪ Have experience working at large management
consulting firms as well as boutique design
agencies

You Have a

Job to Do

▪ Imagine you are tasked with developing/

designing an awesome experience

▪ And it’s due in 2 months
▪ And there’s no content ready
▪ And the users are not understood
▪ And…yeah, this is bad

How Do You

Do Your Job?

▪ Let’s go online and see what’s out there!
▪ Good luck sorting that out
▪ What looks cool when you’re desperate
may not be cool once delivered

▪ Let’s read design books/articles!
▪ Do you really have the time?
▪ Hit-or-miss probability

▪ I have design experience super-powers
▪ Nope

How Do You

Do Your Job?

Is this good?

How Do You

Do Your Job?

Or, is this good?

How Do You

Do Your Job?

Do I read this book? Or that book?
Or articles!?

Some Great

Resources…

▪ Responsive Web Design (Ethan Marcotte)
▪ The Web Designer’s Idea Book (Patrick McNeil)
▪ Don’t Make Me Think (Steve Krug)
▪ Designing for Emotion (Aaron Walter)
▪ Mobile First (Luke Wroblewski)
▪ Android Design Patterns (Greg Nudleman)
▪ Mobile Design Pattern Gallery (Theresa Neil)
▪ Motivational Design for Learning and Performance

(John M. Keller)
▪ User Centered Design (Travis Lowdermilk)
▪ Interactive Design (Andy Pratt & Jason Nunes)
▪ And so forth…

How to succeed

at your job

▪ You want to stand out
▪ Make it awesome

▪ You want to defend your work
▪ Be able to explain every element and the
harmony between them

▪ You want to quickly learn from your work
▪ Knowing why you chose elements and
design prepares you to incorporate
feedback and criticism

▪ You want confidence in yourself
▪ You should be able to repeat your success
because you know why

How to learn to

stop worrying

and love your job

Start the work by ensuring success
1. Understand what makes an impactful user
experience
2. Use the acumenity Clarity Index to create
an awesome experience

What is User Experience?

The judicious application of certain user-
centered design practices

(http://uxdesign.com/ux-defined#sthash.y5mlAv63.dpuf)

UCD Principles

Excerpted from usabilitynet.org
1. Design for the users and their tasks
2. Be consistent
3. Use simple and natural dialogue
4. Reduce unnecessary mental effort by
the user
5. Provide adequate feedback
(success/fail at goal)
6. Provide adequate navigation
mechanisms
7. Let the user drive
8. Present information clearly
9. Be helpful
10. Reduce errors

3 Benefits of a Great User
Experience

How Do You Achieve a

Great User Experience?

What Do You Achieve through

Great User Experiences?

Gain the positives and avoid the negatives

What Are the Elements of
acumenity’s Clarity Index?

What Are the Elements of
acumenity’s Clarity Index?

The Clarity Index

The Clarity Index

Increase Tact

Tact is the sensitivity and empathy towards the learner.

Tact: Attractive Design

Brings Instant Credibility

A Stanford University study states that 46% of participants
assessed the credibility of a site based on the appeal of the
visual design, including layout, typography, and color
schemes. http://credibility.stanford.edu

Where would you buy your wedding dress? Site B
Site A

Where would you buy your electronics? Site B
Site A

Where would you buy your groceries? Site B
Site A

Tact: Aesthetic-Usability Effect

The Aesthetic-Usability Effect is the phenomenon that
describes users perception that more aesthetically
pleasing designs to be easier to use than less
aesthetically pleasing designs. Users are more
sympathetic to faults or failures if a design is
aesthetically pleasing, leading them to believe that
the better looking option is the better option entirely.









Distract: Remove
Distractions

Distract: Use Simple,

Meaningful Visuals

Consider using simple drawings or icons that lack
unnecessary detail.

Distract: Use Simple,

Meaningful Visuals







Interact

User interaction or active involvement

Make Learning Active

Passive IInntteerraccttiioonn Active

Learning Learning

Interaction

• Creates an active learning process that aids understanding
and retention.

• Ensure that your knowledge checks or quizzes test that they
have understood the learning objective rather than recall
what they just heard.

• Product simulations create workflow memories. Can be
useful, but not if your product changes often

• Exercises engage the user to independently solve problems
outside the training.

• “Variety is the spice of life.”

Interaction

How to Quantify

the Relationship

▪ Tact & Interact
▪ Simplest way is to develop a checklist
▪ Elements meeting more of the checklist items
score higher
▪ Elements not meeting all of the checklist items
should be redone or justified

▪ For example: User Centered Design principles
▪ Ensure standards are met
▪ Principles can be used as the checklist

Testing the Index

Distract: Consider using Low Tact: Visuals do
simplified visuals not look like buttons

High Tact: Navigation
menu placed on the left

Distract:

Too much
text; difficult
to read

Low Tact: Important :Low Interact Difficult
Menu items are faded interaction, especially
on mobile

How Mobile Impacts the
Learning Experience

▪ Extra diligence must be applied in identifying

learning distractions.


▪ Mobile requires a different set of tact than

desktop


▪ Different design and content conventions are
used on mobile than desktop

Wrap Up

and Q&A

Majid Tahir / [email protected] / 847-312-6504


Click to View FlipBook Version