SlideShare uma empresa Scribd logo
1 de 10
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

Mais conteúdo relacionado

Mais procurados

Human computer interaction
Human computer interactionHuman computer interaction
Human computer interactionMayuresh Singh
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction IntroductionN.Jagadish Kumar
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI) Human Computer Interaction (HCI)
Human Computer Interaction (HCI) Sachith Perera
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)apppsych
 
HCI 3e - Ch 4: Paradigms
HCI 3e - Ch 4:  ParadigmsHCI 3e - Ch 4:  Paradigms
HCI 3e - Ch 4: ParadigmsAlan Dix
 
HCI 3e - Ch 4 (extra):
HCI 3e - Ch 4 (extra):HCI 3e - Ch 4 (extra):
HCI 3e - Ch 4 (extra):Alan Dix
 
Designing User Interactions with AI: Servant, Master or Symbiosis.
Designing User Interactions with AI: Servant, Master or Symbiosis. Designing User Interactions with AI: Servant, Master or Symbiosis.
Designing User Interactions with AI: Servant, Master or Symbiosis. Alan Dix
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer InteractionJitu Choudhary
 
The Psychology of Human-Computer Interaction
The Psychology ofHuman-Computer InteractionThe Psychology ofHuman-Computer Interaction
The Psychology of Human-Computer InteractionSimon Bignell
 
Interaction Design
Interaction DesignInteraction Design
Interaction Designhcicourse
 
Bill Moggridge-Designing interactions-the mouse and the desktop
Bill Moggridge-Designing interactions-the mouse and the desktopBill Moggridge-Designing interactions-the mouse and the desktop
Bill Moggridge-Designing interactions-the mouse and the desktopdilemakiner
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1HARISA MARDIANA
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAAiman Hud
 
Human computer interaction by gazegaze
Human computer interaction by gazegazeHuman computer interaction by gazegaze
Human computer interaction by gazegazegazegaze1234
 
Multimodal Interaction: An Introduction
Multimodal Interaction: An IntroductionMultimodal Interaction: An Introduction
Multimodal Interaction: An IntroductionAbdallah El Ali
 
The Future of Designing Human-Technology Interactions /Open lecture CIID/
The Future of Designing Human-Technology Interactions /Open lecture CIID/The Future of Designing Human-Technology Interactions /Open lecture CIID/
The Future of Designing Human-Technology Interactions /Open lecture CIID/Petr Kosnar
 

Mais procurados (20)

Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction Introduction
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI) Human Computer Interaction (HCI)
Human Computer Interaction (HCI)
 
Introduction To HCI
Introduction To HCIIntroduction To HCI
Introduction To HCI
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
HCI 3e - Ch 4: Paradigms
HCI 3e - Ch 4:  ParadigmsHCI 3e - Ch 4:  Paradigms
HCI 3e - Ch 4: Paradigms
 
HCI 3e - Ch 4 (extra):
HCI 3e - Ch 4 (extra):HCI 3e - Ch 4 (extra):
HCI 3e - Ch 4 (extra):
 
Designing User Interactions with AI: Servant, Master or Symbiosis.
Designing User Interactions with AI: Servant, Master or Symbiosis. Designing User Interactions with AI: Servant, Master or Symbiosis.
Designing User Interactions with AI: Servant, Master or Symbiosis.
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
The Psychology of Human-Computer Interaction
The Psychology ofHuman-Computer InteractionThe Psychology ofHuman-Computer Interaction
The Psychology of Human-Computer Interaction
 
HCI Basics
HCI BasicsHCI Basics
HCI Basics
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
Bill Moggridge-Designing interactions-the mouse and the desktop
Bill Moggridge-Designing interactions-the mouse and the desktopBill Moggridge-Designing interactions-the mouse and the desktop
Bill Moggridge-Designing interactions-the mouse and the desktop
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
Human computer interaction by gazegaze
Human computer interaction by gazegazeHuman computer interaction by gazegaze
Human computer interaction by gazegaze
 
Multimodal Interaction: An Introduction
Multimodal Interaction: An IntroductionMultimodal Interaction: An Introduction
Multimodal Interaction: An Introduction
 
Hci history
Hci historyHci history
Hci history
 
Hci history
Hci historyHci history
Hci history
 
The Future of Designing Human-Technology Interactions /Open lecture CIID/
The Future of Designing Human-Technology Interactions /Open lecture CIID/The Future of Designing Human-Technology Interactions /Open lecture CIID/
The Future of Designing Human-Technology Interactions /Open lecture CIID/
 

Destaque

Human computer interaction
Human  computer interactionHuman  computer interaction
Human computer interactionAyusha Patnaik
 
human computer interface
human computer interfacehuman computer interface
human computer interfaceSantosh Kumar
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI Deskala
 
Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)Lora Aroyo
 
Human-Computer Interaction: An Overview
Human-Computer Interaction: An OverviewHuman-Computer Interaction: An Overview
Human-Computer Interaction: An OverviewSabin Buraga
 
HCI - Chapter 1
HCI - Chapter 1HCI - Chapter 1
HCI - Chapter 1Alan Dix
 
7 Stages of User Action Theory
7 Stages of User Action Theory7 Stages of User Action Theory
7 Stages of User Action Theoryhacrombie
 
Eye Movement based Human Computer Interaction Technique
Eye Movement based Human Computer Interaction TechniqueEye Movement based Human Computer Interaction Technique
Eye Movement based Human Computer Interaction TechniqueJobin George
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3Alan Dix
 
HCI - Chapter 2
HCI - Chapter 2HCI - Chapter 2
HCI - Chapter 2Alan Dix
 
Introduction to Human Computer Interaction
Introduction to Human Computer InteractionIntroduction to Human Computer Interaction
Introduction to Human Computer InteractionSyira Azhari
 
Human Computer Interaction HCI
Human Computer Interaction HCI Human Computer Interaction HCI
Human Computer Interaction HCI Gaditek
 
Lecture 3: Human-Computer Interaction: HCI Design (2014)
Lecture 3: Human-Computer Interaction: HCI Design (2014)Lecture 3: Human-Computer Interaction: HCI Design (2014)
Lecture 3: Human-Computer Interaction: HCI Design (2014)Lora Aroyo
 
Lecture 4: Human-Computer Interaction: Prototyping (2014)
Lecture 4: Human-Computer Interaction: Prototyping (2014)Lecture 4: Human-Computer Interaction: Prototyping (2014)
Lecture 4: Human-Computer Interaction: Prototyping (2014)Lora Aroyo
 
Sensor based interaction
Sensor based interaction Sensor based interaction
Sensor based interaction Mirza Israr
 

Destaque (20)

Human computer interaction
Human  computer interactionHuman  computer interaction
Human computer interaction
 
human computer interface
human computer interfacehuman computer interface
human computer interface
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI
 
interaction norman model in Human Computer Interaction(HCI)
interaction  norman model in Human Computer Interaction(HCI)interaction  norman model in Human Computer Interaction(HCI)
interaction norman model in Human Computer Interaction(HCI)
 
Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)
 
Human-Computer Interaction: An Overview
Human-Computer Interaction: An OverviewHuman-Computer Interaction: An Overview
Human-Computer Interaction: An Overview
 
HCI - Chapter 1
HCI - Chapter 1HCI - Chapter 1
HCI - Chapter 1
 
7 Stages of User Action Theory
7 Stages of User Action Theory7 Stages of User Action Theory
7 Stages of User Action Theory
 
Eye Movement based Human Computer Interaction Technique
Eye Movement based Human Computer Interaction TechniqueEye Movement based Human Computer Interaction Technique
Eye Movement based Human Computer Interaction Technique
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
HCI - Chapter 2
HCI - Chapter 2HCI - Chapter 2
HCI - Chapter 2
 
Introduction to Human Computer Interaction
Introduction to Human Computer InteractionIntroduction to Human Computer Interaction
Introduction to Human Computer Interaction
 
Human Computer Interaction HCI
Human Computer Interaction HCI Human Computer Interaction HCI
Human Computer Interaction HCI
 
Lecture 3: Human-Computer Interaction: HCI Design (2014)
Lecture 3: Human-Computer Interaction: HCI Design (2014)Lecture 3: Human-Computer Interaction: HCI Design (2014)
Lecture 3: Human-Computer Interaction: HCI Design (2014)
 
Lecture 4: Human-Computer Interaction: Prototyping (2014)
Lecture 4: Human-Computer Interaction: Prototyping (2014)Lecture 4: Human-Computer Interaction: Prototyping (2014)
Lecture 4: Human-Computer Interaction: Prototyping (2014)
 
HCI
HCIHCI
HCI
 
Sensor based interaction
Sensor based interaction Sensor based interaction
Sensor based interaction
 
Thai hci
Thai hciThai hci
Thai hci
 

Mais de Tarek Amr

Open Access in the Arab World - AUC Open Access Days
Open Access in the Arab World - AUC Open Access DaysOpen Access in the Arab World - AUC Open Access Days
Open Access in the Arab World - AUC Open Access DaysTarek Amr
 
GVMeetup Nov 2013
GVMeetup Nov 2013GVMeetup Nov 2013
GVMeetup Nov 2013Tarek Amr
 
Deceptive spam
Deceptive spamDeceptive spam
Deceptive spamTarek Amr
 
Data Visualization
Data VisualizationData Visualization
Data VisualizationTarek Amr
 
Social Streets in Revolutionary Egypt
Social Streets in Revolutionary EgyptSocial Streets in Revolutionary Egypt
Social Streets in Revolutionary EgyptTarek Amr
 
Story Curation
Story CurationStory Curation
Story CurationTarek Amr
 
إعداد تقارير صحفية
إعداد تقارير صحفيةإعداد تقارير صحفية
إعداد تقارير صحفيةTarek Amr
 
Linux Based DiffServ. Router
Linux Based DiffServ. RouterLinux Based DiffServ. Router
Linux Based DiffServ. RouterTarek Amr
 
SM Role After #Jan25
SM Role After #Jan25SM Role After #Jan25
SM Role After #Jan25Tarek Amr
 
Networked Revolts - Egypt
Networked Revolts - EgyptNetworked Revolts - Egypt
Networked Revolts - EgyptTarek Amr
 
Social Tools and Middle East Uprising
Social Tools and Middle East Uprising Social Tools and Middle East Uprising
Social Tools and Middle East Uprising Tarek Amr
 
Failed Startups - Lessons Learned
Failed Startups - Lessons LearnedFailed Startups - Lessons Learned
Failed Startups - Lessons LearnedTarek Amr
 

Mais de Tarek Amr (12)

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

Human-Computer Interaction Fundamentals

  • 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