Usability in practice - tips from the field.

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Today 1.  User Centred Design 2.  You are not the user 3.  Interviewing people 4.  Creating personas 5.  Running heuristic evaluations 6.  Doing a Navigation Stress Test 7.  Making sense of the data 8.  Book recommendations

Slide 3

Slide 3 text

User Centred Design

Slide 4

Slide 4 text

User Centred Design

Slide 5

Slide 5 text

User Research: Contextual Enquiry

Slide 6

Slide 6 text

Iterative Design: Prototyping

Slide 7

Slide 7 text

Development: Usability Evaluations

Slide 8

Slide 8 text

You are not the user

Slide 9

Slide 9 text

Hang out with people hang out with people who don`t use a computer 8 hours a day

Slide 10

Slide 10 text

Typical occupations architect cleaner waitress policeman teacher gardener farmer midwife receptionist musician builder marine biologist nurse florist photographer sales assistant nanny plumber sharetrader banana ripener accountant journalist coach politician student machine operator truck driver manager secretary

Slide 11

Slide 11 text

People do strange things on their computers

Slide 12

Slide 12 text

You do not have their undivided attention

Slide 13

Slide 13 text

Interviewing People

Slide 14

Slide 14 text

Active Listening •  Asking open-ended, clarifying questions to gain further information and insight. •  Paraphrasing, or repeating back in our own words what the speaker has said, in order to clarify or confirm understanding. •  Probing - questioning in a supportive way that requests more information or that attempts to clear up confusions •  Providing nonverbal communication, like body language and facial expressions, to show we are paying attention. •  Learning when to be quiet. Giving the other to time to think as well as to talk.

Slide 15

Slide 15 text

Open-Ended vs. Closed Questions Open Questions •  Begin with how, what, or why •  Are used to clarify information and keep the conversation open by encouraging a person to share as much as they wish Closed Questions •  Result in a simple lyesz or lnoz or in short, factual answers •  Tend to bring the conversation to a stop, requiring more questions to get the full story

Slide 16

Slide 16 text

Lead-Ins for Paraphrasing •  Did I hear you say… •  So what you’re saying is… •  You’re telling me that… •  Am I hearing you correctly that… •  Am I hearing you clearly that… •  So what I hear you saying is… •  I believe that you are saying… •  Okay, let me see if I got what you said… •  So let me summarize what you just said… •  I want to be on the same page as you, so let me go over what you just said…

Slide 17

Slide 17 text

Creating Personas •  Archetypal representation of your target audience •  Based on user research (ideally) •  Aggregation of your users` goals, attitudes, and behaviours •  Presented as a vivid, narrative description of a single lpersonz who represents a user segment

Slide 18

Slide 18 text

Personas

Slide 19

Slide 19 text

Sample Persona • Jordan is a 22 year old college senior majoring in graphic design. He is pretty laid back and fairly social. He frequently goes clubbing with friends. Jordan also does some of his own DJing for parties. He enjoys music and the ability it has to entertain and to make other people happy. • Jordan takes some pride in his extensive digital music collection. He gets music from his own CDs and from sharing with his friends. He is constantly looking for new music, often by browsing through Newbury Comics and other record stores that carry unusual things. http://hfid.olin.edu/sa2005/engr3220-gouda/phase1_persona_jordan.htm

Slide 20

Slide 20 text

Goals •  Listen to a wide variety of music. •  Find out about new or unusual music. •  Entertain and/or help his friends. •  Easily identify and play music to suit his activities. •  Remain aware of all of his music.

Slide 21

Slide 21 text

Task: Share music with friends •  Determine what specific songs, artists, albums, etc. that he likes or has liked •  Make this information available to his friends •  Find out what particular music his friends like •  Determine what of this he likes

Slide 22

Slide 22 text

Task Analysis

Slide 23

Slide 23 text

Task Analysis

Slide 24

Slide 24 text

Task Analysis

Slide 25

Slide 25 text

Doing Heuristics Evaluations

Slide 26

Slide 26 text

Jacob Nielsen’s Heuristics 1.  Visibility of system status 2.  Match between system and the real world 3.  User control and freedom 4.  Consistency and standards 5.  Error prevention 6.  Recognition rather than recall 7.  Flexibility and efficiency of use 8.  Aesthetic and minimalist design 9.  Help users recognize, diagnose, and recover from errors 10.  Help and documentation

Slide 27

Slide 27 text

Visibility of System Status

Slide 28

Slide 28 text

1.  Visibility of system status

Slide 29

Slide 29 text

Match between the system and the real world

Slide 30

Slide 30 text

2. Match the system and the real world

Slide 31

Slide 31 text

2. Match the system and real world

Slide 32

Slide 32 text

2. Match the system and the real world

Slide 33

Slide 33 text

2. Match the system and the real world

Slide 34

Slide 34 text

User Control and Freedom

Slide 35

Slide 35 text

3. User Control and Freedom

Slide 36

Slide 36 text

Consistency and Standards

Slide 37

Slide 37 text

4. Consistency & Standards

Slide 38

Slide 38 text

4. Consistency & Standards

Slide 39

Slide 39 text

4. Consistency & Standards

Slide 40

Slide 40 text

4. Consistency & Standards

Slide 41

Slide 41 text

Error Prevention

Slide 42

Slide 42 text

5. Error Prevention

Slide 43

Slide 43 text

Recognition rather than recall

Slide 44

Slide 44 text

6. Recognition rather than recall

Slide 45

Slide 45 text

Flexibility and Efficiency of Use

Slide 46

Slide 46 text

7. Flexibility & Efficiency of Use

Slide 47

Slide 47 text

Aesthetics and Minimalist Design

Slide 48

Slide 48 text

http://dev.uxmatters.com/MT/archives/000015.php 8. Aesthetics & Minimalist Design

Slide 49

Slide 49 text

8. Aesthetics & Minimalist Design

Slide 50

Slide 50 text

8. Aesthetics & Minimalist Design

Slide 51

Slide 51 text

8. Aesthetics & Minimalist Design

Slide 52

Slide 52 text

8. Aesthetics & Minimalist Design

Slide 53

Slide 53 text

Help Users Recognise and Recover from Errors

Slide 54

Slide 54 text

9. Help Users Recognise Errors

Slide 55

Slide 55 text

Help and Documentation

Slide 56

Slide 56 text

10. Help & Documentation

Slide 57

Slide 57 text

Other Guidelines •  Bruce Tognazzini’s First Principles of Interaction Design http://www.asktog.com/basics/firstPrinciples.html •  A good introductory summary from a fellow student http://www.charlieguo.com/web_design_readings.php

Slide 58

Slide 58 text

Doing a Navigation Stress Test

Slide 59

Slide 59 text

Navigation Stress Test •  "Randomly" pick a low-level page, not a home page, from your site •  Print the page out in black and white, without the URL listed in the header/footer •  Pretend that you are entering this site for the first time at this page and try to answer to questions below •  Mark-up the piece of paper with what you think the answers are

Slide 60

Slide 60 text

Navigation Stress Test What is this page about? Draw a rectangle around the title of the page or write it on the paper yourself What site is this? Circle the site name, or write it on the paper yourself What are the major sections of this site? Label with X What major section is this page in? Draw a triangle around the X What is "up" 1 level from here? Label with U How do I get to the home page of this site? Label with H How do I get to the top of this section of the site? Label with T What does each group of links represent? O: Off-site pages How might you get to this page from the site home page? Write the set of selections as: Choice 1 > Choice 2 > .... Connect the visual elements on the page that tell you this.