#1nlab15: classically trained … in 30 minutes

67
Jessica DeJong @jessdejong

Upload: one-north-interactive

Post on 13-Apr-2017

383 views

Category:

Marketing


1 download

TRANSCRIPT

Jessica DeJong@jessdejong

Classically Trained…in 30 minutes

HCI Bootcamp

Foreshadowing.

Let’s Jump In

Human-Computer Interaction

Computer Science

Graphic Design

Psychology

Interaction Design

User Experience

Information Architecture

User Research

User-Centered Experience

Design

“Design has to work, art does not.”

-DONALD JUDD

1Think Like a User

2Listen (or Watch) with Empathy

DISCLAIMER

This video contains some adult language.

Lucy Suchman, Xerox PARC

Allen NewellComputer Scientist, Xerox PARC

Winner of Turing Award

Ron KaplanComputer Scientist, Xerox PARC

3Do Your Homework

EYE-TRACKING USABILITY TESTING ETHNOGRAPHIC STUDIES

FOCUS GROUPS INTERVIEWS INTERCEPT SURVEYS

CONCEPT TESTING DIARY/CAMERA STUDIES CARD SORTING

WEB ANALYTICS A/B TESTING HEURISTIC EVALUATION

EMAIL SURVEYS CO-CREATION EXERCISES COGNITIVE WALKTHROUGH

Sounds Expensive …

Usability Testing: 5-8 people

Source: NielsenNorman Group

Secondary Research

Secondary Research: Eyetracking

Secondary Research: Eyetracking

4Design Is the Experience

UIUser Interface User Experience

UX

Aesthetics and UX

Aesthetics & Cognition

• 2 ATMS• Same elements• 1 UI was more

aesthetically pleasing

In both studies, the more aesthetically pleasing UI was perceived to be more usable.

Aesthetics & Emotion

“ … we are capable of discerning far more than we are capable of articulating.”— JONY IVE

5You’re Never Really Done

Test

Ideate

Observe

DefinePrototype

Understand

Test

Ideate

Observe

DefinePrototype

Understand

Test

Ideate

Observe

DefinePrototype

Understand

DESIGN THINKING

is a human-centered approach to innovationthat draws from the designer’s toolkit to

integrate the needs of people, the possibilities of technology,

and the requirements for business success.

—Tim Brown, CEO & President IDEO

DESIGN THINKING

Test

Ideate

Observe

DefinePrototype

Understand

Design Thinking

6UX Is Everyone’s Job

Aesthetics UX=

Information Architecture UX=

Content UX=

Performance UX=

Think of each element like an instrument in a song.

Homework

twitter.com/jessdejong/lists/web-ux

2. Listen with empathy

3. Do your homework

4. Design is the experience

5. You’re never really done

6. UX is everyone’s job

1. Think like a user

2. Listen with empathy

3. Do your homework

4. Design is the experience

5. You’re never really done

6. UX is everyone’s job

1. Think like a user

2. Listen with empathy

3. Do your homework

4. Design is the experience

5. You’re never really done

6. UX is everyone’s job

1. Think like a user

2. Listen with empathy

3. Do your homework

4. Design is the experience

5. You’re never really done

6. UX is everyone’s job

1. Think like a user

2. Listen with empathy

3. Do your homework

4. Design is the experience

5. You’re never really done

6. UX is everyone’s job

1. Think like a user

2. Listen with empathy

3. Do your homework

4. Design is the experience

5. You’re never really done

6. UX is everyone’s job

1. Think like a user