HCI_04 Lecture Slides
HCI_04 Lecture Slides
1
Why do we need to understand human
(users)?
• Interacting with technology is cognitive
• Need to take into account cognitive processes
involved and cognitive limitations of users
• Provides knowledge about what users can and
cannot be expected to do
• Identifies and explains the nature and causes of
problems users encounter
2
• Supply theories, modelling tools, guidance and
methods that can lead to the design of better
interactive products
Cognitive processes
• Attention
• Perception and recognition
• Memory
• Learning
3
• Reading, speaking and listening
• Problem-solving, planning, reasoning and
decision-making
Attention
• Selecting things to concentrate on at a point in time from the
mass of motivation around us
• Allows us to focus on information that is relevant to what we
are doing
• Involves audio and/or visual senses
• Focussed and divided attention enables us to be selective in
terms of the mass of competing stimuli but limits our ability to
4
keep track of all events
• Information at the interface should be structured to capture
users’ attention, e.g. use perceptual boundaries (windows),
colour, sound and flashing lights
Activity: Find the price of a double room at the Holiday Inn in
Bradley
Activity: Find the price for a double room at the Quality Inn in
Columbia
information easily
Multitasking and attention
• Is it possible to perform multiple tasks without one
or more of them being detrimentally affected?
7
Design implications for attention
• Make information salient (prominent) when it needs
attending to
• Use techniques that make things stand out like color,
ordering, spacing, underlining, sequencing and
animation
• Avoid cluttering the interface with too much
8
information
• Avoid using too much because the software allows it
An example of over-use of graphics
Our Situation
9
Perception
• How information is acquired from the world
and transformed into experiences?
10
e.g.
– Text should be legible (Readable)
– Icons should be easy to distinguish and read
Example (bad)
11
Which is easiest to read and why?
12
What is the time?
What is the time?
13
between the set of spoken words
– Text should be legible (clear) and distinguishable
from the background
– Concrete feedback should allow users to recognize
and distinguish different meanings
Memory
• We don’t remember everything - involves filtering
and processing what is attended to
• Context is important in affecting our memory (i.e.
where, when)
• We recognize things much better than being able to
recall things
14
Context is important
• Context affects the extent to which
information can be subsequently retrieved
• Sometimes it can be difficult for people to
recall information that was encoded in a
different context:
– “You are on a train and someone comes up to you and says
15
hello. You don’t recognize him for a few moments but then
realize it is one of your neighbours. You are only used to
seeing your neighbour in the hallway of your apartment
block and seeing him out of context makes him difficult to
recognize initially”
Recognition versus recall
• Command-based interfaces require users to recall
from memory a name from a possible set of 100s
• GUIs provide visually-based options that users need
only browse through until they recognize one
• Web browsers, MP3 players, etc., provide lists of
visited URLs, song titles etc., that support recognition
memory
16
The problem with the classic ‘72’
• George Miller’s (1956) theory of how much
information people can remember
• People’s immediate memory capacity is very limited
• Many designers think this is useful finding for
interaction design
• But…
17
What some designers get up to…
18
– But this is wrong? Why?
Why?
• Inappropriate application of the theory
• People can scan lists of bullets, tabs, menu
items for the one they want
• They don’t have to recall them from memory
having only briefly heard or seen them
• Sometimes a small number of items is good
19
• But depends on task and available screen
estate
Personal information management
• Personal information management is a growing
problem for many users
– vast numbers of documents, images, music files, video
clips, emails, attachments, bookmarks, etc.,
– where and how to save them all, then remembering what
they were called and where to find them again
– naming most common means of encoding them
20
– but can be difficult to remember, especially when have a
lot in number.
– How might such a process be facilitated taking into
account people’s memory abilities?
Personal information management
• Memory involves 2 processes
– recall-directed and recognition-based scanning
• File management systems should be designed
to optimize both kinds of memory processes
– e.g. Search box and history list
• Help users encode files in richer ways
21
– Provide them with ways of saving files using colour,
flagging, image, flexible text, time stamping, etc
Design implications
• Don’t overload users’ memories with
complicated procedures for carrying out tasks
• Design interfaces that promote recognition
rather than recall
• Provide users with various ways of encoding
information to help them remember
22
– e.g. categories, color, flagging, time stamping
Learning
• How to learn to use a computer-based application
• Using a computer-based application to understand a
given topic
• People find it hard to learn by following instructions
in a manual
• prefer to learn by doing
23
Design implications
• Speech-based menus and instructions should be
short
• Emphasize the tone of artificially generated speech
voices
– they are harder to understand than human voices
• Provide opportunities for making text large on a
24
screen
Reading, speaking, and listening
• The ease with which people can read, listen, or
speak differs
– Many prefer listening to reading
– Reading can be quicker than speaking or listening
– Listening requires less cognitive effort than reading or
speaking
25
– Difficult understanding and recognizing written
words.
– All this depends on individual, some time one can
prefer reading and other can prefer listening
Applications
• Speech-recognition systems allow users to interact
with them by using spoken commands
– e.g. Google Voice Search app
• Speech-output systems use artificially generated
speech
• e.g. written-text-to-speech systems for the blind
26
• Natural-language systems enable users to type in
questions and give text-based responses
– e.g. Ask search engine
Design implications
• Design interfaces that encourage exploration
• Design interfaces that constrain and guide learners
• Dynamically linking concepts and representations can
facilitate the learning of complex material
27
Problem-solving, planning, reasoning and
decision-making
• All involves reflective cognition
– e.g. thinking about what to do, what the
options are, and the consequences
• Often involves conscious processes, discussion
with others (or oneself), and the use of artifacts
– e.g. maps, books, pen and paper
28
• May involve working through different scenarios
and deciding which is best option
Design implications
• Provide additional information/functions for users
who wish to understand more about how to carry
out an activity more effectively
29