Академический Документы
Профессиональный Документы
Культура Документы
• What is HCI?
• History
• Key concept 1: Usability
• Contributing disciplines
• CS, AI, Graphical Design
• Psychology
• Organizational/Management sciences, Sociology.
• Importance of HCI
2
Quintessence of Lecture 1
User-Centered Design
3
human computer interaction 2016, fjv
Aim - Approach of Modern HCI
6
human computer interaction 2016, fjv
Human Factors
• Cognitive psychology
• The human processor
• Types of memory + characteristics
- sensory, short term and long term
• Closure, Attitude, Anxiety
• Focusing Attention
• Structure, Cognition, Meaningfulness
• Emotion
7
human computer interaction 2016, fjv
Information
• Perceived
- How, 2 lectures
• Processed
- How, 3 lectures
• Acted upon
- How, what consequences for HCI
8
human computer interaction 2016, fjv
Information to Human
• Cognitive Psychology
• Contribution to HCI
• Left brain / Right brain
• Model Human Processor
- Sensory registers
- Short term memory
- Long term memory
• Implications of the model
• Other psychological observations
10
human computer interaction 2016, fjv
User Psychology in HCI
11
human computer interaction 2016, fjv
Key Publication
12
human computer interaction 2016, fjv
Cognition
13
human computer interaction 2016, fjv
Cognitive Psychology
• Cognitive psychology =
study of how we gain knowledge of things
- Experimental approach
- cf. AI-study
In cognition we distinguish two modes:
• Experiential cognition: level of expertise required
= automated pilot (effective-little effort)
• Reflective cognition: thinking, comparing and
decision making = creative processes
14
human computer interaction 2016, fjv
Modes - Cognetics
15
human computer interaction 2016, fjv
Left - brain Right - brain
simplified
18
human computer interaction 2016, fjv
Differentiate Stimuli
• Sensing
- mechanical aspect
- stimulation of sensory receptor, nerves
• Perceiving
- personal relationship with information
- perceptions are unique to a person
- what are we sensing!
19
human computer interaction 2016, fjv
Models in HCI
20
human computer interaction 2016, fjv
Components Human Memory Model
Component Analogue
• Sensory Memory • Keyboard, Scanner,
- Short time, (0.1-0.5 s) or Voice recognition
system
• Short Term Memory • CPU
- Limited info, (1-2 s)
• Articular Loop
- Auditory information
• Visio-spatial sketchpad
- Visual information
23
human computer interaction 2016, fjv
Working / Short Term Memory (STM)
• Working Memory (WM) = aka Working storage;
Temporary storage buffer
- 20-30 seconds or more with rehearsal.
• Symbolically coded information
• Limited capacity
- 7 plus or minus 2 chunks (Miller, 1956)
- Modern vision: 3 to 4 items
• Number of chunks independent of bits/chunk
• Used for storage and decision-making
• Recency effect
24
human computer interaction 2016, fjv
Long Term Memory (LTM)
• Semantic memory: semantically based - structured
• Episodic memory: sequential events - personal
• Semantic + Episodic aka Declarative memory
• Virtually unlimited in size
- ease of access related to:
• frequency of access / refresh
• time since last access
• number and type of associative links
• interference from other information activated by
same associations
• context (location, state of mind,…)
- visual cues vs. abstract data
25
human computer interaction 2016, fjv
WM (STM) to LTM Link
• Rehearsal:
- Repeatedly refreshing WM
- Necessary to prevent decay (forgetting)
• Displacement
- Shift out of WM registers
• Indirect
- no conscious path; fast retrieval
• Asymmetric
- fast read, slow write
26
human computer interaction 2016, fjv
Semantic LTM
• Semantic LTM derived from Episodic LTM
• Semantic memory structure
- provides access to information
- represents relationships between bits of information
- supports inference
27
human computer interaction 2016, fjv
LTM - semantic network
28
human computer interaction 2016, fjv
The Model Human Processor
29
human computer interaction 2016, fjv
The Model Human Processor
30
human computer interaction 2016, fjv
Model & relation to Biology
31
human computer interaction 2016, fjv
Information Processing Cycle Times
Average in ms Range in ms
32
33
human computer interaction 2016, fjv
Relation of Processor with UI
• T = np Tp + nc Tc + nm Tm
34
human computer interaction 2016, fjv
The Model Human Processor
35
human computer interaction 2016, fjv
Human Information Processing
External Environment
Sensory Registers
Perception
Consciousness
Long Term
Working Memory
Memory
Cognitive Functions
Motor Response
36
human computer interaction 2016, fjv
Implications from the Model
37
human computer interaction 2016, fjv
Memory’s magic number
Goals
Mental
Execution activity Perception
Physical
activity
Goal directed design
40
human computer interaction 2016, fjv
Psychological Factors
• Attention
• Closure
• User Attitude
• User Anxiety
• Control
• Observations
• Emotional state
41
human computer interaction 2016, fjv
Closure
• Workplace politics
• Level of training
• Experiment with the system (idiot proof)
43
human computer interaction 2016, fjv
Control
• Inexperienced users
• willing to be led slowly by the computer
• Experienced users
• wish to take the initiative
• operate the system rapidly
46
human computer interaction 2016, fjv
Focusing Attention
• Significance HCI:
- Deal with distraction/concentration of users
- Interface design should take multi-tasking into
account
47
human computer interaction 2016, fjv
Variations of Attention
• Orienting
• Expecting
• Searching
• Filtering
48
human computer interaction 2016, fjv
It was cold and dark outside. The rain was making Sarah’s clothes
sticky and heavy, as she dragged herself along the path home.
Suddenly, she stopped. A bright white light, cutting like a razor
through the black sky, lit the corners of her eyes, and Sarah turned
towards it. Awaiting the roaring of the clouds that would follow, she
stared into the darkness. There it was. The faint rumbling in the
distance reassured her that she was far enough for the thunderstorm to
be safe, and she continued her walk. She scanned the horizon, where
several lights could be discerned, shining through the windows of
warm and dry houses, one of which was Sarah’s home. Then she
recognized her home, the third on the left, and soon enough she
knocked the door. Her mother opened. “Where were you? We were all
so worried!”, her mother cries, as Sarah enters the room where her
whole family was gathered. They all started talking to her, asking
where she had been and what has happened, but the only thing that
Sarah listened to were the comforting words of her mother, reassuring
her that she was safely home now.
human computer interaction 2016, fjv
49
It was cold and dark outside. The rain was making Sarah’s clothes
sticky and heavy, as she dragged herself along the path home.
Suddenly, she sOrienting bright white light, cutting like a razor
through the black sky, lit the corners of her eyes, and Sarah turned
towards it. Awaiting ther roaring of the clouds that would follow, she
stared into the darkness. There it was. The faint rumbling in the
Expecting
distance reassured her that she was far enough for the thunderstorm to
be safe, and she continued her walk. She scanned the horizon, where
several lights could be discerned, shining through the windows of
warm and dry hSearchinge of which was Sarah’s home. Then she
recognized her home, the third on the left, and soon enough she
knocked the door. Her mother opened. “Where were you? We were all
so worried!”, her mother cries, as Sarah enters the room where her
whole family was gathered. They all started talking to her, asking
where she had been and what has happened, but the only thing that
Sarah listened to Filtering comforting words of her mother, reassuring
her that she was safely home now.
human computer interaction 2016, fjv 50
“Cocktail Party Phenomenon”
51
human computer interaction 2016, fjv
Locus of Attention
52
human computer interaction 2016, fjv
Focusing Attention in (G)UI
53
human computer interaction 2016, fjv
Structuring Information (1)
54
human computer interaction 2016, fjv
Structuring Information (2)
55
human computer interaction 2016, fjv
Visual Flow (1)
• inefficient !
56
human computer interaction 2016, fjv
Visual Flow (2)
• 2 Foci
1
2
57
human computer interaction 2016, fjv
Cognitive processing
• More meaningful =
deeper level of processing,
likely to be remembered.
• Make it Meaningful =
- Chunking
60
human computer interaction 2016, fjv
Meaningfulness Factors
62
human computer interaction 2016, fjv
Emotion and Models
• Donald Norman:
“Negative affect can make it harder to do even easy
tasks; positive affect can make it easier to do
difficult tasks”
64
human computer interaction 2016, fjv
Emotion and User Interface
65
human computer interaction 2016, fjv
Producing Emotion
66
human computer interaction 2016, fjv
Producing Emotions
67
human computer interaction 2016, fjv
What did we see …
68
human computer interaction 2016, fjv
Extended Information Processing
attention
extended
memory
69
human computer interaction 2016, fjv
Example Interaction
70
human computer interaction 2016, fjv
What did we see …
• Attention request
- Orienting, Expecting, Searching and Filtering
• Poor feedback, no mapping
• User reasoning
• User uncertainty
71
human computer interaction 2016, fjv
Review #2a
72
human computer interaction 2016, fjv
Review #2b
73
human computer interaction 2016, fjv