Introduction to User Expereince

70
1 TODAY’S CLASS Fundamental s of UX

description

From the recent class "Fundamentals of User Experience" given 12/13/2013 in NYC

Transcript of Introduction to User Expereince

Page 1: Introduction to User Expereince

1TODAY’S CLASS

Fundamentals of UX

Page 2: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

UNDERSTANDING USER EXPERIENCE DESIGN

@cwodtke@ga

Page 3: Introduction to User Expereince

3TODAY’S CLASS

Warm Up!Sketching

Page 4: Introduction to User Expereince

4FREE YOUR MIND

SKETCHING FREES YOU TO

BE FAST

Page 5: Introduction to User Expereince

Why I don't wireframe muchI was going to write a long post, but I think a rough diagram suffices.

5

Page 6: Introduction to User Expereince

6FREE YOUR MIND

SKETCHING FREES YOU TO

BE CHEAP

Page 7: Introduction to User Expereince

7

Page 8: Introduction to User Expereince

8FREE YOUR MIND

SKETCHING FREES YOU TO COMMUNICATE

Page 9: Introduction to User Expereince
Page 10: Introduction to User Expereince
Page 11: Introduction to User Expereince

EVERYBODY SKETCHESFrom the Notebooks of Michel Bras

Page 12: Introduction to User Expereince

From the Notebooks of Michel Bras

Page 13: Introduction to User Expereince

From 101 things I learned in architecture school

Page 14: Introduction to User Expereince
Page 15: Introduction to User Expereince

DRAW LINES

Page 16: Introduction to User Expereince

16

Page 17: Introduction to User Expereince

17

Page 18: Introduction to User Expereince

PEOPLE MATTER

18

Page 19: Introduction to User Expereince

19

Page 20: Introduction to User Expereince

20

Page 21: Introduction to User Expereince

21

Page 22: Introduction to User Expereince

DRAW SHAPES

Page 23: Introduction to User Expereince

TOOLS FOR EXPRESSIONHow sketch for attention and understanding

Page 24: Introduction to User Expereince

Line thickness

Page 25: Introduction to User Expereince

Size

Page 26: Introduction to User Expereince

Shading

Page 27: Introduction to User Expereince

Selective detail

Page 28: Introduction to User Expereince

Isolation

Page 29: Introduction to User Expereince

Depth

Page 30: Introduction to User Expereince

Notation

Page 31: Introduction to User Expereince

Can you tell what it is yet?31

Page 32: Introduction to User Expereince

32

Page 33: Introduction to User Expereince

33

Page 34: Introduction to User Expereince

34

Page 35: Introduction to User Expereince

PRACTICE HANDS

35

Page 36: Introduction to User Expereince

SOMETIMES YOU CAN SKIP A HAND

36

Page 37: Introduction to User Expereince

37ACTIVITY: Sketch an online Grocery Store

INDIVIDUAL

20 MINUTES

1. Pick a competitor’s site or app

2. Sketch

• Screens

• Site map

PencilMarkersLots of Paper

OBJECTIVES

Page 38: Introduction to User Expereince

38CLASS DISCUSSION

LET’S DISCUSS YOUR SKETCHES

DO YOU LIKE SKETCHING?WHAT LEVEL OF DETAIL?GOOD VS BAD SKETCH

Page 39: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

39

jesse james garrettUser 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-Jesse James Garrett

Page 40: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

40

jesse james garrett

-Jesse James Garrett

Page 41: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

41 Don Norman

"User experience"

encompasses all aspects of the

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

products.

Page 42: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

Page 43: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

Page 44: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

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

Page 45: Introduction to User Expereince

INTRO 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 46: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

Page 47: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

47Don 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 48: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

Page 49: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

Page 50: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

50Don 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 51: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGNWhat is user experience?

Page 52: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

Page 53: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

53

HEADER

WHAT IS GOOD?

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

Page 54: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN54

HEADER

WHAT IS BAD?

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

Page 55: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN55

HEADER

MAKE ITBE GOOD.

Teams, 20 minutes, sketch answers

Page 56: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

HISTORICALLY, ONLINE WE’VE HAD:

Page 57: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

TEAM of DESIGNERS

Page 58: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

GRAPHIC DESIGN

Page 59: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

INFORMATION ARCHITECT

Page 60: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

INTERACTION DESIGNER

Page 61: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

Front-end Developer

User Researcher

Page 62: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

62

Startups are

seeking

Page 63: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGNThey settle

for

Page 64: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGNThey really need

Page 65: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

USER EXPERIENCE IS BIG

Too big?

Page 66: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

66 dan saffer

Page 67: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

Page 68: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

Page 69: Introduction to User Expereince

INTRO 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.

69

Page 70: Introduction to User Expereince

INTRO TO USER EXPERIENCE DESIGN

DISCUSSION TIME

70