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

Post on 15-Apr-2017

371 Views

Category:

Education

0 Downloads

Preview:

Click to see full reader

Transcript

@martinspecken#wud15

What’sbehind

the door?

@martinspecken #wud15

1993

@martinspecken #wud15

• 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

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

@martinspecken #wud15

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

perception quiz

@martinspecken #wud15

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

ready?

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

female toilet

Cue:• Keyword

Possible problem:• Language

@martinspecken #wud15

ready?

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Cue:• Image

Possible problem:• Interpretation

of the image• Beautiful

architecture, but low qualitymetaphore

male toilet

@martinspecken #wud15

context

@martinspecken #wud15

ready?

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Cue:• Keyword as

metaphore

Possible problem:• Interpretation

of the keyword• Needs other

door for context

male toilet

@martinspecken #wud15

needed?

@martinspecken #wud15

ready?

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Cue:• Image

Possible problem:• Interpretation

of the image• Is this a toilet

at all?

male toilet

@martinspecken #wud15

mixed toilet

both answers are right@martinspecken #wud15

ready?

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Cue:• Image• Keyword ‘Toilet’

Possible problem:• Visibility (small

image and text)• Same keyword

for male andfemale toilet

male toilet

@martinspecken #wud15

@martinspecken #wud15

ready?

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Cue:• Keyword

‘HEEREN’ (= Gentlemen)

Possible problem:• Position

keyword• Visibility

(shadow)• (Old) language

male toilet

@martinspecken #wud15

@martinspecken #wud15

ready?

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

female toilet

Cue:• Keyword

‘LADIES’• Image

Possible problem:• Language• Male and female

in the image

@martinspecken #wud15

@martinspecken #wud15

ready?

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

Cue:• Keyword ‘Senor’

(= Man) in 2 languages

Possible problem:• Image or text?• Language

male toilet

@martinspecken #wud15

@martinspecken #wud15

ready?

Raise yourleft arm forfemale toilet

Raise yourright arm for

male toilet

@martinspecken #wud15

female toilet

Cue:• Keyword

(‘Sophie’)• ‘Female’ font

Possible problem:• Interpretation

of the keyword• Language• e is missing

@martinspecken #wud15

@martinspecken #wud15

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

ready?

female toilet

Cue:• Image

Possible problem:• Interpretation

of the image• Almost the same

as the male toilet sign >

@martinspecken #wud15

@martinspecken #wud15

FC Groningenstadium• Keyword (‘HEREN 4’)

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

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

@martinspecken #wud15

3 meter heigh doors

Possibleimprovements• Keyword language in both

Dutch and English• Pictures on inside of the doors

• 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)

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

Methods our students will useduring internship at your company

@martinspecken #wud15

Paper prototyping

@martinspecken #wud15

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

@martinspecken #wud15

@martinspecken #wud15

What is the bestkeyword?

@martinspecken #wud15

How do the usersgroup information?

@martinspecken #wud15

Requirementdocument

@martinspecken #wud15

Built prototype

@martinspecken #wud15

Test prototypewith users

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

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

Martin SpeckenHanze University of Applied SciencesIndustrial Product Design & Human Technologym.j.specken@pl.hanze.nl@martinspecken #hanze

top related