This document provides an introduction to the course IT115 Introduction to Human-Computer Interaction. It discusses the history and evolution of HCI as a discipline including its origins in cognitive engineering and focus on usability and user-centered design. It also outlines some of the key topics that will be covered in the course like prototyping interfaces, performing usability evaluations, and developing skills in tools like Adobe XD and Figma.

1. I T 1 1 5 | I N T R O D U C T I O N T O H U M A N - C O M P U T E R I N T E R A C T I O N
RICO V. COMBINIDO
Part-time Faculty, IT and CE Unit

2. • Course orientation
• Brief history of human-computer interaction,
• Short overview of HCI
I T 1 3 0 / I T 1 3 0 L | C O M P U T E R H A R D W A R E R E P A I R A N D M A I N T E N A N C E

4. I T 1 1 5 | I N T R O D U C T I O N T O H U M A N - C O M P U T E R I N T E R A C T I O N

5. The course introduces students to the discipline concerned with the design,
implementation and evaluation of various computing systems intended for
human use.
Emphasis will be placed on understanding human behavior with interactive
objects, knowing how to develop and evaluate interactive software using human-
centered approach, and general knowledge of HCI design issues with multiple
types of interactive applications. Students will also participate in group projects to
design and evaluate user interfaces

6. • Develop appropriate user interfaces for domain specific applications.
• Evaluate the effectiveness of a design of an application or product in solving
domain-specific problems.
• Analyze different user populations with regard to their abilities and
characteristics for using both software and hardware products.
• Evaluate the design of existing user interfaces based on the cognitive models
of target user.

7. • Develop prototypes interfaces for users with specific accessibility issues.
• Perform usability evaluation of an existing software based on general
principles used in heuristic evaluation, usability performance and preference
metrics (learning, task time, task completion, and user satisfaction) and
common usability guidelines and standards.

9. Adobe XD Figma

10. I T 1 1 5 | I N T R O D U C T I O N T O H U M A N - C O M P U T E R I N T E R A C T I O N

11. is the academic discipline that most of us
think of as UI design.
it focuses on the way that interactions between
human beings and computers interact to ever
increasing levels of both complexity and simplicity.

12. • Mid to late 1970s, this discipline wasn’t particularly important.
• It wasn’t necessary to focus on how those users interacted with
computers
• The masses wanted computing and they didn’t want to go through
complicated rigmarole to do what they wanted with a computer.

13. • This is known as “cognitive engineering” (e.g. building things that
work with our thoughts.)
• It had already started to simplify the user interface of complex
airplanes.
• It was natural for some of this work to move into the UI field for
computing devices.

14. I T 1 1 5 | I N T R O D U C T I O N T O H U M A N - C O M P U T E R I N T E R A C T I O N

15. It emerged in the early 1980s, initially as a specialty
area in computer science embracing cognitive science
and human factors engineering.

16. • HCI has expanded rapidly and steadily for
three decades, attracting professionals from
many other disciplines and incorporating
diverse concepts and approaches.
• HCI now aggregates a collection of semi-
autonomous fields of research and practice
in human-centered informatics.

17. A sample command line interface
• Personal computing and personal
computer platforms vividly
highlighted the deficiencies of
computers with respect to usability
for those who wanted to use
computers as tools.

18. • Until the late 1970s, the only humans who
interacted with computers were information
technology professionals and dedicated
hobbyists.
People using computers in 1989
• Personal computing, including both personal
softwareand personal computer platforms
made everyone in the world a potential
computer user, and vividly highlighted the
deficiencies of computers with respect to
usability for those who wanted to use
computers as tools.

19. Where did HCI came from?

20. • is an emergent quality that reflects the grasp and the reach of HCI. Contemporary users
want more from a system than merely “ease of use”.
• this concept was originally articulated somewhat naively in the slogan "easy to learn,
easy to use".
• the original academic home for HCI was computer science, and its original focus was on
personal productivity applications, mainly text editing and spreadsheets, the field has
constantly diversified and outgrown all boundaries.

21. pertains to qualities like fun, well being,
collective efficacy, aesthetic tension, enhanced
creativity, flow, support for human
development, and others.

22. • Psychology
• communication studies,
• information science,
• geographical sciences,
• industrial, manufacturing and systems
engineering,
• design,
• cognitive science,
• science and technology studies,
• management information systems

23. • social and organizational
computing
• accessibility for the elderly
• cognitively and physically
impaired
• widest possible spectrum of
human experiences and
activities.

26. Today, HCI is a vast and multifaceted community,
bound by the evolving concept of usability,
and the integrating commitment
to value human activity and experience as the
primary driver in technology.

28. • Files and folders were displayed as icons that
could be, and were scattered around the
display surface.
• The messy desktop was a perfect incubator
for the developing paradigm of graphical user
interfaces.

29. • The second sense in which HCI moved
beyond the desktop was through the growing
influence of the Internet on computing and on
society.
• Starting in the mid-1980s, email emerged as
one of the most important HCI applications,
but ironically, email made computers and
networks into communication channels;
people were not interacting with computers,
they were interacting with other people
through computers.

30. • The third way that HCI moved beyond the
desktop was through the continual, and
occasionally explosive diversification in the
ecology of computing devices.
• Before desktop applications were
consolidated, new kinds of device contexts
emerged, notably laptops, which began to
appear in the early 1980s, and handhelds,
which began to appear in the mid-1980s

32. ACM SIGCHI

33. Dix, quoted in Human-Computer Interaction, ed. By Baecker et al.

34. HCI addresses the dynamic co-evolution of the activities people
engage in and experience, and the artifacts — such as interactive
tools and environments — that mediate those activities.
HCI is about understanding and critically evaluating the interactive
technologies people use and experience.

35. Further questions shall be entertained on our Messenger group.
I T 1 1 5 | I N T R O D U C T I O N T O H U M A N - C O M P U T E R I N T E R A C T I O N