Personas and DWMIM 04, 05, 06

SYS 214 - Principles of HCI

Agenda

Research Questions?
Assignment for Wednesday
Personas
DWMIM Ch 4
DWMIM Ch 5
DWMIM Ch 6

Assignment for friday

DOET Chapter 3
Research

Personas

What do we use them for?

Focus the design team
Creating a vision for the future
Understanding the key aspects of the design
Walk through possible scenarios

However, we engage REAL users in feedback and testing!

Personas History


Before 1999	Apple Computer uses personas when designing its user interface
1999	Alan Cooper, a world authority on interaction design, introduces the concept of personas in his book "The Inmates Are Running the Asylum"
Oct 2005	All of "the best twelve website design agencies" chosen by the Fortune 500 companies use personas

Source: http://www.personadesign.net/en/personadesign/history.html

Persona Picture

Pick someone who looks real
Right clothes
Right setting
Not looking directly at the camera (not posing)
Don't pick a real user
Don't pick someone known to the team

See: http://www.ixda.org/node/27571

Personas

DWMIM Chapter 4 (reading)

Need a volunteer to read out loud

DWMIM Chapter 4 (reading)

source: http://funpicc.blogspot.com/2011/07/after-reading-this-sentence.html

DWMIM Chapter 4 (reading)

Need another volunteer to read the next slide

DWMIM Chapter 4 (reading)

Gaze on a web site

process

Source: http://www.youtube.com/watch?v=lo_a2cfBUGc

Gaze on a web site

digital advertisements

Source: http://www.youtube.com/watch?v=DyVMvCn6U_A

Gaze on a web site

example of gaze replay

Source: https://www.youtube.com/watch?v=nFq1JqMoK8s

discussion

How does eye gaze impact design?

DWMIM chapter 4 principles

Use consistent vocabulary
Use restricted vocabulary
Minimize work (including reading)
Support reading with typeface and background

Design implications

Users may be reading quickly and not attending to all details.

Make it easy for them!!

DWMIM Chapter 5 (Color)

stroop effect

Each person should do the following experiment

Say the color
Ignore any shapes or letters

http://faculty.washington.edu/chudler/words.html#seffect

implications for design

Brain is getting two pieces of information
- Color
- Word
Which message is stronger?
How do you turn off a Windows computer?

Color value

Color value

“
This subdued logo uses a palette of colors with lower Value settings. These colors are good for conservative corporate colors and can be used to create a feeling of richness.
”

Color saturation

Color saturation

“
This example uses low saturation colors. Low saturation, pastel colors are often used with infant clothing and to create pleasant environments. You would not expect a football team jersey, or a military uniform to use pastel colors.
”

DWMIM Chapter 5 Principles

Distinguish colors by saturation, brightness, and hue
Use distinctive colors
Avoid colors that color-blind people cannot distinguish (p.59)
Use color with other cues
Separate strong opponent colors

DWMIM Chapter 6 (Vision) principles

Put messages where users are looking
Mark the error
Use a symbols
Reserve red for errors
- Exceptions
Use "Heavy Artillery Sparingly"
- Sound
- Flash / Wiggle
- Pop-up error messages

Exercise

Fix these figures

4.11
4.12
4.13
4.14
4.16

Sources

http://www.xaraxone.com/webxealot/workbook40/page_5.htm

http://psychology.wichita.edu/surl/usabilitynews/91/eyegaze.asp