SlideShare a Scribd company logo
Human-Computer Interaction



         Tarek Amr
        @gr33ndata
What is Human-Computer Interaction?
●   Human-computer interaction is a discipline
    concerned with:
    –   Design
    –   Evaluation
    –   Implementation
●   Of interactive computing systems for
    human use and with the study of major
    phenomena surrounding them.
Why is it Important?
●   Computers aren't just computers anymore
    (mobile phone, camera, car, washing machine,
    etc.)
●   For each £1 spent to acquire new
    customer, £100 spent to acquire him back
    if she left * (Bad user-experience? Customer
    support?)


    * Mauro New Media, 2002
Not all Knowledge is in The Head
●   Knowledge is partially in:
    –   Head
    –   World
    –   Constrains
●   Maps
●   Poems rhyme
●   Reassemble Toaster
Conceptual Model
Conceptual Model




Images taken from Jacques Carelman's
   Catalogue d objets introuvables
Donald Norman's Principles
●   Visibility
    –   Where's the knob?
●   Mapping*
    –   [<<] Go to the right!
●   Constrains*
    –   Can you plug a USB upside down?
    –   Drop-down menu showing available options only
●   Affordability*
    –   Jug's handle affords holding
●   Feedback
    –   AJAX Loading!?
●   Consistency
    –   Answer call button is always green
    –   Mapping leads to consistency sometimes too
Minimalism in Art
●   Started in the 1960's
●   Art => Design => Science
●   Principles of Minimalism in Art:
    –   Minimality of Means
    –   Minimality of Meaning
    –   Minimality of Structure
    –   Use of Patterns
    –   Involvement of the Recipient
Minimalism: Interactive Systems Design


  Functional          Structural                Tool

 Composition Architectural                    Context

     Use                Access


     Minimalism: Designing Simplicity by Hartmut Obendorf
Thank You
        You think slides are ugly!?
HCI is not about the beauty of the design, it's
       rather about how usable it is :P

More Related Content

PDF
History and future of Human Computer Interaction (HCI) and Interaction Design
PPTX
The Future of Human Technology Interaction
PPT
History of hci
PPT
Introducing Human Computer Interaction
PPTX
Formal 1 – Introduction
PDF
Interaction Paradigms
PPTX
Human Computer Interaction-Basics
PPT
HCI - Chapter 4
History and future of Human Computer Interaction (HCI) and Interaction Design
The Future of Human Technology Interaction
History of hci
Introducing Human Computer Interaction
Formal 1 – Introduction
Interaction Paradigms
Human Computer Interaction-Basics
HCI - Chapter 4

What's hot (20)

PPTX
Human computer interaction
PPTX
Human Computer Interaction Introduction
PPTX
Human Computer Interaction (HCI)
PPT
Introduction To HCI
PPTX
Introduction to HCI (UCC)
PPT
HCI 3e - Ch 4: Paradigms
PPT
HCI 3e - Ch 4 (extra):
PPTX
Designing User Interactions with AI: Servant, Master or Symbiosis.
PPT
Human Computer Interaction
PPTX
The Psychology of Human-Computer Interaction
PDF
HCI Basics
PPT
Interaction Design
PPT
Bill Moggridge-Designing interactions-the mouse and the desktop
PPTX
Human computer interaction Semester 1
PPT
POLITEKNIK MALAYSIA
PPTX
Human computer interaction by gazegaze
PDF
Multimodal Interaction: An Introduction
PPTX
Hci history
PPT
Hci history
PDF
The Future of Designing Human-Technology Interactions /Open lecture CIID/
Human computer interaction
Human Computer Interaction Introduction
Human Computer Interaction (HCI)
Introduction To HCI
Introduction to HCI (UCC)
HCI 3e - Ch 4: Paradigms
HCI 3e - Ch 4 (extra):
Designing User Interactions with AI: Servant, Master or Symbiosis.
Human Computer Interaction
The Psychology of Human-Computer Interaction
HCI Basics
Interaction Design
Bill Moggridge-Designing interactions-the mouse and the desktop
Human computer interaction Semester 1
POLITEKNIK MALAYSIA
Human computer interaction by gazegaze
Multimodal Interaction: An Introduction
Hci history
Hci history
The Future of Designing Human-Technology Interactions /Open lecture CIID/
Ad

Viewers also liked (20)

PPTX
Human computer interaction
PPTX
human computer interface
PPTX
HCI Presentation
PPT
Introduction to HCI
PPT
interaction norman model in Human Computer Interaction(HCI)
PPT
Lecture 1: Human-Computer Interaction Introduction (2014)
PDF
Human-Computer Interaction: An Overview
PPT
HCI - Chapter 1
PPTX
7 Stages of User Action Theory
PPTX
Eye Movement based Human Computer Interaction Technique
PPT
HCI - Chapter 3
PDF
Human computer interaction
PPT
HCI - Chapter 2
PDF
Introduction to Human Computer Interaction
PPTX
Human Computer Interaction HCI
PDF
Lecture 3: Human-Computer Interaction: HCI Design (2014)
PDF
Lecture 4: Human-Computer Interaction: Prototyping (2014)
PPTX
Sensor based interaction
ZIP
Thai hci
Human computer interaction
human computer interface
HCI Presentation
Introduction to HCI
interaction norman model in Human Computer Interaction(HCI)
Lecture 1: Human-Computer Interaction Introduction (2014)
Human-Computer Interaction: An Overview
HCI - Chapter 1
7 Stages of User Action Theory
Eye Movement based Human Computer Interaction Technique
HCI - Chapter 3
Human computer interaction
HCI - Chapter 2
Introduction to Human Computer Interaction
Human Computer Interaction HCI
Lecture 3: Human-Computer Interaction: HCI Design (2014)
Lecture 4: Human-Computer Interaction: Prototyping (2014)
Sensor based interaction
Thai hci
Ad

Similar to Human-Computer Interaction (20)

ODP
Human-Computer Interaction (HCI)
PDF
GHAMAS Design Principles
PPTX
HCI Lecture # 2 (2).pptx
PPT
What Is Interaction Design
PDF
Intro Design Principles
PPT
E3 chap-05
PPT
Discovery methods for HCI
PPTX
IT7 FIGMA Chapter 5 - Design Basics.pptx
PDF
Chapter 10. User interface in Industrial Design
PPTX
Usability and User Experience Training Seminar
PPT
E3 chap-05
PPT
HCI 3e - Ch 5: Interaction design basics
PPT
E3 Chap 05 Interaction Design Basics
PDF
Experience-Interface-Interaction.pdf
PDF
PxS'12 - week 1 - Introduction
PDF
COMP 4026 - Lecture1 introduction
PPT
Chapter 1 id2e_slides
KEY
Inclusive design is for everyone
PDF
Topic 3 Human Computer Interaction
Human-Computer Interaction (HCI)
GHAMAS Design Principles
HCI Lecture # 2 (2).pptx
What Is Interaction Design
Intro Design Principles
E3 chap-05
Discovery methods for HCI
IT7 FIGMA Chapter 5 - Design Basics.pptx
Chapter 10. User interface in Industrial Design
Usability and User Experience Training Seminar
E3 chap-05
HCI 3e - Ch 5: Interaction design basics
E3 Chap 05 Interaction Design Basics
Experience-Interface-Interaction.pdf
PxS'12 - week 1 - Introduction
COMP 4026 - Lecture1 introduction
Chapter 1 id2e_slides
Inclusive design is for everyone
Topic 3 Human Computer Interaction

More from Tarek Amr (12)

ODP
Open Access in the Arab World - AUC Open Access Days
ODP
GVMeetup Nov 2013
ODP
Deceptive spam
PPT
Data Visualization
PPT
Social Streets in Revolutionary Egypt
PPT
Story Curation
PPT
إعداد تقارير صحفية
PPT
Linux Based DiffServ. Router
PPTX
SM Role After #Jan25
PPTX
Networked Revolts - Egypt
PPTX
Social Tools and Middle East Uprising
PPTX
Failed Startups - Lessons Learned
Open Access in the Arab World - AUC Open Access Days
GVMeetup Nov 2013
Deceptive spam
Data Visualization
Social Streets in Revolutionary Egypt
Story Curation
إعداد تقارير صحفية
Linux Based DiffServ. Router
SM Role After #Jan25
Networked Revolts - Egypt
Social Tools and Middle East Uprising
Failed Startups - Lessons Learned

Human-Computer Interaction

  • 1. Human-Computer Interaction Tarek Amr @gr33ndata
  • 2. What is Human-Computer Interaction? ● Human-computer interaction is a discipline concerned with: – Design – Evaluation – Implementation ● Of interactive computing systems for human use and with the study of major phenomena surrounding them.
  • 3. Why is it Important? ● Computers aren't just computers anymore (mobile phone, camera, car, washing machine, etc.) ● For each £1 spent to acquire new customer, £100 spent to acquire him back if she left * (Bad user-experience? Customer support?) * Mauro New Media, 2002
  • 4. Not all Knowledge is in The Head ● Knowledge is partially in: – Head – World – Constrains ● Maps ● Poems rhyme ● Reassemble Toaster
  • 6. Conceptual Model Images taken from Jacques Carelman's Catalogue d objets introuvables
  • 7. Donald Norman's Principles ● Visibility – Where's the knob? ● Mapping* – [<<] Go to the right! ● Constrains* – Can you plug a USB upside down? – Drop-down menu showing available options only ● Affordability* – Jug's handle affords holding ● Feedback – AJAX Loading!? ● Consistency – Answer call button is always green – Mapping leads to consistency sometimes too
  • 8. Minimalism in Art ● Started in the 1960's ● Art => Design => Science ● Principles of Minimalism in Art: – Minimality of Means – Minimality of Meaning – Minimality of Structure – Use of Patterns – Involvement of the Recipient
  • 9. Minimalism: Interactive Systems Design Functional Structural Tool Composition Architectural Context Use Access Minimalism: Designing Simplicity by Hartmut Obendorf
  • 10. Thank You You think slides are ugly!? HCI is not about the beauty of the design, it's rather about how usable it is :P