70
@martinspecken #wud15 What’s behind the door?

What's behind the door? World Usability Day meetup Budapest

Embed Size (px)

Citation preview

Page 1: What's behind the door? World Usability Day meetup Budapest

@martinspecken#wud15

What’sbehind

the door?

Page 2: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

1993

Page 3: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

Page 4: What's behind the door? World Usability Day meetup Budapest

• Population: 200.000• Students: 53.000

• Hanze University of appliedsciences: 25.000

• ‘World Cycling City’• 57% of journeys by bicycle

• Eurosonic Music Festival

@martinspecken #wud15

Page 5: What's behind the door? World Usability Day meetup Budapest

• Students here tonight:• Industrial Product Design• Human Technology

@martinspecken #wud15

Page 6: What's behind the door? World Usability Day meetup Budapest

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

perception quiz

Page 7: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

ready?

Page 8: What's behind the door? World Usability Day meetup Budapest
Page 9: What's behind the door? World Usability Day meetup Budapest

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Page 10: What's behind the door? World Usability Day meetup Budapest

female toilet

Cue:• Keyword

Possible problem:• Language

@martinspecken #wud15

Page 11: What's behind the door? World Usability Day meetup Budapest

ready?

Page 12: What's behind the door? World Usability Day meetup Budapest
Page 13: What's behind the door? World Usability Day meetup Budapest

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Page 14: What's behind the door? World Usability Day meetup Budapest

Cue:• Image

Possible problem:• Interpretation

of the image• Beautiful

architecture, but low qualitymetaphore

male toilet

@martinspecken #wud15

Page 15: What's behind the door? World Usability Day meetup Budapest

context

@martinspecken #wud15

Page 16: What's behind the door? World Usability Day meetup Budapest

ready?

Page 17: What's behind the door? World Usability Day meetup Budapest
Page 18: What's behind the door? World Usability Day meetup Budapest

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Page 19: What's behind the door? World Usability Day meetup Budapest

Cue:• Keyword as

metaphore

Possible problem:• Interpretation

of the keyword• Needs other

door for context

male toilet

@martinspecken #wud15

Page 20: What's behind the door? World Usability Day meetup Budapest

needed?

@martinspecken #wud15

Page 21: What's behind the door? World Usability Day meetup Budapest

ready?

Page 22: What's behind the door? World Usability Day meetup Budapest
Page 23: What's behind the door? World Usability Day meetup Budapest

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Page 24: What's behind the door? World Usability Day meetup Budapest

Cue:• Image

Possible problem:• Interpretation

of the image• Is this a toilet

at all?

male toilet

@martinspecken #wud15

Page 25: What's behind the door? World Usability Day meetup Budapest

mixed toilet

both answers are right@martinspecken #wud15

Page 26: What's behind the door? World Usability Day meetup Budapest

ready?

Page 27: What's behind the door? World Usability Day meetup Budapest
Page 28: What's behind the door? World Usability Day meetup Budapest

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Page 29: What's behind the door? World Usability Day meetup Budapest

Cue:• Image• Keyword ‘Toilet’

Possible problem:• Visibility (small

image and text)• Same keyword

for male andfemale toilet

male toilet

@martinspecken #wud15

Page 30: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

Page 31: What's behind the door? World Usability Day meetup Budapest

ready?

Page 32: What's behind the door? World Usability Day meetup Budapest
Page 33: What's behind the door? World Usability Day meetup Budapest

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Page 34: What's behind the door? World Usability Day meetup Budapest

Cue:• Keyword

‘HEEREN’ (= Gentlemen)

Possible problem:• Position

keyword• Visibility

(shadow)• (Old) language

male toilet

@martinspecken #wud15

Page 35: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

Page 36: What's behind the door? World Usability Day meetup Budapest

ready?

Page 37: What's behind the door? World Usability Day meetup Budapest
Page 38: What's behind the door? World Usability Day meetup Budapest

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Page 39: What's behind the door? World Usability Day meetup Budapest

female toilet

Cue:• Keyword

‘LADIES’• Image

Possible problem:• Language• Male and female

in the image

@martinspecken #wud15

Page 40: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

Page 41: What's behind the door? World Usability Day meetup Budapest

ready?

Page 42: What's behind the door? World Usability Day meetup Budapest
Page 43: What's behind the door? World Usability Day meetup Budapest

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Page 44: What's behind the door? World Usability Day meetup Budapest

Cue:• Keyword ‘Senor’

(= Man) in 2 languages

Possible problem:• Image or text?• Language

male toilet

@martinspecken #wud15

Page 45: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

Page 46: What's behind the door? World Usability Day meetup Budapest

ready?

Page 47: What's behind the door? World Usability Day meetup Budapest
Page 48: What's behind the door? World Usability Day meetup Budapest

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Page 49: What's behind the door? World Usability Day meetup Budapest

female toilet

Cue:• Keyword

(‘Sophie’)• ‘Female’ font

Possible problem:• Interpretation

of the keyword• Language• e is missing

@martinspecken #wud15

Page 50: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

Page 51: What's behind the door? World Usability Day meetup Budapest

FINAL TOILET SIGN• Shout ‘male’ or ‘female’ • First one right wins the prize• Independent judge will decide

Page 52: What's behind the door? World Usability Day meetup Budapest

ready?

Page 53: What's behind the door? World Usability Day meetup Budapest
Page 54: What's behind the door? World Usability Day meetup Budapest

female toilet

Cue:• Image

Possible problem:• Interpretation

of the image• Almost the same

as the male toilet sign >

@martinspecken #wud15

Page 55: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

Page 56: What's behind the door? World Usability Day meetup Budapest

FC Groningenstadium• Keyword (‘HEREN 4’)

– ‘Heren’ = men– Number (meeting point)

• Image– Male toilet user (fan of FC)– In toilet environment– While using the toilet

Page 57: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

3 meter heigh doors

Page 58: What's behind the door? World Usability Day meetup Budapest

Possibleimprovements• Keyword language in both

Dutch and English• Pictures on inside of the doors

Page 59: What's behind the door? World Usability Day meetup Budapest

• Animals followphysical scentto look for food

Information scent

@martinspecken #wud15

• Humans followonline scent1

to look for information

1: Information Scent as a Driver of Web Behavior Graphs:Results of a Protocol Analysis Method for Web Usability (S.K. Card et al., 2001)

Page 60: What's behind the door? World Usability Day meetup Budapest

Online scent trail based on related cues • Sight

• Key words• Images• Link descriptor• Contextual clues• Positioning in window• Grouping• Lines• Shapes• Colors• Etc.

@martinspecken #wud15

Page 61: What's behind the door? World Usability Day meetup Budapest

Methods our students will useduring internship at your company

@martinspecken #wud15

Page 62: What's behind the door? World Usability Day meetup Budapest

Paper prototyping

@martinspecken #wud15

Page 63: What's behind the door? World Usability Day meetup Budapest

Questioning usersWhat will happen when you click/touch that icon?

@martinspecken #wud15

Page 64: What's behind the door? World Usability Day meetup Budapest

@martinspecken #wud15

Page 65: What's behind the door? World Usability Day meetup Budapest

What is the bestkeyword?

@martinspecken #wud15

Page 66: What's behind the door? World Usability Day meetup Budapest

How do the usersgroup information?

@martinspecken #wud15

Page 67: What's behind the door? World Usability Day meetup Budapest

Requirementdocument

@martinspecken #wud15

Page 68: What's behind the door? World Usability Day meetup Budapest

Built prototype

@martinspecken #wud15

Test prototypewith users

Page 69: What's behind the door? World Usability Day meetup Budapest

So, make sure it is clear to everyonewhat’s behind thedoor.

• Thanks for your attention• http://www.slideshare.net/martinspecken

Page 70: What's behind the door? World Usability Day meetup Budapest

Martin SpeckenHanze University of Applied SciencesIndustrial Product Design & Human [email protected]@martinspecken #hanze