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

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

Apr 15, 2017

Download

Education

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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