Introduction to HCI Kshitiz Anand
What  is HCI? Human Computer Interaction Definition captures more of the interaction. Which is not just limited to the interface. Human Computer Interface Incorrect definition: Capturing only the final interface. One line definition: HCI is the study of interaction between people (users) and computers.
 
Where  does it come from? HCI Cognitive  Psychology Computer Science Fine Arts Design
Human-computer interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them.  How about  this ?  ACM Definition
Brief History  of HCI Gained prominence in the early 1980s Research at Stanford Research Labs and MIT GUI research at Xerox PARC Apple Macintosh Windows 95 interface Research at Universities and Industrial research laboratories at the corporate level in Xerox, IBM, AT&T, and others Expansion from the desktop to environments to gestures
Waves  of HCI
First  Wave 1980s Rigid guidelines Focus on user and the user dimensions Anthropometry Human factors Work related to the desktop Machine centered notion Usability testing and experimental psychology Tasks based actions
Second  Wave 1990s Context Based Expansion of HCI research to workspaces Context where interactions happened Focus on the word ‘Humans’ from ‘Users’ Emphasis on trying to design for workspace and people around it Focus on newer Methods and Rational Thinking Participatory Design becomes famous
Third  Wave 2000s Expanding the reach of HCI to homes and larger environments Users are now called actors and participants Cultural differences takes prominence Solidified Design Processes being followed Non Rational Thinking adopted Thinking out of the box supported at large Research on non tangible factors like Emotions Design inputs from multiple mediators  Wider range of application of technology
* Philosophy  Phenomenology Structuralism * Psychology Human Memory Human Perception Sensory System * Sociology Social psychology Complex Networks * Human factors Product Ergonomics Visual Ergonomics Cognitive Ergonomics * Computer science Computer graphics Artificial intelligence Computer vision * Visualizations Information visualization Scientific visualization Knowledge visualization * Design Industrial design Graphic design and aesthetics Information design Interaction design * Library & Information science  Information Systems Information Management * Information Security HCI Security * Speech-language Pathology
Computer  Science Psychology Design Engineering Human Factors Semiotics Philosophy Ethnography User Research Sociology Language HCI Today
Let us  Simplify
http://www.cs.princeton.edu/courses/archive/fall08/cos436/Verplank/InteractionDesign.htm Can emotions be captured and expressed? How do you do? How do I know what you feel? Do you feel what I know? How does one translate feelings into words? Capturing and designing Interactions Interaction Design
http://www.conetrees.com/2008/12/blog/what-other-disciplines-does-interaction-design-overlap-with/
http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/
Simplify
I d e n t _ t y  Crisis
Who  really is  a  HCI  professional?
Where does one  fit  in?
Was Project  Team Developers Business  Analyst Managers Visual  Designers Consultants
Core  of HCI Professional HCI  Professional Criticism Teamwork Understanding of User Iterative Process Driven Creativity Usability Innovation User Experience Expressing Ideas Methods and Methodology Technological Knowhow Aesthetics  Business Strategy
Is Project  Team Developers Business  Analyst Managers Visual  Designers Consultants HCI  Professional
In the age of  specialization
Can HCI be  left behind ?
HCI Professional  Roles Interaction Designer  HCI Designer  User Interface Designer User Interaction Designer Usability Engineer Usability Consultant User Interface Developer Information Architect User Interface Researcher http://www.fundraw.com/clipart/clip-art/00003218/Male-Face---Cartoon---Glasses---Slightly-Surprised/
Core  of HCI Professional HCI  Professional Criticism Teamwork Understanding of User Iterative Process Driven Creativity Usability Innovation User Experience Expressing Ideas Methods and Methodology Technological Knowhow Aesthetics  Business Strategy
HCI Professional  Roles Interaction Designer  HCI Designer  User Interface Designer User Interaction Designer Usability Engineer Usability Consultant User Interface Developer Information Architect User Interface Researcher http://www.fundraw.com/clipart/clip-art/00003218/Male-Face---Cartoon---Human---Man/ User Experience User Experience Designer  User Experience Researcher
It’s all about the  Experience!
In April 2007 the 100 millionth copy of  it  had been sold. The company claims that  it  is the fastest-selling music player in history. What am I talking about?
Do you  love the iPod ? http://budgetlexicon.files.wordpress.com/2008/05/ipod_heart.jpg
Jodi Forlizzi, CMU.
The  Experience!
Some  Job roles  in HCI that would have gone into the making of the iPod experience
User Experience  Researcher Applies the different methods like ethnography, contextual inquiry, surveys etc  of research to get information about the potential users and existing users.
Information architecture is concerned with the structure of content: how to best structure and label content so that users find the information they need.  Information  Architect
Communication / Visual  Designer  Communication design is about creating a visual language to communicate content.  The fonts, colors, and layout of Web sites and printed materials like this book provide examples of communication design.
Industrial  Designer Industrial design is about form shaping objects in a way that communicates their use while also making them functional. Physical objects like mobile, chairs, tables, etc illustrate this.
Human Factors  Specialist Human factors makes sure those objects conform to the limitations of the human body, both physically and psychologically.
Interaction  Designer This is about how humans relate to each other. Looks into the interactions between humans-computer, computer-computer, computer-human and human-human in varying systems and contexts. Includes any area where technology is applicable.
Usability  Engineer Usability engineering is about testing products to make sure they make sense to users based on a certain set of rules and heuristics.
Thank You! [email_address]   twitter.com/kshitiz | slideshare.net/kshitiz

More Related Content

PPTX
Human Computer Interaction (HCI)
PPT
Introduction to HCI
PPT
Ch5 technical feasibility study
PPTX
Design process interaction design basics
PPT
HCI 3e - Ch 20: Ubiquitous computing and augmented realities
PPTX
E-commerce and Internet Marketing
PPTX
Human Computer Interaction Introduction
PPTX
Introduction to Cybersecurity Fundamentals
Human Computer Interaction (HCI)
Introduction to HCI
Ch5 technical feasibility study
Design process interaction design basics
HCI 3e - Ch 20: Ubiquitous computing and augmented realities
E-commerce and Internet Marketing
Human Computer Interaction Introduction
Introduction to Cybersecurity Fundamentals

What's hot (20)

PPTX
Introduction to HCI (UCC)
PPT
Introducing Human Computer Interaction
PPTX
Human computer interaction 3 4(revised)
PPTX
Human Computer Interaction - Interaction Design
PPTX
Human computer interaction
PPTX
User interface design
PDF
Psychology Human Computer Interaction
PPT
Human computer interaction
PPT
What Is Interaction Design
PPT
HCI 3e - Ch 1: The human
PDF
WEB I - 01 - Introduction to Web Development
PDF
Introduction to Design Pattern
PDF
Mobile Design
PPTX
HCI Presentation
PDF
UX/UI Design 101
PDF
AI: A risk and way to manage risk
PPTX
Direct manipulation and virtual environments
PPTX
HUMAN COMPUTER INTERACTION
PPT
Design Patterns
PPTX
Introduction to object-oriented analysis and design (OOA/D)
Introduction to HCI (UCC)
Introducing Human Computer Interaction
Human computer interaction 3 4(revised)
Human Computer Interaction - Interaction Design
Human computer interaction
User interface design
Psychology Human Computer Interaction
Human computer interaction
What Is Interaction Design
HCI 3e - Ch 1: The human
WEB I - 01 - Introduction to Web Development
Introduction to Design Pattern
Mobile Design
HCI Presentation
UX/UI Design 101
AI: A risk and way to manage risk
Direct manipulation and virtual environments
HUMAN COMPUTER INTERACTION
Design Patterns
Introduction to object-oriented analysis and design (OOA/D)
Ad

Similar to Introduction To HCI (20)

PDF
Hci activity#1
PPTX
Introduction to Human Computer Interaction
PPT
History of Interaction Design
PPTX
Introduction-of-human-interactionLEC1.pptx
PPTX
HCI(Human Computer Interaction).pptx
DOCX
A paper on HCI by Nalaemton and Mervin
DOCX
HCI handouts 1.docx
PPT
Hci Map2
PPT
Hci Map
PDF
Automated UI & UX Framework
PPT
Multimodal man machine interaction
PPTX
Chapter 8 - Maturity Level of HCI
PPTX
Human Computer Interaction (HCI)
PDF
hci overview Good and Poor Design Examples.pdf
PPTX
Human And Computer Interaction Communication Skills
PDF
Multimedia and Virtual Reality Designing Usable Multisensory User Interfaces ...
PPTX
Finger tracking in mobile human compuetr interaction
PPTX
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
PPTX
Human computer interaction
PDF
User Centered Design Patterns and Related Issues – A Review
Hci activity#1
Introduction to Human Computer Interaction
History of Interaction Design
Introduction-of-human-interactionLEC1.pptx
HCI(Human Computer Interaction).pptx
A paper on HCI by Nalaemton and Mervin
HCI handouts 1.docx
Hci Map2
Hci Map
Automated UI & UX Framework
Multimodal man machine interaction
Chapter 8 - Maturity Level of HCI
Human Computer Interaction (HCI)
hci overview Good and Poor Design Examples.pdf
Human And Computer Interaction Communication Skills
Multimedia and Virtual Reality Designing Usable Multisensory User Interfaces ...
Finger tracking in mobile human compuetr interaction
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
Human computer interaction
User Centered Design Patterns and Related Issues – A Review
Ad

More from Kshitiz Anand (20)

PDF
HHT Covid Food Relief work
PDF
Happy Horizons Trust Annual Report 19-20
PDF
Social Commerce
PDF
IIM Kozhikode Placement Brochure
PDF
Happy Horizons Trust Annual Report 2017-2018
PDF
Happy Horizons Trust Annual Report 2016-2017
PDF
UX Now 2016
PDF
Design as Social Capital
PDF
Design and Social Capital
PDF
Annual Report 2015-2016 - Happy Horizons Trust
PDF
Teaching Rural India
PDF
Happy Horizons Trust Annual Report (2014-2015)
PDF
Why we love the products we love
PDF
Creative Presentations
PDF
Design Education in India - Talk at The Goa Project 2015
PDF
Design in the School Classrooms - ICoRD 2015 paper presentation
PDF
User Experience and Prototyping
PDF
Conquering Fear : My thoughts on Entrepreneurship
PDF
Design for Flow
PDF
Why User Experience Matters
HHT Covid Food Relief work
Happy Horizons Trust Annual Report 19-20
Social Commerce
IIM Kozhikode Placement Brochure
Happy Horizons Trust Annual Report 2017-2018
Happy Horizons Trust Annual Report 2016-2017
UX Now 2016
Design as Social Capital
Design and Social Capital
Annual Report 2015-2016 - Happy Horizons Trust
Teaching Rural India
Happy Horizons Trust Annual Report (2014-2015)
Why we love the products we love
Creative Presentations
Design Education in India - Talk at The Goa Project 2015
Design in the School Classrooms - ICoRD 2015 paper presentation
User Experience and Prototyping
Conquering Fear : My thoughts on Entrepreneurship
Design for Flow
Why User Experience Matters

Recently uploaded (20)

PPTX
Update on GST Tribunal.pptxbxhsbsbsbsgzzhhsha
PPTX
CEPT UNIVERSITY PPT FOR LITERATURE CASE STUDY FOR ARCHITECTURE
PPTX
Unit - 1 ppt.pptx Design Thinking overview
PPTX
Healthcare pitch deck (1).pptx is a great
DOCX
Making and Unmaking of Chandigarh -a city of Crisis..docx
PPTX
ACROPOLIS MALL PPT OF LIVE CASE STUDY FOR ARCHITECTURE
PDF
DLL_SCIENCEDLL_SCIENCEDLL_SCIENCEDLL_SCIENCEDLL_SCIENCEDLL_SCIENCEDLL_SCIENCE
PPTX
Design_Thinking_intro[2].pptx design thinking intro
PDF
Techbeeps Services - A premier technology partner
PDF
Fashion terminology -introduction to the fashion industry.pdf
PPTX
hydroponics. Yhguhvujbcujhhhh.pptx.
PPTX
Summative Test - music and arts 4th quar
PPTX
LIGHTING DESIGN.pptx Building Services. Architecture
PPTX
SIH2025_IDEA_Presentation_Format Final[1].pptx
PDF
Valentina Vega de Seoane Rubí - Portfolio
PDF
What_is_the_impact_of_demography_on_high.pdf
PDF
nigerian society of engineers office building , ibeju lekki, lagos state
PPTX
History of Architecture - post modernism ass.pptx
PPTX
nhom 2 -building trust-flexible working.pptx
Update on GST Tribunal.pptxbxhsbsbsbsgzzhhsha
CEPT UNIVERSITY PPT FOR LITERATURE CASE STUDY FOR ARCHITECTURE
Unit - 1 ppt.pptx Design Thinking overview
Healthcare pitch deck (1).pptx is a great
Making and Unmaking of Chandigarh -a city of Crisis..docx
ACROPOLIS MALL PPT OF LIVE CASE STUDY FOR ARCHITECTURE
DLL_SCIENCEDLL_SCIENCEDLL_SCIENCEDLL_SCIENCEDLL_SCIENCEDLL_SCIENCEDLL_SCIENCE
Design_Thinking_intro[2].pptx design thinking intro
Techbeeps Services - A premier technology partner
Fashion terminology -introduction to the fashion industry.pdf
hydroponics. Yhguhvujbcujhhhh.pptx.
Summative Test - music and arts 4th quar
LIGHTING DESIGN.pptx Building Services. Architecture
SIH2025_IDEA_Presentation_Format Final[1].pptx
Valentina Vega de Seoane Rubí - Portfolio
What_is_the_impact_of_demography_on_high.pdf
nigerian society of engineers office building , ibeju lekki, lagos state
History of Architecture - post modernism ass.pptx
nhom 2 -building trust-flexible working.pptx

Introduction To HCI

  • 1. Introduction to HCI Kshitiz Anand
  • 2. What is HCI? Human Computer Interaction Definition captures more of the interaction. Which is not just limited to the interface. Human Computer Interface Incorrect definition: Capturing only the final interface. One line definition: HCI is the study of interaction between people (users) and computers.
  • 3.  
  • 4. Where does it come from? HCI Cognitive Psychology Computer Science Fine Arts Design
  • 5. Human-computer interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them. How about this ? ACM Definition
  • 6. Brief History of HCI Gained prominence in the early 1980s Research at Stanford Research Labs and MIT GUI research at Xerox PARC Apple Macintosh Windows 95 interface Research at Universities and Industrial research laboratories at the corporate level in Xerox, IBM, AT&T, and others Expansion from the desktop to environments to gestures
  • 7. Waves of HCI
  • 8. First Wave 1980s Rigid guidelines Focus on user and the user dimensions Anthropometry Human factors Work related to the desktop Machine centered notion Usability testing and experimental psychology Tasks based actions
  • 9. Second Wave 1990s Context Based Expansion of HCI research to workspaces Context where interactions happened Focus on the word ‘Humans’ from ‘Users’ Emphasis on trying to design for workspace and people around it Focus on newer Methods and Rational Thinking Participatory Design becomes famous
  • 10. Third Wave 2000s Expanding the reach of HCI to homes and larger environments Users are now called actors and participants Cultural differences takes prominence Solidified Design Processes being followed Non Rational Thinking adopted Thinking out of the box supported at large Research on non tangible factors like Emotions Design inputs from multiple mediators Wider range of application of technology
  • 11. * Philosophy Phenomenology Structuralism * Psychology Human Memory Human Perception Sensory System * Sociology Social psychology Complex Networks * Human factors Product Ergonomics Visual Ergonomics Cognitive Ergonomics * Computer science Computer graphics Artificial intelligence Computer vision * Visualizations Information visualization Scientific visualization Knowledge visualization * Design Industrial design Graphic design and aesthetics Information design Interaction design * Library & Information science Information Systems Information Management * Information Security HCI Security * Speech-language Pathology
  • 12. Computer Science Psychology Design Engineering Human Factors Semiotics Philosophy Ethnography User Research Sociology Language HCI Today
  • 13. Let us Simplify
  • 14. http://www.cs.princeton.edu/courses/archive/fall08/cos436/Verplank/InteractionDesign.htm Can emotions be captured and expressed? How do you do? How do I know what you feel? Do you feel what I know? How does one translate feelings into words? Capturing and designing Interactions Interaction Design
  • 18. I d e n t _ t y Crisis
  • 19. Who really is a HCI professional?
  • 20. Where does one fit in?
  • 21. Was Project Team Developers Business Analyst Managers Visual Designers Consultants
  • 22. Core of HCI Professional HCI Professional Criticism Teamwork Understanding of User Iterative Process Driven Creativity Usability Innovation User Experience Expressing Ideas Methods and Methodology Technological Knowhow Aesthetics Business Strategy
  • 23. Is Project Team Developers Business Analyst Managers Visual Designers Consultants HCI Professional
  • 24. In the age of specialization
  • 25. Can HCI be left behind ?
  • 26. HCI Professional Roles Interaction Designer HCI Designer User Interface Designer User Interaction Designer Usability Engineer Usability Consultant User Interface Developer Information Architect User Interface Researcher http://www.fundraw.com/clipart/clip-art/00003218/Male-Face---Cartoon---Glasses---Slightly-Surprised/
  • 27. Core of HCI Professional HCI Professional Criticism Teamwork Understanding of User Iterative Process Driven Creativity Usability Innovation User Experience Expressing Ideas Methods and Methodology Technological Knowhow Aesthetics Business Strategy
  • 28. HCI Professional Roles Interaction Designer HCI Designer User Interface Designer User Interaction Designer Usability Engineer Usability Consultant User Interface Developer Information Architect User Interface Researcher http://www.fundraw.com/clipart/clip-art/00003218/Male-Face---Cartoon---Human---Man/ User Experience User Experience Designer User Experience Researcher
  • 29. It’s all about the Experience!
  • 30. In April 2007 the 100 millionth copy of it had been sold. The company claims that it is the fastest-selling music player in history. What am I talking about?
  • 31. Do you love the iPod ? http://budgetlexicon.files.wordpress.com/2008/05/ipod_heart.jpg
  • 34. Some Job roles in HCI that would have gone into the making of the iPod experience
  • 35. User Experience Researcher Applies the different methods like ethnography, contextual inquiry, surveys etc of research to get information about the potential users and existing users.
  • 36. Information architecture is concerned with the structure of content: how to best structure and label content so that users find the information they need. Information Architect
  • 37. Communication / Visual Designer Communication design is about creating a visual language to communicate content. The fonts, colors, and layout of Web sites and printed materials like this book provide examples of communication design.
  • 38. Industrial Designer Industrial design is about form shaping objects in a way that communicates their use while also making them functional. Physical objects like mobile, chairs, tables, etc illustrate this.
  • 39. Human Factors Specialist Human factors makes sure those objects conform to the limitations of the human body, both physically and psychologically.
  • 40. Interaction Designer This is about how humans relate to each other. Looks into the interactions between humans-computer, computer-computer, computer-human and human-human in varying systems and contexts. Includes any area where technology is applicable.
  • 41. Usability Engineer Usability engineering is about testing products to make sure they make sense to users based on a certain set of rules and heuristics.
  • 42. Thank You! [email_address] twitter.com/kshitiz | slideshare.net/kshitiz

Editor's Notes

  • #15: # How do you do? What sort of ways do you affect the world: poke it, manipulate it, sit on it? # How do you feel? What do you sense of the world and what are the sensory qualities that shape media? # How do you know? What are the ways that you learn and plan (or perhaps, how we want you to think)?
  • #24: HCI Professionals as MEDIATORS. Their ability to be the bridge to help people in the team understand better.