Human Computer Interaction,Ch-1. Introduction to HCI.pdf

Introductory Chapter on HCI for Postgraduate Students at UKH and Sulaimani University. Also with modification for the PhD program in Computer Science, University of Sulaimani.

1. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Human Computer Interaction
Chapter I
Introduction to HCI
Professor Dr. Ibrahim Hamarash
[email protected]

2. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Exercise
➢Pretend it’s 2000: draw a computer
➢Back to 2020: draw a computer
➢Think about 2025: draw a computer

3. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Exercise

4. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Exercise

5. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Which part is
the computer?

6. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Anybody draw this?

7. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Lesson:
Our view of the
computer is
inherently tied
to the
interface.

8. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Lesson:
Our view of the computer is inherently tied to the interface.

9. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
HCI, Definition
Human Computer Interaction (HCI) is the study
of interaction between people (users) and
computers.
HCI is a discipline concerned with the design,
evaluation and implementation of interactive
computing systems for the human use and with
the study of major phenomena surrounding them.

10. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Goals of HCI
Allow users to carry out tasks
➢Safely
➢Effectively (Accessibility)
➢Efficiently (usability)
➢Enjoyably (Pleasure)

11. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
To achieve HCI goals, you will
need to learn
➢How to design
➢How to implement
➢How to evaluate user interface

12. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
HCI, where does it
come from?

13. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
What is design?
It is the process of envisioning and planning
the creation of objects, interactive systems,
buildings, vehicles, etc.
It is user-centered, i.e.users are at the
heart of the design thinking approach.
It is about creating solutions for people,
physical items or more abstract systems to
address a need or a problem.
(definition from Strateschool of design)

14. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
“There are three responses to a piece of design,
yes, no and WAW, WAW is the one to aim for ”
Milton Glaser

15. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
“Always design a thing by considering it in its
next larger context-a chair in a room, a room
in a house, a house in an environment, an
environment in a city plan”
Eliel Saarenin

16. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
User experience design (UX)
It is the process of enhancing user
satisfactionwith a product by
improving the usability,
accessibility, and pleasure
provided in the interaction with
the product.

17. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Bad designs

18. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Bad designs

19. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Bad designs

20. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Bad designs

21. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Bad designs

22. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
The Best road to good design : Prototyping

23. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Prototyping

24. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Prototyping

25. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Mike Krieger, instagram
Prototyping

26. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Prototyping

27. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Prototyping

28. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
I know more about
everything than anybody
The worst case: to
believe that you are
better than everyone
else and act
accordingly.

29. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
The Syllabus
1.Foundation: Human-Computer-Interaction
2.Design Process:basics, HCI in software
process, guidelines, rules, prototyping,
implementation, evaluation. Usability.
3.Models and Theories:cognitive models,
socio-organizational issues, communication,
task analysis, modeling rich interaction.

30. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Assessments

31. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Reading List
1.Helen Sharp, Jennifer Preece, and Yvonne Rogers, 2019 .Interaction Design: Beyond
Human-Computer Interaction, Wiley; 5th Edition.
2. SHNEIDERMAN, B. and PLAISANT, C., 2018. Designing the User Interface:
Strategies for Effective Human-Computer Interaction. 6th Edition. NY: Pearson
Addison Wesley.
3. YuhuaLuo, 2020, Cooperative Design, Visualization, and Engineering, Springer.
Online Resources
https://www.interaction-design.org

32. HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, [email protected]
Questions?