www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 1
ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB
PAGES AND APPS
Roberto DADDA and Paolo NEGRI
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 2
A clarification
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 3
User’s model
Let’s know our users and how they work
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 4
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 5
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 6
Very complex connections!
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 7
Phineas Gage (1823-1860)
“his wife and
other people
close to him
soon began to
notice dramatic
changes in his
personality.”
Freeman Lobotomy
Chloropromazine (Torazine) 1952
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 8
The man who mistook his wife for a hat
Oliver Wolf Sacks 1933 –2015)
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 9
Memories
• • Sensorial memory
• • Short term memory (STM)
• • Long term memory (LTM)
AKA Working Memory
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 10
The model
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 11
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 12
Persistence
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 13
SENSORIAL MEMORY
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 14
Sensorial memory
• Buffer associated to senses
• RAW information, no elaboration
• It does not require attention
• Limited information persistence:
• – View: <1 sec
• – Hear: 2-4 sec
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 15
1
5
STM: short term memory
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 16
1
Short term memory
• 7±2 “elements” capacity:
Miller’s magic number (1)
• Short persistency: 20-30 sec
• Repeating and giving
attention makes it last longer
• Used also as a temporary
buffer for cognitive processes
• New inputs recovers others
(1)
https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 17
7±2
George Armitage Miller 1920-2012
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 18
1
Kim’s game
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 19
1
Brown e Peterson experiment (1954)
https://en.wikipedia.org/wiki/Brown%E2%80%93Peterson_task
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 20
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 21
roberto dadda
7 letters
AKGULSV
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 22
2
And now...
Count back 3 by 3 from 15 to 1
Which where the letters??
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 23
2
3
15 letters
KRGXORTDQBNMRJK
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 24
2
4
15, but meaningful
williammcmillan
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 25
2
5
6 words
cat, dog, wife, milk, house, car
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 26
2
6
9 words
cat, dog, wife, milk, house, car,
mouse, water, honey
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 27
2
7
9 words, but meaningful
The quick brown fox jumps over the lazy dog
abcdefghijlmnopqrstuvz
Ma la volpe col suo balzo ha raggiunto il quieto Fido
Portez ce vieux whisky au juge blond qui fume
https://en.wikipedia.org/wiki/The_quick_brown_fox_jumps_over_the_lazy_dog
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 28
STM
• Designed to close tasks as soon as possible,
delete information to make memory available for
other tasks
• Anxiety reduces STM availability
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 29
STM: implication in UX design
• Avoid surcharging STM asking to memorize large
quantities of unfamiliar terms
• Do it special when you ask to perform potentially stressful
actions like problem solving and decision making
• Avoid when possible stressful situations
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 30
Fail!
Microsoft Word 97
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 31
3
1
Let the system do all the task that can perform
Good UX design moves activities from user’s brain to computer whenever
possible!
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 32
LTM: Long Term Memory
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 33
LTM
Virtually limitless capacity
Based on meaningful associations
Access made easy by:
Access frequency
Short time from last access
number of associations
Lack of interference by similar associations
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 34
3
4
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 35
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 36
Hermann Ebbinghaus Bremen 1850 – Breslavia 1909
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 37
3
7
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 38
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 39
Notable examples of memory super-users
Anatolij Evgen'evič Karpov - Zlatoust 1951
Giovanni Pico dei conti della Mirandola e della Concordia, noto aka Pico della Mirandola 1463 - 1494]
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 40
Stephen Wiltshire https://www.nationalgeographic.com/science/article/autism-artist-stephen-wiltshire-cities-genius
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 41
4
1
https://en.wikipedia.org/wiki/Atkinson–Shiffrin_memory_model
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 42
Stage theory model
4
2
Sensorial
memory
Long term memory
Short term
memory
Stimulus
forgotten
Retrieval
Elaboration
&
storage
Voluntary action
repeat
repeat
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 43
4
3
Link
to
an
article
Reactions
timing
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 44
Brain computing power!
http://calvino.polito.it/~bacciotti/biciumir.pdf
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 45
roberto dadda
4
5
Feedback is important!
Giving a feedback brain has more
infos and makes less errors
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 46
Feed-back and motion learning
4
6
Errors
Trials
Quantitative feed-back
Qualitative feed-back
NO feed-back
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 47
roberto dadda
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 48
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 49
Fitts law
The time needed to move your hand to a target of dimension S at a
distance D is proportional to the relative precision D/S (Index of difficulty)
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 50
Link to an article describing Fitts work
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 51
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 52
In pages design
Fitts’ law states that the amount of time required
for a person to move a pointer (e.g., mouse cursor)
to a target area is a function of the distance to the
target divided by the size of the target.
https://www.interaction-design.org/literature/topics/fitts-law
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 53
5
3
Changes, but not much, with tool
Douglas Engelbart SRI !964
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 54
Good usability
comes from a
mixup of
different factors
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 55
5
5 Memory and Fitts law tells
us that best menus are…
• Pie
• Popup
• Pull down
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 56
5
6
Pie
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 57
5
7
Popup
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 58
5
8 Pull down
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 59
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 60
Usability
Roberto DADDA
roberto@dadda.it
www.dadda.it
Skype, Facebook e Twitter robertodadda

03 users models