PIR MEHR ALI SHAH ARID AGRICULTURE UNIVERSITY

University Institute of Information Technology

Human Computer Interaction (CS-685)
Credit Hours: 3(2-2) Prerequisites: None
Teacher:

Course Description:
In this course, students are introduced to the fundamental theories and concepts of
human computer interaction (HCI). HCI is an interdisciplinary field that integrates
theories and methodologies across many domains including cognitive psychology,
computer science, human factors, and engineering design. Students will gain theoretical
knowledge of and practical experience in the fundamental aspects of human perception,
cognition, and learning as relates to the design, implementation, and evaluation of
interfaces.
Teaching Methodology:
Lectures, Written Assignments
Courses Assessment:
Mid Exam, Home Assignments, Quizzes, Project, Presentations, Final Exam

Reference Materials:
1. Preece, J., Rogers, Y., & Sharp, H. Interaction Design: Beyond Human-Computer
Interaction. 3rd Edition 2011.
2. Alan Dix; Janet E Finlay; Gregory D.Abowd; Russell Beale. Human Computer
Interaction 3rd Edition 2004
3. Designing with the mind in mind, J. Johnson, 1st
edition, Morgan Kaufmann, 2010

Week/Lecture # Theory Practical

Week Interaction design View multiple interfaces
1  Introduction to
HCI
 Interaction
Lect-I
Design
 Process of
interaction
design
Lect-II  The goals of
interaction
design
 Usability Goals
and User
experience
goals
  Usability:
design and
usability
principles
 Heuristics and
usability
principles
 Usability
critique,
heuristic
evaluation
activity
Understanding and hands on practices of html
conceptualizing
interaction
 Understanding
the problem
space
 Conceptual
models
o Concept
Lect-I
ual
models
based on
activities
o Concept
Week
ual
2
models
based on
objects
 Interface hands on practices of css
metaphors
 Interaction
paradigms
 From
Lect-II conceptual
models to
physical design
 Lab exercise
Designing
Metaphors
Week Lect-I Understanding users hands on practices on javascript
3  Cognition
 Applying
knowledge from
 the physical
world to the
digital world
 Conceptual apply validations
frameworks for
cognition
 Mental models
 Information
processing
Lect-II
 External
cognition
 Informing
design: from
theory to
practice
Week Lect-I Designing for Designing for collaboration and communication
4 collaboration and
communication
 Social
mechani
sms
used in
communi
cation
and
collabora
tion
o Convers
ational
mechani
sms
o Designin
g
collabora
tive
technolo
gies to
support
conversa
tion
o Coordina
tion
mechani
sms
o Designin
g
 collabora
tive
technolo
gies to
support
coordinat
ion
o Awarene
ss
mechani
sms
o Designin
g
collabora
tive
technolo
gies to
support
awarene
ss
Ethnographic studies
of collaboration and
Lect-II communication
Conceptual
frameworks
Understanding how Image slicing, image repetitions for creating
interfaces affect users effects
 Affective
Lect-I aspects
 Expressive
interfaces
Week  User frustration
5 A debate: the
application of
anthropomorphism to
Lect-II interaction design
Virtual characters:
agents
Kinds of agents
Week Lect-I Dialog styles: Creation of Home page/sub pages
6 A classification;
Menus: characteristics
and existing types;
applicability; some
studies; main
guidelines;
 Hands on session for
Design Menus using
UIMS
Direct manipulation, Hands On session for Design Dialog box using UIMS
fill-in-forms, question-
and-answer, function-
keys, command
languages and natural
Lect-II
language:
characteristics,
applicability and main
guidelines.

Week Models to be used in design interfaces

7 user interface design
process
 User models:
o importan
ce, main
types of
user
models
and their
applicabil
ity;
o cognitive
Lect-I models
(GOMS-
Goals,
Objective
s,
Selection
s and
Methods)
;
o Physical
models
(KLM-
Keystrok
e Level
Model)
Lect-II Task analysis:
 importance and
main types of
techniques;
 HTA-
 Hierarchical
Task Analysis;
 main
information
sources;
 using task
analysis in user
interface design
 Perform HTA
for computer
applications
Week Design, prototyping construction of initial prototype
8 and construction
 Prototyping and
construction
o Prototype
o Low-fidelity
prototyping
o High-fidelity
prototyping
Lect-I o Compromise
s in
prototyping
o Construction
: from
design to
implementati
on
 Paper Prototype
Evaluations
Lect-II  Conceptual 
design: moving
from
requirements to
first design
 Three
perspectives for
developing a
conceptual
model
 Expanding the
conceptual
model
 Using scenarios
in conceptual
 design
 Using
prototypes in
conceptual
design
Mid Term Exam
Physical design: mid term project evaluation
 getting concrete
Guidelines for
physical design
 Different kinds
of widget
Lect-I
 Tool support
 Hands on
session to
design
Week executable
9 prototypes
User-centered
approaches to
interaction design
 importance of
User
Lect-II
involvement
 Degrees of
involvement
 User-centered
approach
Week  Understanding creation of hover
10 users' work:
applying
ethnography in
design

Coherence
Lect-I Contextu
al Design
 involving users
in design:
Participatory
Design
PICTIVE
CARD
Lect-II Multiple -Windows Creation of navbar and menu bar
Strategies
  Individual
window Design
 Multiple-
Window Design
 Coordination by
Tightly-coupled
Windows
 Hands on
Session Design
Individual &
Multiple
Windows
Introducing evaluation Creation of chat Bot
 What, why, and
when to
Lect-I evaluate
 An
evaluation
framework
Week  Evaluation
11 paradigms
and
techniques
Evaluati
Lect-II
on paradigms
Evaluati
on
Techniq
ues
Week  D E C I D E: Send notifications through emails
12 A framework
to guide
evaluation
Lect-I  Determine
the goals
 Explore the
questions
Lect-II  D E C I D E:
A framework
to guide
evaluation
 Choose the
evaluation
paradigm
and
 techniques
Interface Design Hands on practices on php
Week Lect-I
Principles
13
Lect-II Theories of HCI
Lect-I HCI Standards
 House Style hands on practices on bootstrap
guides
(Microsoft, IBM
Week and Apple’s
14 Lect-II style guides)
 Commercial
style guides
 Corporate style
guides
Usability Comparison hands on practices on bootstrap
Lect-I
of websites
Week
Hands on session
15
Lect-II applying modern style
guidelines.
Week Lect-I Presentations/demo
16 Lect-II Presentations/demo
Final Term Exam
Course Learning Outcomes (CLOs)
At the end of course the students will be able to:
1. Explain the difference between good and bad design.
2. Know how to take into account user’s needs in interaction design.
3. Describe what is involved in the process of interaction design.
4. Apply a number of interaction design techniques
5. Analyze and critique interfaces.
6. Know how to evaluate the usability and effectiveness of various products — e.g., web sites.
7. Understand the role of theory and frameworks in HCI