BUS40 Introduction to User Experience Design

of 45 /45
Bus40 UX for Non- Designers

description

First class for Stanford Continuing Studies class: UX for Non-Designers. Lightly annotated. Recommended follow up reading: http://sse.tongji.edu.cn/liangshuang/hci2013spring/readings/universal-principles-of-design.pdf

Transcript of BUS40 Introduction to User Experience Design

Page 1: BUS40 Introduction to User Experience Design

Bus40

UX for Non-Designers

Page 2: BUS40 Introduction to User Experience Design

Christina Wodtke

@cwodtke | linkedin.com/in/christinawodtke | cwodtke.com

Page 3: BUS40 Introduction to User Experience Design

Don Norman

"User experience"

encompasses all aspects of the

end-user's interaction with the company, its services, and its

products.

Page 4: BUS40 Introduction to User Experience Design

I love amazon. It is a clear yet rich shopping experience. It gives me what I need to make a decision. But it’s more than a website…

Page 5: BUS40 Introduction to User Experience Design

Amazon understands me. It shows me things I didn’t even realize were available that I love. Lynda Carter FTW!

Page 6: BUS40 Introduction to User Experience Design

Let’s be honest: it’s all about the smiling boxes.

And who doesn’t like to come home to smiling boxes?

Page 7: BUS40 Introduction to User Experience Design

Are you stuck? A human is waiting to unstick you!

Page 8: BUS40 Introduction to User Experience Design

Don Norman

The first requirement for an

exemplary user experience is to meet the exact

needs of the customer, without

fuss or bother.

Page 9: BUS40 Introduction to User Experience Design

A) Amazon understands I always run out of razors!B) Amazon understands I have no clue how often to buy them!

Page 10: BUS40 Introduction to User Experience Design

Don Norman

Next comes simplicity and elegance that

produce products that are a joy to own, a

joy to use. True user experience

goes far beyond giving customers

what they say they want, or providing checklist features.

Page 11: BUS40 Introduction to User Experience Design

The doodle not only has no utility on google, it breaks the rule of branding: never touch the mark! Let it warms and makes human the

search giant. That matters.

Page 12: BUS40 Introduction to User Experience Design

You can argue that Amazon should kill joke reviews, because they mess up the algorithms. But they also warm up what could be a cold

space.

Page 13: BUS40 Introduction to User Experience Design
Page 14: BUS40 Introduction to User Experience Design
Page 15: BUS40 Introduction to User Experience Design

Don Norman

In order to achieve high-quality user experience in a company's offerings

there must be a seamless merging of

the services of multiple disciplines, including engineering,

marketing, graphical and industrial design, and

interface design.

Page 16: BUS40 Introduction to User Experience Design

What is user experience?

The mini cooper convertible has my favorite car experience. The way it handles, accelerates as well as the beautiful interior, the innovative

half-open position of the roof!.

Page 17: BUS40 Introduction to User Experience Design

But the experience doesn’t stop at the car. There are stickers, swag, driving adventures, dedicated AAA support for the life of the car and

music services! What does it mean to enjoy driving a car, they asked… then answered.

Page 18: BUS40 Introduction to User Experience Design

18

HEADER

WHAT IS GOOD?

What is it? Why do you love it? What’s your favorite part?

EXERCISE

Page 19: BUS40 Introduction to User Experience Design

19

HEADER

WHAT IS BAD?

What is it? Why do you hate it? What’s the worst part?

EXERCISE

Page 20: BUS40 Introduction to User Experience Design

20

HEADER

MAKE ITBE GOOD.

Teams, 20 minutes, sketch answers

EXERCISE

Page 21: BUS40 Introduction to User Experience Design

Universal Principles

AffordancesFeedbackStandardsPoka-yokeDirect Manipulation

Page 22: BUS40 Introduction to User Experience Design

DIRECT MANIPULATIONIt is easier and more pleasant to have a 1:1 relationship with the thing

manipulate and the manipulator – this is why toddlers can use ipads.

Page 23: BUS40 Introduction to User Experience Design

AffordancesThings that look pushable, get pushed. Things that look pullable, get

pulled.

Page 24: BUS40 Introduction to User Experience Design

AffordancesThe Ipad keyboard is harder to use than a regular one because there

are no physical affordances and we don’t’ type looking usually. Flat design is often disliked because it’s hard to know what is pushable.

Page 25: BUS40 Introduction to User Experience Design

FeedbackOn twitter, when you post you get feedback so you know your tweet

went out.

Page 26: BUS40 Introduction to User Experience Design

FeedbackOn Facebook, they show the link preview as soon

as you add it, so you know all is working (and

can preview)

Page 27: BUS40 Introduction to User Experience Design

FeedbackYour new status is

always posted on top, to let you know it was successfully posted

(even if a new status came in a second after,

and is thus newer)

Page 28: BUS40 Introduction to User Experience Design

Inline feedback vs validation: Luke Wrobowskihttp://alistapart.com/article/inline-validation-in-web-forms

Traditional Inline

Page 29: BUS40 Introduction to User Experience Design

Feedback MattersInline feedback gave: •a 22% increase in success rates,

•a 22% decrease in errors made,

•a 31% increase in satisfaction rating,

•a 42% decrease in completion times, and

•a 47% decrease in the number of eye

fixations.

“You’d rather know about your mistakes as you go along.”

“It’s much better than getting all the way down and hitting ‘submit,’ only to find out that it doesn’t like your username. It’s much better when it tells you as you go along.”

Inline Validation in Web Formsby LUKE WROBLEWSKI September 01, 2009

Page 30: BUS40 Introduction to User Experience Design

The Poka-Yoke Principle

 Poka-Yoke roughly translates in English to mistake proofing: avoiding (yokeru) inadvertent errors (poka). Designers use Poka-Yoke when they put constraints on products to prevent errors, forcing users to adjust their behavior and correctly execute an operation.

Page 31: BUS40 Introduction to User Experience Design

ErrorsPreventAllow fixesCOMPASSIONAvoid learned

Dismissal

Page 32: BUS40 Introduction to User Experience Design

"Obey standards unless there is a truly superior alternative"

- Alan Cooper

Standards

Page 33: BUS40 Introduction to User Experience Design

Law of the Conservation of Complexitystates that some complexity is inherent in every process. There is a

point beyond which you can’t simplify the process any further; you can only move the inherent complexity from one place to another.

Larry Tessler

Page 34: BUS40 Introduction to User Experience Design

The Magical Number Seven +\- 1Is a myth

Page 35: BUS40 Introduction to User Experience Design

Contextual PrinciplesWhat you know about the context/users/activity. E.g.

‣Recipes must be scannable‣User should know where they are in a recipe‣Recipes allow users to find ingredients for shopping and mise en place by listing them apart from instructions

You make them up

Page 36: BUS40 Introduction to User Experience Design

Tivo TennantsIt’s entertainment, stupid.

It’s TV, stupid.It’s video, dammit.Everything is smooth and gentle.No modality or deep hierarchy.Respect the viewer’s privacy.It’s a robust appliance, like a TV.

Page 37: BUS40 Introduction to User Experience Design

jesse james garrett User Experience Design:

the design of anythingindependent of medium

or across [device]with human experience as an explicit outcome

and human engagement as an explicit goal-Jsse James Garrett

Page 38: BUS40 Introduction to User Experience Design

38

jesse james garrett

-Jesse James Garrett

Page 39: BUS40 Introduction to User Experience Design

USER EXPERIENCE IS BIG

Too big?

Page 40: BUS40 Introduction to User Experience Design

40 dan saffer

Page 41: BUS40 Introduction to User Experience Design
Page 42: BUS40 Introduction to User Experience Design

http://www.eleganthack.com/a-simple-model-for-user-experience-design/

Page 43: BUS40 Introduction to User Experience Design

User Experience Design is big. You will suck if you try to do it all.

That is AWESOMENot trying=failingFind your love. Follow it.

43

Page 44: BUS40 Introduction to User Experience Design

DISCUSSION

Page 45: BUS40 Introduction to User Experience Design

LEARN MORE