HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Human Computer Interaction
Chapter I
Introduction to HCI
Professor Dr. Ibrahim Hamarash
ibrahim.hamad@ukh.edu.krd
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Exercise
➢ Pretend it’s 2000: draw a computer
➢ Back to 2020: draw a computer
➢ Think about 2025: draw a computer
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Exercise
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Exercise
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Which part is
the computer?
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Anybody draw this?
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Lesson:
Our view of the
computer is
inherently tied
to the
interface.
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Lesson:
Our view of the computer is inherently tied to the interface.
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
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.
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Goals of HCI
Allow users to carry out tasks
➢ Safely
➢ Effectively (Accessibility)
➢ Efficiently (usability)
➢ Enjoyably (Pleasure)
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
To achieve HCI goals, you will
need to learn
➢How to design
➢How to implement
➢How to evaluate user interface
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
HCI, where does it
come from?
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
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 Strate school of design)
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
“There are three responses to a piece of design,
yes, no and WAW, WAW is the one to aim for”
Milton Glaser
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
“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
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
User experience design (UX)
It is the process of enhancing user
satisfaction with a product by
improving the usability,
accessibility, and pleasure
provided in the interaction with
the product.
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Bad
designs
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Bad
designs
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Bad
designs
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Bad
designs
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Bad
designs
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
The Best road to good design : Prototyping
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Prototyping
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Prototyping
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Mike Krieger, instagram
Prototyping
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Prototyping
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Prototyping
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
I know more about
everything than anybody
The worst case: to
believe that you are
better than everyone
else and act
accordingly.
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
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.
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Assessments
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
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. Yuhua Luo, 2020, Cooperative Design, Visualization, and Engineering, Springer.
Online Resources
https://www.interaction-design.org
HCI, Chapter I: Foundation of Human Computer Interaction
© 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd
Questions?

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

  • 1.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Human Computer Interaction Chapter I Introduction to HCI Professor Dr. Ibrahim Hamarash ibrahim.hamad@ukh.edu.krd
  • 2.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd 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, ibrahim.hamad@ukh.edu.krd Exercise
  • 4.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Exercise
  • 5.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Which part is the computer?
  • 6.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Anybody draw this?
  • 7.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd 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, ibrahim.hamad@ukh.edu.krd 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, ibrahim.hamad@ukh.edu.krd 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, ibrahim.hamad@ukh.edu.krd 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, ibrahim.hamad@ukh.edu.krd 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, ibrahim.hamad@ukh.edu.krd HCI, where does it come from?
  • 13.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd 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 Strate school of design)
  • 14.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd “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, ibrahim.hamad@ukh.edu.krd “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, ibrahim.hamad@ukh.edu.krd User experience design (UX) It is the process of enhancing user satisfaction with 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, ibrahim.hamad@ukh.edu.krd Bad designs
  • 18.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Bad designs
  • 19.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Bad designs
  • 20.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Bad designs
  • 21.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Bad designs
  • 22.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd The Best road to good design : Prototyping
  • 23.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Prototyping
  • 24.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Prototyping
  • 25.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Mike Krieger, instagram Prototyping
  • 26.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Prototyping
  • 27.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd Prototyping
  • 28.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd 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, ibrahim.hamad@ukh.edu.krd 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, ibrahim.hamad@ukh.edu.krd Assessments
  • 31.
    HCI, Chapter I:Foundation of Human Computer Interaction © 2022/23, UKH, Dr. Ibrahim Ismael Hamarash, ibrahim.hamad@ukh.edu.krd 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. Yuhua Luo, 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, ibrahim.hamad@ukh.edu.krd Questions?