Professional Documents
Culture Documents
(3+0)
LECTURER:
Humera Farooq, Ph.D.
Computer Sciences Department,
Bahria University (Karachi Campus)
2011
COURSE ASSESSMENT
Assignments...20%
Test/Quiz10%
Mid-Term20%
Final Examination.......................50%
https://sites.google.com/site/humerafarooqcs/
humerafarooq.cs@gmail.com
2011
Text Book
Interaction Design: Beyond Humancomputer Interaction (Paperback) by
Helen Sharp, Yvonne Rogers, and
Jenny Preece. Publisher: John Wiley
& Sons; 3rd Edition (2011)
Course will be taught with the help of
web.
2011
Reference Book
Emerging Research and Trends in
Interactivity
and
the
HumanComputer Interface by Katherine
Blashki.
Brain-Computer
Interfaces:
Revolutionizing
Human-Computer
Interaction by Springer
2011
Chapter 1
www.id-book.com
2011
Outline
Explain the difference between good and poor
interaction design.
Describe what interaction design is and how it relates to
human-computer interaction and other fields.
Explain the relationship between the user experience
and usability.
Describe what and who is involved in the process of
interaction design.
Outline the different forms of guidance used in
interaction design.
Enable you to evaluate an interactive product and
explain what is good and bad about it in terms of the
goals and core principles of interaction design.
www.id-book.com
2011
Bad designs
Elevator controls and labels on the bottom
row all look the same, so it is easy to push
a label by mistake instead of a control
button
www.id-book.com
2011
2011
Good design
Marble answering
machine (Bishop,
1995)
Based on how
everyday objects
behave
Easy, intuitive and a
pleasure to use
Only requires onestep actions to
perform core tasks
www.id-book.com
10
2011
11
2011
What to design
Need to take into account:
Who the users are
What activities are being carried out
Where the interaction is taking place
www.id-book.com
12
2011
Novel interface
www.id-book.com
13
2011
www.id-book.com
14
2011
Activity
How does making a call differ when
using a:
Cell phone
Public phone box?
www.id-book.com
15
2011
www.id-book.com
16
2011
www.id-book.com
17
2011
www.id-book.com
18
2011
www.id-book.com
19
2011
www.id-book.com
20
2011
www.id-book.com
21
2011
HCI
Ubiquitous Computing
Human Factors
Cognitive Engineering
Cognitive Ergonomics
Computer Supported Co-operative Work
Information Systems
www.id-book.com
22
2011
Working in multidisciplinary
teams
Many people from different
backgrounds involved
Different perspectives
and ways of seeing
and talking about things
Benefits
more ideas and designs
generated
Disadvantages
difficult to communicate and
progress forward the designs being create
www.id-book.com
23
2011
www.id-book.com
24
2011
www.id-book.com
25
2011
www.id-book.com
26
2011
www.id-book.com
27
2011
www.id-book.com
28
2011
www.id-book.com
29
2011
www.id-book.com
30
2011
Activity on usability
How long should it take and how
long does it actually take to:
Using a DVD to play a movie?
Use a DVD to pre-record two programs?
Using a web browser tool to create a
website?
www.id-book.com
31
2011
helpful
motivating
challenging
enhancing sociability
supporting creativity
cognitively stimulating
Undesirable aspects
boring
frustrating
making one feel guilty
annoying
childish
unpleasant
patronizing
making one feel stupid
cutesy
gimmicky
www.id-book.com
32
fun
provocative
surprising
rewarding
emotionally fulfilling
2011
33
2011
Design principles
Generalizable abstractions for thinking about
different aspects of design
The dos and donts of interaction design
www.id-book.com
34
2011
Visibility
This is a control panel for an elevator
How does it work?
Push a button for the floor you want?
Nothing happens. Push any other
button? Still nothing. What do you
need to do?
It is not visible as to what to do!
From:
www.baddesigns.com
www.id-book.com
35
2011
Visibility
you
36
2011
What do I do if I am wearing
black?
Invisible automatic
controls can make it
more difficult
to use
www.id-book.com
37
2011
Feedback
Sending information back to the user
about what has been done
Includes sound, highlighting, animation
and combinations of these
e.g. when screen button clicked on provides sound or
red highlight feedback:
ccclichhk
www.id-book.com
38
2011
Constraints
Restricting the possible actions that can
be performed
Helps prevent user from selecting
incorrect options
Physical objects can be designed to
constrain things
e.g. only one way you can insert a key into a lock
www.id-book.com
39
2011
From: www.baddesigns.com
www.id-book.com
40
41
2011
Consistency
Design interfaces to have similar
operations and use similar elements
for similar tasks
For example:
always use ctrl key plus first initial of
the command for an operation ctrl+C,
ctrl+S, ctrl+O
42
2011
www.id-book.com
43
2011
www.id-book.com
44
2011
3
6
1
0
4
7
0
www.id-book.com
45
2011
www.id-book.com
46
2011
www.id-book.com
47
2011
Activity
Physical affordances:
How do the following physical objects
afford? Are they obvious?
www.id-book.com
48
2011
Activity
Virtual affordances
How do the following screen objects afford?
What if you were a novice user?
Would you know what to do with them?
www.id-book.com
49
2011
Key points
Interaction design is concerned with designing
interactive products to support the way people
communicate and interact in their everyday and
working lives
It is concerned with how to create quality user
experiences
It requires taking into account a number of
interdependent factors, including context of use,
type of activities, cultural differences, and user
groups
It is multidisciplinary, involving many inputs from
wide-reaching disciplines and fields
www.id-book.com
50
2011