Jeff Johnson at BayCHI: Designing with the Mind in Mind
description
Transcript of Jeff Johnson at BayCHI: Designing with the Mind in Mind
![Page 1: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/1.jpg)
1
Designing With the Mind in Mind:
The Psychological Basis for UI Design Rules!
Jeff Johnson UI Wizards, Inc."
![Page 2: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/2.jpg)
2
UI Design Guidelines (Shneiderman, 1987, 1998, …, 2010)!
Strive for consistency Cater to universal usability Offer informative feedback Design task-flows to yield closure Prevent errors Permit easy reversal of actions Make users feel they are in control Minimize short-term memory load
![Page 3: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/3.jpg)
3
UI Design Guidelines (Nielsen & Molich, 1993)! Visibility of system status Match between system & real world User control & freedom Consistency & standards Error prevention Recognition rather than recall Flexibility & efficiency of use Aesthetic & minimalist design Help users recognize, diagnose, & recover from errors Provide online documentation & help
![Page 4: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/4.jpg)
4
UI Design Guidelines (Stone et al, 2005)! Visibility: First step to goal should be clear Affordance: Control suggests how to use it Feedback: Should be clear what happened or is
happening Simplicity: as simple as possible & task-focused Structure: content organized sensibly Consistency: similarity for predictability Tolerance: prevent errors, help recovery Accessibility: usable by all intended users, despite
handicap, access device, or environmental conditions
![Page 5: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/5.jpg)
5
Applying Usability Guidelines!
UI Guidelines are based on how people perceive, think, learn, act
UI designers want reasons for rules UI guidelines are not rote recipes Applying them effectively requires
understanding their scientific basis Determining rule applicability & precedence Balancing trade-offs between competing rules
![Page 6: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/6.jpg)
6
Facts about HumanPerception & Cognition!
We perceive what we expect Our vision is optimized to see structure We seek and use visual structure Reading is unnatural Our color vision is limited Our peripheral vision is poor
![Page 7: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/7.jpg)
7
Facts about HumanPerception & Cognition (cont.)! Our attention is limited; Our memory is imperfect Limits on attention shape our thought & action Recognition is easy; recall is hard Learning from experience & performing learned
actions are easy; problem-solving & calculation are hard
Many factors affect learning We have real-time requirements
![Page 8: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/8.jpg)
8
Our perception is biased by: Our experience The context Our goals
We Perceive What We Expect!
![Page 9: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/9.jpg)
9
We Perceive What We Expect!
![Page 10: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/10.jpg)
10
We Perceive What We Expect!
Page 1!
Back Next
Page 2!
Back Next
Page 3!
Back Next
Page 4!
Next Back
![Page 11: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/11.jpg)
11
We Perceive What We Expect!
T E C T
![Page 12: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/12.jpg)
12
We Perceive What We Expect!
Our perception & attention focuses almost totally on our goals
Tend not to notice things unrelated to goal
![Page 13: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/13.jpg)
13
We Perceive What We Expect!
![Page 14: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/14.jpg)
14
Our Vision is Optimizedto See Structure!
Gestalt Principles of Visual Perception Proximity Similarity Continuity Closure Symmetry Figure/ground Common fate
![Page 15: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/15.jpg)
15
Gestalt Principle: Closure!
We tend to see whole, closed objects, not collections of fragments
Overlapping circles & triangles, not odd fragments
![Page 16: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/16.jpg)
16
Gestalt Principle: Closure!
We tend to see whole, closed objects, not collections of fragments
Stacked letters, not odd bits of images
![Page 17: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/17.jpg)
17
We tend to see simple figures rather than complex ones
E.g., two overlapping diamonds; not other, more complex combinations
Gestalt Principle: Symmetry!
![Page 18: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/18.jpg)
18
Gestalt Principle: Symmetry!
Thagard: Coherence in Thought & Action
![Page 19: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/19.jpg)
19
We Seek & Use Structure!
Structured info is easier to perceive Unstructured: You are booked on United flight 237, which
departs from Auckland at 14:30 and arrives at San Francisco at 11:40 Tuesday 15 Oct
Structured: Flight: United 237, Auckland San Francisco
Depart: 14:30 Tue 15 Oct Arrive: 11:40 Tue 15 Oct
![Page 20: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/20.jpg)
20
We Seek & Use Structure!
Visual hierarchy gets people to goal faster
![Page 21: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/21.jpg)
Reading is Unnatural!
We’re pre-wired for language Brain learns language easily in childhood Nearly everyone learns a language
We are not pre-wired for reading Brain has no special facility for reading Learning reading is like learning other skills:
Writing, arithmetic, reading music, kung fu Same brain areas mediate Many people never learn to read well, or at all
21
![Page 22: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/22.jpg)
Reading is Unnatural!
Poor text presentation can disrupt reading Unfamiliar words:
Bailiwick, penultimate, heretofore, defragment Difficult typefaces
TEXT IN ALL CAPS, ESPECIALLY IN A FANCY FONT� Patterned background or poor contrast
22
![Page 23: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/23.jpg)
Reading is Unnatural!
Poor text presentation can disrupt reading Centered text
Four score and seven years ago our forefathers brought forth on
this continent a new nation, conceived in liberty and dedicated
to the proposition that all
men are created equal.
23
![Page 24: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/24.jpg)
24
Our Color Vision is Limited! Our color vision is based on differences
![Page 25: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/25.jpg)
25
Our Color Vision is Limited! Our vision is optimized to see contrasts --
edges & changes, not absolute levels
A: B:
![Page 26: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/26.jpg)
![Page 27: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/27.jpg)
27
Our Color Vision is Limited! We have trouble discriminating: pale colors small color patches separated patches
![Page 28: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/28.jpg)
28
Our Color Vision is Limited!
Federal Reserve Bank (Minn)
ITN.net
![Page 29: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/29.jpg)
29
Our Color Vision is Limited!
Some people have color-blindness ~ 8% of males ~ 0.5% of females
E.g., colors that would be hard for red-green colorblind people to distinguish
![Page 30: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/30.jpg)
30
Our Color Vision is Limited, so!
Don’t rely solely on color Use redundantly with other cues
E.g., Let’s improve ITN.net
How they improved it:
![Page 31: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/31.jpg)
31
Our Peripheral Vision is Poor!
Client internal Web-app
![Page 32: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/32.jpg)
32
Our Peripheral Vision is Poor!
![Page 33: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/33.jpg)
33
Our Peripheral Vision is Poor!
![Page 34: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/34.jpg)
34
Airborne.com
Our Peripheral Vision is Poor!
![Page 35: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/35.jpg)
35
Our Peripheral Vision is Poor, so! Common methods of getting seen Put where users are looking Put near the error Use red for errors Use error symbol
![Page 36: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/36.jpg)
36
Our Peripheral Vision is Poor, so! AOL.com
![Page 37: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/37.jpg)
37
Our Peripheral Vision is Poor, so! Common methods of getting seen Put where users are looking Put near the error Use red for errors Use error symbol
Heavy artillery: use sparingly Popup in error dialog box Audio: beep Flash or wiggle briefly (not continuously)
![Page 38: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/38.jpg)
38
Our Peripheral Vision is Poor, so!
Client internal web-app, improved
![Page 39: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/39.jpg)
39
Our Attention is Limited;Our Memory is Imperfect!
Short-term memory (STM) Long-term memory (LTM)
![Page 40: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/40.jpg)
40
Our Attention is Limited;Our Memory is Imperfect!
Short-term memory (STM) Represents conscious mind Attention: what we’re attending to NOW Not a separate store; Focii of attention in LTM
Capacity: 3-5 unrelated items “Magical number 7” was over-estimate Goals, numbers, words, objects (actually features)
New items can “grab” attention from old Easy to forget goals or info
![Page 41: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/41.jpg)
41
Our Attention is Limited;Our Memory is Imperfect!
Short-term memory (STM) test: Memorize: 3 8 4 7 5 3 9 Say your phone number backwards Memorize: 3 1 4 1 5 9 2 Memorize: 1 3 5 7 9 11 13 Memorize: town river corn string car shovel Memorize: what is the meaning of life
![Page 42: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/42.jpg)
42
Our Attention is Limited;Our Memory is Imperfect!
Slate.com
Blooper: Search terms not shown (short-term memory)
![Page 43: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/43.jpg)
43
Our Memory is Imperfect!
Long-term memory (LTM) Memories = broad patterns of neural activity
Experiences trigger patterns corresponding to features Similar experience triggers same pattern recognition Internal neural activity triggers pattern recall
Stores a lifetime of experience, but… error-prone, impressionist, free-associative, easily biased Memories change when features are dropped or added
See whale-shark, remember whale
Seldom-followed routines hard to recall Reason for written food recipes, pilot checklists, etc.
![Page 44: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/44.jpg)
44
Our Memory is Imperfect!
Long-term memory (LTM) test: Was there a roll of tape in the toolbox? What was your previous phone number? Pollack painting
or dalmatian?
![Page 45: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/45.jpg)
45
Our Memory is Imperfect, so…!
Don’t burden long-term memory
![Page 46: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/46.jpg)
46
Limits on Attention Shape Our Thought & Action!
We barely pay attention to computer tools Focus attention on own goals, data
Think about computer, UI very superficially Krug: Don’t Make Me Think (about your software)
Focused on achieving goal Prefer familiar paths over exploration User: “I’m in a hurry, so I’ll do it the long way.”
Very literal in following “scent” toward goal
![Page 47: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/47.jpg)
47
Limits on Attention Shape Our Thought & Action!
![Page 48: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/48.jpg)
Limits on Attention Shape Our Thought & Action!
Keeping track of features in STM is work We track only features crucial to task We are often “blind” to changes
48
![Page 49: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/49.jpg)
49
Limits on Attention Shape Our Thought & Action!
Keeping track of things in STM is work When we reach goal, we often let everything
related to it fall out of STM We often forget “loose ends” of tasks: Removing last page of document from copier Turning car headlights OFF Switching device or software back to normal mode
Therefore: Systems should remind users of loose ends Modes should revert to “normal” automatically
![Page 50: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/50.jpg)
50
Recognition is Easy;Recall is Hard!
We evolved to recognize things quickly We assess situations very fast We recognize faces blindingly fast
![Page 51: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/51.jpg)
51
Recognition is Easy;Recall is Hard!
We did not evolve to recall arbitrary facts Tricks for memorizing use recognition to stimulate
recall, e.g., Greek “method of loci” Developed writing to avoid memorizing We rely on external memory aids: calendars, PDAs
Implication for UI design: See & choose easier to learn than remember & type
Remove >
![Page 52: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/52.jpg)
52
Easy: Learning from Experience & Performing Learned Actions!
Generalizing from experience is easy Main fault is overgeneralization
Performing well-learned actions is easy Automatic routines don’t require STM or
conscious awareness It’s “compiled mode, parallel” processing Can multi-task (many processors)
Brains have done both for hundreds of millions of years
![Page 53: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/53.jpg)
53
Test: PerformingLearned vs. Novel Actions!
Recite alphabet, A – M Recite alphabet backwards, M – A
Write your name with dominant hand Write your name with non-dominant hand
Countdown from 10 to 1 Countdown from 21 to 1 by 3s
![Page 54: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/54.jpg)
54
Hard: Problem Solving & Calculation!
Problem solving is evolutionarily new Only a few mammals & birds can do it. We’re the best. Cerebral cortex is where conscious reasoning happens Lets us write programs for ourselves & run them in
monitored, emulated mode, rather than compiled mode But monitored thought runs slowly, uses up STM,
can’t be multi-tasked (only one processor)
Calculation is extremely new Originated only ~5K years ago Expensive: mainly done in controlled, monitored mode
![Page 55: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/55.jpg)
55
Hard: Problem Solving & Calculation!
Only small problems don’t tax memory & attention 9 x 10 = ?
Most exceed STM or require retrieval from LTM 93.3 x 102.1 = ?
Diagnosing computer problems Requires systematic testing of possibilities
We invented writing, numbers, arithmetic, calculators & computers to overcome our brain’s limitations
![Page 56: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/56.jpg)
56
Easy: Generalizing & Learned Actions Hard: Problem Solving & Calculation!Implications for UI design: Don’t make people deduce things “It wants my ‘member ID’. Is that the same as my
‘username’? It must be.” Explain explicitly & exactly what to do,
or explicitly & exactly what happened Don’t make people reason by elimination Debug complex computer malfunctions,
e.g., faulty Internet connection Optimize combinations of many settings
Don’t make people calculate what software can calculate
![Page 57: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/57.jpg)
57
Many Factors Affect Learning!
We Learn Faster When Vocabulary is familiar & task-focused Vocabulary is consistent Risk is low
![Page 58: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/58.jpg)
58
Familiar Terms Speed Learning!
Geek-speak hurts learning
![Page 59: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/59.jpg)
59
Familiar Terms Speed Learning!
Geek-speak hurts learning
![Page 60: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/60.jpg)
60
Familiar Terms Speed Learning!
Geek-speak hurts learning
![Page 61: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/61.jpg)
61
Familiar Terms Speed Learning!
![Page 62: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/62.jpg)
62
Human Real-Time Characteristics! Shortest audible silent gap in sound: 0.001 sec Briefest visual stimulus that affects us: 0.005 sec Shortest noticeable lag in ePen ink: 0.01 sec Threshold for auditory fusion of clicks: 0.02 sec Threshold for visual fusion of images: 0.05 sec Speed of (involuntary) flinch reflex: 0.08 sec Lag in full awareness of visual event: 0.1 sec Limit on perception of cause/effect: 0.14 sec
![Page 63: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/63.jpg)
63
Human Real-Time Characteristics! Time for skilled reader to comprehend a word: 0.15 sec Time to subitize 1-5 items: 0.2 sec
## # # Time to identify (name) visual object: 0.25 sec Time to count items in visual field: 0.5 sec/item
## #
Minimum visual-motor reaction time: 0.7 sec Average conversational gap: 1 sec Length of unbroken attention to task: 6-30 sec
![Page 64: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/64.jpg)
64
Human Real-Time Characteristics!
Applicability to UI Design Controls must react within 0.14 sec to
clicks, or perception of cause/effect is broken
Click Me!
![Page 65: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/65.jpg)
65
Conclusion: Applying Design Rules in UI Designs is Not Simple & Mindless!
UI design is a skill; not something anyone can do by following guidelines
Knowing cognitive basis helps us prioritize Recognize which rules to follow in each
design situation
![Page 66: Jeff Johnson at BayCHI: Designing with the Mind in Mind](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c7e9f64a795999488b4782/html5/thumbnails/66.jpg)
66
Thank you!!
Designing With the Mind in Mind available at most booksellers or directly from Elsevier (see flyer)
Questions?