Human Computer Interaction

Dr Grace Eden
grace@iiitd.ac.in https://hcd.iiitd.ac.in
Introduction

Who’s teaching this class?

Research
Human-Robot Interaction, Emerging Technologies, Design Methodology

Publications
http://orcid.org/0000-0001-9647-6799

Workspace
Living Lab

Keywords
Ethnomethodology, Human-Technology Interaction,
Participatory Design, Ethnography
Grace Eden
grace@iiitd.ac.in
3
R&D Block
Room 403
Introduction

Teaching assistants

Rachit Bhayana - rachit18301@iiitd.ac.in Aneesha Lakra - aneesha18277@iiitd.ac.in

Rakshita Anand - rakshita17308@iiitd.ac.in Dhruv Yadav - dhruv18281@iiitd.ac.in

Atul Rawat - atul20031@iiitd.ac.in Pradeep Kumar - pradeep20036@iiitd.ac.in

Sakshi Choudhary - sakshi20040@iiitd.ac.in Dharmendar Kumar - dharmendar20110@iiitd.ac.in

Snehil - snehil19046@iiitd.ac.in

Vivek Kothari - vivek20047@iiitd.ac.in Shobhit Nautiyal - shobhit20068@iiitd.ac.in

Shivam Mittal - shivam20041@iiitd.ac.in Apurva Agarwal - apurva20108@iiitd.ac.in

4
Khushboo Bajaj - khushboo20060@iiitd.ac.in
Introduction

Course Overview

This course will provide a general overview of Human-Computer Interaction (HCI)

Including the concepts, methods, and practices of:

– User Experience
– User-Centered Design
– Information Design
– Requirements Gathering
– Prototyping
– Evaluation
5
Introduction

Course Overview

Why is Human-Computer Interaction important?

6
Introduction

Examples: Computer Keyboards

7
Introduction

Examples: Phones

8
Introduction

Examples: Gaming

9
Introduction

Examples: Virtual Reality

10
Introduction

Examples: Smart Gloves

11
Introduction

Examples: Voice Assistants

12
Introduction

Examples: Human Robot Interaction

13
Introduction

Why is Human-Computer Interaction important?

1) Focuses on computer design and user experience

2) Create better interactions between users and machines

3) Shapes the future: new types of relationships between humans and machine

4) Design more useful and usable products and services

14
Introduction

Comics

15
Introduction

Course Structure
4 credit course

Core course
First year undergraduate students

Organization
First half of the semester
Individual exercises
Second half of the semester
Group exercises

Assignments
Term time
Five Quizzes: Multiple Choice Questions
Final project
Group prototype, evaluation and redesign
16
Introduction

Class times and location

Location:
Zoom

Lecture:
Monday: 10:30-12:00
Thursday: 10:30-12:00

Tutorial:
Tuesday: 15:30-16:30

Office hours:
Organise with your TA

17
Introduction

Course website

Google Classroom

Includes:
§ Weekly topics (Lecture slides)

§ Assignments (with due dates)

§ Quizzes
§ Readings and Resources

18
Introduction

Topics covered

Week Topic

1. Introduction to Course

2-3. What is Design?

4-5 What is an Interface?

6-7 What is Interaction?

8. Mid-Term Exam

9. Mid-Recess Break

10. What is the User Perspective?

11-16 Design Studio

19
Introduction

Assessment

Type of Evaluation % Contribution to Grade

Multiple Choice Questions (each quiz worth 5

Quizzes 40 points each)

Mid-Semester Exam
25 Multiple Choice Questions

25
End-Semester Exam Multiple Choice Questions

Prototype and Reflections on the Design

Project 10
Process

20
Introduction

Plagiarism

You are encouraged to refer to external resources including but not limited to ones
provided below.

However, any use of written text/source code/media/any other intellectual property in

your submissions and presentations should be properly documented along with
citations.

When in doubt please follow the guidelines provided by the Institute:

https://www.iiitd.ac.in/academics/resources/academic-dishonesty

21
Introduction

Class Structure

Lecture
(30 minutes) > Topic of the Week >

Discussion > Student groups summarize section of the textbook or a

(30 minutes) current event, idea, etc, related to the topic of the week >

Exercise
(30 minutes) > Work in your groups on in-class assignments >
Introduction

What you will learn

Basic concepts and techniques of Human-Computer Interaction (HCI)

Focus on HCI practice – practical tools and techniques

Apply and use these tools and techniques in individual and group
work

23
Introduction

Succeed in the class

You only get out what you put into it, so make an effort to:

§ Study the readings and resources

§ Arrive to class on time and pay attention

§ Put effort into the assignments

24
Introduction

What you will learn

You will NOT learn to be an expert designer or researcher in a few weeks

25
HCI

Part II

26
Elements

What is HCI?

27
Elements

Multidisciplinary Aims

Computer science Sociology and anthropology

- provide knowledge about the capability of the technology - interactions between technology, work, and organization
and idea about how this potential can be harnessed
- understanding the nature and causes of human behaviour
in the social context

Psychology and cognitive science Industrial design

- understanding human behaviour and the mental processes - interactive products
that underlie it (information processing)

- understanding the nature and causes of human behaviour Ergonomics

in the social context - understand the user’s physical capabilities

28
Elements

HCI is a process

Good design is a process that requires time and effort.

You have to learn the process and follow it every time

you design (or re-design) something!

We will teach this process and give you opportunities

to practice it.

29

1 RESEARCH
Definition

Human-Computer Interaction (HCI)

the study of how people interact with computers and to what extent
computers are or are not developed for successful interaction with human
beings.

§ User - individual person, a group of people

§ Computer - technology (any device)

§ Interaction - gaining access to information or achieving an activity

30
Definition

HCI Goals

design useful and usable systems that are relevant to people.

§ understand how people use technology

§ develop tools and techniques to build suitable systems

§ achieve efficient, effective, and safe interaction

§ put people first

31
Sociotechnical systems
A little history

ENIAC (Electronic Numerical Integrator

and Computer)

IBM 610
A little history

Apple II

IBM PC

Special Interest Group on

Computer–Human Interaction (SIGCHI)
A little history
Poor design
Poor design
Poor design
Poor design
Poor design
Poor design
Week 01

Reading

Read chapter one:

Pages 1-15

Interaction Design: beyond human-computer interaction (5th edition)

Course book

42
Week 01

Thinking about design

Upload a PDF file or Google Slide with a PHOTO and DESCRIPTION of

something you use that you think has a great design

It can be any object, hardware, software, or anything else.

Tell us the name of the object and explain why you think it has a good design -
why do you like the design?

Be sure to include your name and student roll number at the top of the file.

43
Week 01

Thinking about design: Example

44
Week 01

GOOGLE CLASSROOM:

Jm5t5nb
https://classroom.google.com/c/MjIyOTUwMTEzMDYz?cjc=jm5t5nb

45
 Human-Computer Interaction

Dr Grace Eden
grace@iiitd.ac.in https://hcd.iiitd.ac.in