40
Number Entry Interfaces Sarah Wiseman UCL Interaction Centre

Designing usable number entry interfaces

Embed Size (px)

DESCRIPTION

NUX Leeds - 28 August 2014 Designing usable number entry interfaces By Sarah Wiseman (@oopsohno) For years research has been conducted in the field of text entry, and has led to some innovative designs for alphabetic text entry interfaces, but little attention has been paid to the way we enter numbers. Number entry is a highly pervasive task, whether it be entering our PIN at an ATM, or dialing a phone number to entering in financial data or medical information. Sarah Wiseman investigates number entry interfaces, and looks at the important aspects to consider when designing them. http://nuxuk.org/2014/06/26/nux-leeds-28-aug-usable-number-entry

Citation preview

Page 1: Designing usable number entry interfaces

Number Entry InterfacesSarah Wiseman !UCL Interaction Centre

Page 2: Designing usable number entry interfaces

Why Number Entry?

• Errors are important!

• Happens every day!

• So many interface options!

• Numbers are wicked cool

Page 3: Designing usable number entry interfaces

Mars Climate Orbiter

Page 4: Designing usable number entry interfaces

Mars Climate Orbiter

• Determine distribution of water on Mars!

• Monitor daily weather conditions!

• Determine temperature of atmosphere!

• Look for evidence of climate change

Page 5: Designing usable number entry interfaces

Mars Climate Orbiter

• Determine distribution of water on Mars!

• Monitor daily weather conditions!

• Determine temperature of atmosphere - REALLY HOT!

• Look for evidence of climate change

Page 6: Designing usable number entry interfaces

Mars Climate Orbiter

Lesson: !

Remember that numbers sometimes mean something - not just random strings

Page 7: Designing usable number entry interfaces

Number Entry in the !Medical Domain

Page 8: Designing usable number entry interfaces

Errors with Infusion Pumps

Page 9: Designing usable number entry interfaces

Errors in Design

12 !

Page 10: Designing usable number entry interfaces

Errors with Numbers compared to Text

Page 11: Designing usable number entry interfaces

Number Entry in the !Medical Domain

Lesson: !

Remember that errors in number entry can have serious consequences.

Page 12: Designing usable number entry interfaces

Humans checking for number errors

Horse Cow

Shepe Donkey

Page 13: Designing usable number entry interfaces

Humans checking for number errors

Horse Cow

Shepe Donkey

1111 1804 2911 3417

Page 14: Designing usable number entry interfaces

Humans checking for number errors

Lesson: !

Number errors are really, really hard to spot

Page 15: Designing usable number entry interfaces

The design of the keypad

Page 16: Designing usable number entry interfaces

The Pushbutton phone

Page 17: Designing usable number entry interfaces

The Pushbutton phone cord

Page 18: Designing usable number entry interfaces

Making Number Entry Better

Page 19: Designing usable number entry interfaces

UCD in Number entry

• “I checked the user is able to press the button ok”

Page 20: Designing usable number entry interfaces

UCD in Number entry

• “I checked the user is able to press the button ok”!

• What numbers does the user actually want to enter?

Page 21: Designing usable number entry interfaces

Benford’s Law

Page 22: Designing usable number entry interfaces

Blood Pressure Terminal Digit

Perc

enta

ge o

f occ

urre

nce

0

20

40

60

80

Terminating digit

0 5 Even Number Odd number (not 5)

Page 23: Designing usable number entry interfaces

Digits in the hospital

0 1 2 3 4 5 6 7 8 9 .

Digit

Frequency

0500

1000

1500

2000

2500

Page 24: Designing usable number entry interfaces

Numbers in the hospitalVolume Frequency (%)

100 29.87

1000 9.97

50 9.07

500 6.36

20 3.81

Page 25: Designing usable number entry interfaces

Adapting interfaces

Page 26: Designing usable number entry interfaces

Optician’s Interface Design

Page 27: Designing usable number entry interfaces

Applying this to design

Faster Slower

Page 28: Designing usable number entry interfaces

Possible future design

Page 29: Designing usable number entry interfaces

Tailoring interfaces for numbers

Lesson: !

Match the interface to the task it is being used for, make the common numbers easy

Page 30: Designing usable number entry interfaces

Learning from text entry

Page 31: Designing usable number entry interfaces

Words and non-wordsLast night the Great British Bake Off was shocking

British was night Great shocking Last Off the Bake

Proum flim shoyar larof quask tullep exuge serah

Rteu fgdwww weqk sreemg wkgj gfmss mnoaish

little bit faster than

faster than

faster than

Page 32: Designing usable number entry interfaces

Effect of words versus !non words

Faster

Larger look-ahead

Larger copy span

I think the editors need to answer for their actions

Page 33: Designing usable number entry interfaces

Testing text entry interfaces

Page 34: Designing usable number entry interfaces

Testing number entry interfaces

“We generated a set of random numbers and asked users to enter them using the interface”

Page 35: Designing usable number entry interfaces

Similarity to numbers?

Pony ≠ Prfw !

1066 ≠ 9379

Page 36: Designing usable number entry interfaces

Results of Familiarity In

terk

eypr

ess

inte

rval

ms

200

250

300

350

400

Familiar Non Familiar

Words Numbers

Page 37: Designing usable number entry interfaces

Test with Realistic Numbers

Lesson: !

You wouldn’t test text entry with random strings, don’t test number entry with them

Page 38: Designing usable number entry interfaces

Number Entry - !Points to think about

• Number mean something, they aren’t just shapes!

• Number errors are big problem, and they are hard to spot!

• Think about how your interface could be tailored, keypad isn’t the only way!

• Don’t treat random numbers as though they are representative - familiarity matters

Page 39: Designing usable number entry interfaces

Thanks, go and do really good number entry stuff!

@oopsohno

www.swiseman.co.uk

Page 40: Designing usable number entry interfaces

• Deininger, R. L. (1960). Human factors engineering studies of the design and use of pushbutton telephone sets. Bell System Technical Journal, 39, 995–1012. !

• Retrieved fromhttp://www.vcalc.net/touchtone_hf.pdf