the science of ux - april 2012 nerdery interactive primer

87
#UXNERDS Monday, April 30, 2012

Upload: zack-naylor

Post on 13-Jan-2015

783 views

Category:

Design


0 download

DESCRIPTION

Nerdery Interactive Primer Series - The Science of UX

TRANSCRIPT

Page 1: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDSMonday, April 30, 2012

Page 2: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

MATT TONAKCOMMUNITY MANAGER

Monday, April 30, 2012

Page 3: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

ZACKSENIOR USER EXPERIENCE DESIGNERUSER RESEARCH PRACTICE LEAD

Monday, April 30, 2012

Page 4: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

MIKEDIRECTOR OF USER EXPERIENCE

Monday, April 30, 2012

Page 5: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HOW TO PARTICIPATE

¼ Using the questions panels in the GoToMeeting app

¼ On Twitter @The_Nerdery

¼ Send us an email at [email protected]

Monday, April 30, 2012

Page 6: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

THE SCIENCE OF

USER EXPERIENCEINTERACTIVE PRIMER SERIES

Monday, April 30, 2012

Page 7: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

ART IS NOT DESIGN

Monday, April 30, 2012

Page 8: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

ART IS NOT DESIGNNOT FOR US ANYWAY

Monday, April 30, 2012

Page 9: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

¼ Body Level 1

¼ Body Level 2

¼ Body Level 3

ARTAIMS TOINSPIRE

Monday, April 30, 2012

Page 10: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

¼ Body Level 1

¼ Body Level 2

¼ Body Level 3

DESIGN

PROBLEMS

SOLVES

Monday, April 30, 2012

Page 11: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

ART

IS

INTERPRETED

Monday, April 30, 2012

Page 12: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

DESIGN

UNDERSTOOD

IS

Monday, April 30, 2012

Page 13: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

DESIGN PHILOSOPHIES

Monday, April 30, 2012

Page 14: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

DESIGN PHILOSOPHIESThere is no “one-size-fits-all”

Monday, April 30, 2012

Page 15: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

DESIGN PHILOSOPHIES

Self Design

There is no “one-size-fits-all”

Monday, April 30, 2012

Page 16: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

DESIGN PHILOSOPHIES

Self Design

Genius Design

There is no “one-size-fits-all”

Monday, April 30, 2012

Page 17: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

DESIGN PHILOSOPHIES

Self Design

Genius Design

User-Centered Design

There is no “one-size-fits-all”

Monday, April 30, 2012

Page 18: The Science of UX - April 2012 Nerdery Interactive Primer

SELF DESIGNSOLVING YOUR OWN PROBLEM

Monday, April 30, 2012

Page 19: The Science of UX - April 2012 Nerdery Interactive Primer

SELF DESIGNSOLVING YOUR OWN PROBLEM

I know what I want for dinner.Self Design is cooking for yourself.

Monday, April 30, 2012

Page 20: The Science of UX - April 2012 Nerdery Interactive Primer

SELF DESIGNSOLVING YOUR OWN PROBLEM

I know what I want for dinner.Self Design is cooking for yourself.

Pretty simple.

Monday, April 30, 2012

Page 21: The Science of UX - April 2012 Nerdery Interactive Primer

GENIUS DESIGNSOLVING A PROBLEM YOU’VE SOLVED BEFORE

Monday, April 30, 2012

Page 22: The Science of UX - April 2012 Nerdery Interactive Primer

GENIUS DESIGNSOLVING A PROBLEM YOU’VE SOLVED BEFORE

If I’ve made dinner for Mike (or people like him) many times before, I rely on my domain specific experience to cook dinner for Mike.

Monday, April 30, 2012

Page 23: The Science of UX - April 2012 Nerdery Interactive Primer

GENIUS DESIGNSOLVING A PROBLEM YOU’VE SOLVED BEFORE

If I’ve made dinner for Mike (or people like him) many times before, I rely on my domain specific experience to cook dinner for Mike.

I don’t actually cook for Mike. #justsayin’

Monday, April 30, 2012

Page 24: The Science of UX - April 2012 Nerdery Interactive Primer

GENIUS DESIGNTHERE’S A CATCH

Monday, April 30, 2012

Page 25: The Science of UX - April 2012 Nerdery Interactive Primer

GENIUS DESIGNTHERE’S A CATCH

Genius Design presupposes that you originally did your research to define the problem.

Monday, April 30, 2012

Page 26: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

USER-CENTERED DESIGN AKA: UX Design

Monday, April 30, 2012

Page 27: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

USER-CENTERED DESIGN AKA: UX Design

A UX process starts withunderstanding the problem

Monday, April 30, 2012

Page 28: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

USER-CENTERED DESIGN

Focuses on behavior, use, and context

Monday, April 30, 2012

Page 29: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

USER-CENTERED DESIGN

Focuses on behavior, use, and context

Building empathy

Monday, April 30, 2012

Page 30: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HOLISTIC DESIGN:FOCUSED ON PEOPLE

USERRESEARCH

INFORMATION ARCHITECTURE

INTERACTIONDESIGN

VISUALDESIGN

Monday, April 30, 2012

Page 31: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HOLISTIC DESIGN:FOCUSED ON PEOPLE

USERRESEARCH

INFORMATION ARCHITECTURE

INTERACTIONDESIGN

VISUALDESIGN

Where art occurs in design

Monday, April 30, 2012

Page 32: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HOLISTIC DESIGN:FOCUSED ON PEOPLE

USERRESEARCH

INFORMATION ARCHITECTURE

INTERACTIONDESIGN

VISUALDESIGN

INTERSECTION OF ART, DESIGN AND SCIENCE

Monday, April 30, 2012

Page 33: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

DESIGN SOLVES PROBLEMS

Monday, April 30, 2012

Page 34: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

NERDERY UX APPROACH

UNDERSTAND THE “WHY”

DEFINE THE “WHAT”

LEARN THE “WHO”

CRAFT THE “HOW”

Throughly define the problem

Build empathy with the audience

Understand why it’s a problem

Evaluate and execute the solution

Monday, April 30, 2012

Page 35: The Science of UX - April 2012 Nerdery Interactive Primer

DEFINING THE “WHAT”IMPORTANCE OF THOROUGHLY DEFINING THE PROBLEM

Monday, April 30, 2012

Page 36: The Science of UX - April 2012 Nerdery Interactive Primer

DEFINING THE “WHAT”IMPORTANCE OF THOROUGHLY DEFINING THE PROBLEM

¼ Can’t appropriately solve an undefined problem

Monday, April 30, 2012

Page 37: The Science of UX - April 2012 Nerdery Interactive Primer

DEFINING THE “WHAT”IMPORTANCE OF THOROUGHLY DEFINING THE PROBLEM

¼ Stated problems vs. actual problems

¼ Can’t appropriately solve an undefined problem

Monday, April 30, 2012

Page 38: The Science of UX - April 2012 Nerdery Interactive Primer

DEFINING THE “WHAT”IMPORTANCE OF THOROUGHLY DEFINING THE PROBLEM

¼ Unable to measure success

¼ Stated problems vs. actual problems

¼ Can’t appropriately solve an undefined problem

Monday, April 30, 2012

Page 39: The Science of UX - April 2012 Nerdery Interactive Primer

DEFINING THE “WHAT”IMPORTANCE OF THOROUGHLY DEFINING THE PROBLEM

¼ Unable to measure success

¼ Stated problems vs. actual problems

¼ Can’t appropriately solve an undefined problem

¼ Measuring the wrong factors to success

Monday, April 30, 2012

Page 40: The Science of UX - April 2012 Nerdery Interactive Primer

DEFINING THE “WHAT”IMPORTANCE OF THOROUGHLY DEFINING THE PROBLEM

¼ Unable to measure success

¼ Stated problems vs. actual problems

¼ Can’t appropriately solve an undefined problem

¼ Measuring the wrong factors to success

¼ Can create tumbler effect of:

undefined problem incorrect solution intangible success

Monday, April 30, 2012

Page 41: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

SCIENCE

Monday, April 30, 2012

Page 42: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

Science is a systematic enterprise that builds and organizes knowledge in the form of testable explanations and predictions about the universe.

Monday, April 30, 2012

Page 43: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

SCIENTIFIC METHOD

Monday, April 30, 2012

Page 44: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

SCIENTIFIC METHOD1. Define a question

2. Gather information and resources (observe)

3. Form an explanatory hypothesis

4. Test the hypothesis by performing an experiment and collecting data

5. Analyze the data

6. Interpret the data and draw conclusions that serve asa starting point for new hypothesis

7. Publish results

8. Retest (frequently done by other scientists)

Monday, April 30, 2012

Page 45: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

SCIENTIFIC METHOD1. Define a question

2. Gather information and resources (observe)

3. Form an explanatory hypothesis

4. Test the hypothesis by performing an experiment and collecting data

5. Analyze the data

6. Interpret the data and draw conclusions that serve asa starting point for new hypothesis

7. Publish results

8. Retest (frequently done by other scientists)

Monday, April 30, 2012

Page 46: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

SCIENTIFIC METHOD1. Define a question

2. Gather information and resources (observe)

3. Form an explanatory hypothesis

4. Test the hypothesis by performing an experiment and collecting data

5. Analyze the data

6. Interpret the data and draw conclusions that serve asa starting point for new hypothesis

7. Publish results

8. Retest (frequently done by other scientists)

Iterations

Monday, April 30, 2012

Page 47: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

UX DESIGN METHOD1. Define the problem

2. Gather information and resources (observe)

3. Form an explanatory hypothesis

4. Research and collect data

5. Analyze the data

6. Interpret the data and draw conclusions to inform design decisions

7. Document results

8. Measure design decisions

Monday, April 30, 2012

Page 48: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

UX DESIGN METHOD1. Define the problem

2. Gather information and resources (observe)

3. Form an explanatory hypothesis

4. Research and collect data

5. Analyze the data

6. Interpret the data and draw conclusions to inform design decisions

7. Document results

8. Measure design decisions

INJECTION OFSCIENTIFICREASONING

Monday, April 30, 2012

Page 49: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

Monday, April 30, 2012

Page 50: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

How do we make design decisions?

Monday, April 30, 2012

Page 51: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

How do we make design decisions?

How do we define problems?

Monday, April 30, 2012

Page 52: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

How do we make design decisions?

How do we define problems?

How do we craft solutions?

Monday, April 30, 2012

Page 53: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

Monday, April 30, 2012

Page 54: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

Deductive reasoning

Monday, April 30, 2012

Page 55: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

Deductive reasoning

Inductive reasoning

Monday, April 30, 2012

Page 56: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

Deductive reasoning

Inductive reasoning

Abductive reasoning

Monday, April 30, 2012

Page 57: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

Monday, April 30, 2012

Page 58: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

Precondition

Monday, April 30, 2012

Page 59: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

Precondition

Rule

Monday, April 30, 2012

Page 60: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

HUMAN LOGIC:

SCIENTIFIC REASONING

Precondition

Rule

Conclusion

Monday, April 30, 2012

Page 61: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

DEDUCTIVE REASONING

¼ Determining the conclusion

¼ Precondition and rule “follows necessarily”

¼ Conclusion must be true where rule and precondition are

Monday, April 30, 2012

Page 62: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

DEDUCTIVE REASONING

1. Men are mortal.

2. Zack is a man.

3. Therefore, Zack is mortal.

Monday, April 30, 2012

Page 63: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

DEDUCTIVE REASONING

1. When our conversion rate on the checkout page is 5% or less, our total revenue decreases.

2. Our conversion rate on the checkout page is less than 5%

3. Our total revenue has decreased.

Monday, April 30, 2012

Page 64: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

INDUCTIVE REASONING

¼ Uses probability to draw conclusion.

¼ Abstracts of observations from individual cases

¼ It’s possible that the conclusion is false.

Monday, April 30, 2012

Page 65: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

INDUCTIVE REASONING

1. Small text is hard to read for most people.

2. Most people can understand larger text.

3. Therefore, we can assume larger text will be easier to read.

Easier to read.Harder to read.

Monday, April 30, 2012

Page 66: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

INDUCTIVE REASONING

1. There were usability flaws every time we had conversion rate of 5% or less on the checkout page.

2. Therefore, if conversion rate on the checkout page is 5% or less, we have usability flaws.

Monday, April 30, 2012

Page 67: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

ABDUCTIVE REASONING

¼ Separation of facts within limited contexts.

¼ Precondition is related, but must be a reasonable suggestion that the conclusion is true.

Monday, April 30, 2012

Page 68: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

ABDUCTIVE REASONING

1. I’ve seen people have a hard time reading small text.

2. Sometimes, people understanda message better if it’s with a picture.

3. We can abduct, people may understandour content better with pictures.

Monday, April 30, 2012

Page 69: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

ABDUCTIVE REASONING1. I’ve seen conversion rate lower on websites with

usability flaws.

2. Sometimes, usability flaws are caused by unclear calls to action.

3. We can abduct that clearer calls to action can improve conversion rate.

Monday, April 30, 2012

Page 70: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

SCIENTIFIC REASONINGAND APPLIED LOGIC IN UX

Monday, April 30, 2012

Page 71: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

APPLIED LOGIC IN UX DESIGN1. Define the problem

2. Gather information and resources (observe)

3. Form an explanatory hypothesis

4. Research and collect data

5. Analyze the data

6. Interpret the data and draw conclusions to inform design decisions

7. Document results

8. Measure design decisions

INDUCTIVE &ABDUCTIVE LOGIC

INDUCTIVE LOGIC

DEDUCTIVE LOGIC

DEDUCTIVE & INDUCTIVE LOGIC

Monday, April 30, 2012

Page 72: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

APPLIED LOGIC IN UX DESIGN1. Define the problem DEDUCTIVE LOGIC

“When our conversion rate on the checkout page is 5% or less, our total revenue decreases.”

“Our conversion rate on the checkout page is less than 5%”

“Our total revenue has decreased.”

Monday, April 30, 2012

Page 73: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

APPLIED LOGIC IN UX DESIGN1. Define the problem DEDUCTIVE LOGIC

“When our conversion rate on the checkout page is 5% or less, our total revenue decreases.”

“Our conversion rate on the checkout page is less than 5%”

“Our total revenue has decreased.”

Deductive logic for problem definition

Monday, April 30, 2012

Page 74: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

APPLIED LOGIC IN UX DESIGN3. Form an explanatory hypothesis INDUCTIVE LOGIC

“There were usability flaws every time we had conversion rate of 5% or less on the checkout page.”

“Therefore, if conversion rate on the checkout page is 5% or less, we have usability flaws.”

Monday, April 30, 2012

Page 75: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

APPLIED LOGIC IN UX DESIGN3. Form an explanatory hypothesis INDUCTIVE LOGIC

“There were usability flaws every time we had conversion rate of 5% or less on the checkout page.”

“Therefore, if conversion rate on the checkout page is 5% or less, we have usability flaws.”

Inductive logic for hypothesis formation

Monday, April 30, 2012

Page 76: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

APPLIED LOGIC IN UX DESIGN5. Analyze the data

6. Interpret the data and draw conclusions to inform design decisions

INDUCTIVE &ABDUCTIVE LOGIC

“I’ve seen conversion rate lower on websites with usability flaws.”

“In our research and observations, we saw usability flaws caused byunclear calls to action.”

“We can abduct that clearer calls to action can improve conversion rate.”

Monday, April 30, 2012

Page 77: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

APPLIED LOGIC IN UX DESIGN5. Analyze the data

6. Interpret the data and draw conclusions to inform design decisions

INDUCTIVE &ABDUCTIVE LOGIC

“I’ve seen conversion rate lower on websites with usability flaws.”

“In our research and observations, we saw usability flaws caused byunclear calls to action.”

“We can abduct that clearer calls to action can improve conversion rate.”

Abductive logic for research data analysis and informing design decisions

Monday, April 30, 2012

Page 78: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

APPLIED LOGIC IN UX DESIGN8. Measure design decisions DEDUCTIVE & INDUCTIVE LOGIC

“When we fixed our usability flaws, our conversion rate increased to 10%, also increasing our total revenue.”

“We’ve fixed our usability flaws.”

“Therefore, our total revenue has increased.”

Monday, April 30, 2012

Page 79: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

APPLIED LOGIC IN UX DESIGN8. Measure design decisions DEDUCTIVE & INDUCTIVE LOGIC

Deductive logic for design success measurement

“When we fixed our usability flaws, our conversion rate increased to 10%, also increasing our total revenue.”

“We’ve fixed our usability flaws.”

“Therefore, our total revenue has increased.”

Monday, April 30, 2012

Page 80: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

WHAT DOES ALL THIS MEAN?

Monday, April 30, 2012

Page 81: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

FINAL THOUGHTS

Monday, April 30, 2012

Page 82: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

FINAL THOUGHTSUX Design and “Scientific-like” approach allows us to:

Monday, April 30, 2012

Page 83: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

FINAL THOUGHTSUX Design and “Scientific-like” approach allows us to:

¼ Thoroughly define the problem

¼ Learn how to make informed design decisions

¼ Articulate our reasoning for design decisionsand features

¼ Reduce risk and strengthen chance for success

¼ Measure ROI of design (even against KPIs)

Monday, April 30, 2012

Page 84: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

We’re using scientific methods, logic and reasoning, applied to creative process in order to solve problems through design.

Monday, April 30, 2012

Page 85: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

THANKS

Monday, April 30, 2012

Page 86: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDS

QUESTIONS?

¼ Using the questions panels in the GoToMeeting app

¼ On Twitter @The_Nerdery

¼ Tweet with the #uxnerds hashtag

¼ Send us an email at [email protected]

¼ More answers online at http://nerdery.com

Monday, April 30, 2012

Page 87: The Science of UX - April 2012 Nerdery Interactive Primer

#UXNERDSMonday, April 30, 2012