SlideShare a Scribd company logo
CS814PE:
HUMAN COMPUTER INTERACTION
(Professional Elective - VI)
Course Objectives
• To gain an overview of Human-Computer Interaction
(HCI), with an understanding of user interface design in
general, and alternatives to traditional "keyboard and
mouse" computing.
• become familiar with the vocabulary associated with
sensory and cognitive systems as relevant to task
performance by humans.
• be able to apply models from cognitive psychology to
predicting user performance in various human-
computer interaction tasks and recognize the limits of
human performance as they apply to computer
operation.
Course Objectives
• appreciate the importance of a design and evaluation
methodology that begins with and maintains a focus on the
user.
• be familiar with a variety of both conventional and non-
traditional user interface paradigms, the latter including
virtual and augmented reality, mobile and wearable
computing, and ubiquitous computing
• understand the social implications of technology and their
ethical responsibilities as engineers in the design of
technological systems.
• Finally, working in small groups on a product design from
start to finish will provide you with invaluable team-work
experience.
Course Outcomes:
• Ability to apply HCI and principles to
interaction design.
• Ability to design certain tools for blind or PH
people.
UNIT - I
• Introduction: Importance of user Interface –
definition, importance of good design. Benefits of
good design. A brief history of Screen design.
• The graphical user interface – popularity of
graphics, the concept of direct manipulation,
graphical system, Characteristics, Web user –
Interface popularity, characteristics- Principles of
user interface.
What is HCI?
• HCI stands for Human-Computer Interaction.
• It is an interdisciplinary field
that focuses on the design, evaluation, and
implementation of interactive computing systems for
human use.
• The goal of HCI is to create intuitive and user-friendly
interfaces
• between humans and computers that allow people to
interact with technology in a natural and efficient way.
• This involves understanding human behavior, cognitive
processes, and social interactions, as well as the
capabilities and limitations of computers and other
digital devices.
• HCI is a critical component
in the design and development of software
applications, websites, mobile devices, and other
interactive technologies.
• It involves a range of methods and techniques
for studying user behavior, such as usability testing,
user surveys, and user-centered design.
• The ultimate aim of HCI is to improve the user
experience and make technology more accessible
and effective for all users.
What is User Interface?
• A User Interface (UI) is the point of interaction
between a user and a digital device
such as a
 Computer
 mobile phone
 or other electronic device.
It includes:
all the visual, audio, and tactile elements that users
can see, hear, and touch when they interact with a
device.
as well as the overall layout and organization of
information on the screen.
List some of the
Components of User
Interface ?
User Interface has two components
• Input
• Output
Input is how a per communicates his/her needs or
desires to the computer.
Common input components are
Keyboard, mouse, trackball, voice
Output is how the computer conveys the results of
its computations and requirements to the user.
next class
Why user Interface is important?
General considerations for designing
user interface.
what is meant by good user interface?
Benefits of good design.
Why user Interface is important?
• User interface is important to meet user
expectations (accessability, visual aesthetic and
ease of use) and support the effective
functionality of user site.
• A well executed user interface facilitates effective
interaction between the user and the program.
• An optimal mix of effective visuals and efficient
responsiveness will improve site’s conversion
rates.
• It anticipates the needs of the user and then
satisfies those needs.
General considerations for designing
user interface
3 general considerations for designing of user
interface:
• Whether the system uses custom built screens
or browser based.
• What devices will it be used on.
• Which operating systems will it support.
what is meant by good user interface?
• Clear
• Consistent
• Simple
• User-controlled
• Direct and
• Forgiving
Benefits of good design
• Training costs are lowered.
• Employee / user satisfaction will improve.
• Builds customer relationships.
• Bounce rates will lower.
Graphical User Interface

More Related Content

Similar to Unit - 1 - HCI.pptx

Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer InteractionJitu Choudhary
 
HUMAN COMPUTER INTERACTION.pptx
HUMAN COMPUTER INTERACTION.pptxHUMAN COMPUTER INTERACTION.pptx
HUMAN COMPUTER INTERACTION.pptx
MRahul20
 
Human Computer Interaction: Introduction
Human Computer Interaction: IntroductionHuman Computer Interaction: Introduction
Human Computer Interaction: Introduction
chithrajarajan2
 
HUMAN COMPUTER INTERACTION AND THE FUTURE OF USER EXPERIENCE DESIGN
HUMAN COMPUTER INTERACTION AND THE FUTURE OF USER EXPERIENCE DESIGNHUMAN COMPUTER INTERACTION AND THE FUTURE OF USER EXPERIENCE DESIGN
HUMAN COMPUTER INTERACTION AND THE FUTURE OF USER EXPERIENCE DESIGN
Aditya Bhushan
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1
HARISA MARDIANA
 
Human Computer Interface.pptx
Human Computer Interface.pptxHuman Computer Interface.pptx
Human Computer Interface.pptx
AishwaryaSwaminathan4
 
Hci lec 1 & 2
Hci lec 1 & 2Hci lec 1 & 2
Hci lec 1 & 2
Anwal Mirza
 
Introduction to Human Computer Interaction
Introduction to Human Computer InteractionIntroduction to Human Computer Interaction
Introduction to Human Computer Interaction
International Institute of Information Technology (I²IT)
 
Human computer interaction on web
Human computer interaction on webHuman computer interaction on web
Human computer interaction on web
Burhan Ahmed
 
ICT L4.pptx
ICT L4.pptxICT L4.pptx
ICT L4.pptx
AssemNazirova2
 
human computer interaction presentation briefly
human computer interaction presentation  brieflyhuman computer interaction presentation  briefly
human computer interaction presentation briefly
punyapuharshitha
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction Introduction
N.Jagadish Kumar
 
HCI NOTES.pdf
HCI NOTES.pdfHCI NOTES.pdf
HCI NOTES.pdf
Shankar92122
 
Role of human interaction
Role of human interactionRole of human interaction
Role of human interaction
DEEPIKA T
 
Automated UI & UX Framework
Automated UI & UX FrameworkAutomated UI & UX Framework
Automated UI & UX Framework
IJARIIT
 
hci lecture notes pt.pptx
hci lecture notes pt.pptxhci lecture notes pt.pptx
hci lecture notes pt.pptx
AkinolaDamilareSamso
 
Future of interface design
Future of interface designFuture of interface design
Future of interface design
Todd Soulas
 

Similar to Unit - 1 - HCI.pptx (20)

Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
HCI
HCIHCI
HCI
 
HUMAN COMPUTER INTERACTION.pptx
HUMAN COMPUTER INTERACTION.pptxHUMAN COMPUTER INTERACTION.pptx
HUMAN COMPUTER INTERACTION.pptx
 
Human Computer Interaction: Introduction
Human Computer Interaction: IntroductionHuman Computer Interaction: Introduction
Human Computer Interaction: Introduction
 
HUMAN COMPUTER INTERACTION AND THE FUTURE OF USER EXPERIENCE DESIGN
HUMAN COMPUTER INTERACTION AND THE FUTURE OF USER EXPERIENCE DESIGNHUMAN COMPUTER INTERACTION AND THE FUTURE OF USER EXPERIENCE DESIGN
HUMAN COMPUTER INTERACTION AND THE FUTURE OF USER EXPERIENCE DESIGN
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1
 
Human Computer Interface.pptx
Human Computer Interface.pptxHuman Computer Interface.pptx
Human Computer Interface.pptx
 
Hci lec 1 & 2
Hci lec 1 & 2Hci lec 1 & 2
Hci lec 1 & 2
 
HCI
HCIHCI
HCI
 
Introduction to Human Computer Interaction
Introduction to Human Computer InteractionIntroduction to Human Computer Interaction
Introduction to Human Computer Interaction
 
HCI.pdf
HCI.pdfHCI.pdf
HCI.pdf
 
Human computer interaction on web
Human computer interaction on webHuman computer interaction on web
Human computer interaction on web
 
ICT L4.pptx
ICT L4.pptxICT L4.pptx
ICT L4.pptx
 
human computer interaction presentation briefly
human computer interaction presentation  brieflyhuman computer interaction presentation  briefly
human computer interaction presentation briefly
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction Introduction
 
HCI NOTES.pdf
HCI NOTES.pdfHCI NOTES.pdf
HCI NOTES.pdf
 
Role of human interaction
Role of human interactionRole of human interaction
Role of human interaction
 
Automated UI & UX Framework
Automated UI & UX FrameworkAutomated UI & UX Framework
Automated UI & UX Framework
 
hci lecture notes pt.pptx
hci lecture notes pt.pptxhci lecture notes pt.pptx
hci lecture notes pt.pptx
 
Future of interface design
Future of interface designFuture of interface design
Future of interface design
 

Recently uploaded

Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdfAdversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Po-Chuan Chen
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
MysoreMuleSoftMeetup
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
Nguyen Thanh Tu Collection
 
Embracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic ImperativeEmbracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic Imperative
Peter Windle
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
MIRIAMSALINAS13
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 
The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
heathfieldcps1
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
Delapenabediema
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
Jisc
 
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCECLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
BhavyaRajput3
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
joachimlavalley1
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
camakaiclarkmusic
 
Introduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp NetworkIntroduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp Network
TechSoup
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
Special education needs
 
678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf
CarlosHernanMontoyab2
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
EugeneSaldivar
 

Recently uploaded (20)

Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdfAdversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
 
Embracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic ImperativeEmbracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic Imperative
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 
The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
 
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCECLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
 
Introduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp NetworkIntroduction to AI for Nonprofits with Tapp Network
Introduction to AI for Nonprofits with Tapp Network
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
 
678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
 

Unit - 1 - HCI.pptx

  • 2. Course Objectives • To gain an overview of Human-Computer Interaction (HCI), with an understanding of user interface design in general, and alternatives to traditional "keyboard and mouse" computing. • become familiar with the vocabulary associated with sensory and cognitive systems as relevant to task performance by humans. • be able to apply models from cognitive psychology to predicting user performance in various human- computer interaction tasks and recognize the limits of human performance as they apply to computer operation.
  • 3. Course Objectives • appreciate the importance of a design and evaluation methodology that begins with and maintains a focus on the user. • be familiar with a variety of both conventional and non- traditional user interface paradigms, the latter including virtual and augmented reality, mobile and wearable computing, and ubiquitous computing • understand the social implications of technology and their ethical responsibilities as engineers in the design of technological systems. • Finally, working in small groups on a product design from start to finish will provide you with invaluable team-work experience.
  • 4. Course Outcomes: • Ability to apply HCI and principles to interaction design. • Ability to design certain tools for blind or PH people.
  • 5. UNIT - I • Introduction: Importance of user Interface – definition, importance of good design. Benefits of good design. A brief history of Screen design. • The graphical user interface – popularity of graphics, the concept of direct manipulation, graphical system, Characteristics, Web user – Interface popularity, characteristics- Principles of user interface.
  • 7. • HCI stands for Human-Computer Interaction. • It is an interdisciplinary field that focuses on the design, evaluation, and implementation of interactive computing systems for human use. • The goal of HCI is to create intuitive and user-friendly interfaces • between humans and computers that allow people to interact with technology in a natural and efficient way. • This involves understanding human behavior, cognitive processes, and social interactions, as well as the capabilities and limitations of computers and other digital devices.
  • 8. • HCI is a critical component in the design and development of software applications, websites, mobile devices, and other interactive technologies. • It involves a range of methods and techniques for studying user behavior, such as usability testing, user surveys, and user-centered design. • The ultimate aim of HCI is to improve the user experience and make technology more accessible and effective for all users.
  • 9. What is User Interface?
  • 10. • A User Interface (UI) is the point of interaction between a user and a digital device such as a  Computer  mobile phone  or other electronic device. It includes: all the visual, audio, and tactile elements that users can see, hear, and touch when they interact with a device. as well as the overall layout and organization of information on the screen.
  • 11. List some of the Components of User Interface ?
  • 12. User Interface has two components • Input • Output Input is how a per communicates his/her needs or desires to the computer. Common input components are Keyboard, mouse, trackball, voice Output is how the computer conveys the results of its computations and requirements to the user.
  • 13. next class Why user Interface is important? General considerations for designing user interface. what is meant by good user interface? Benefits of good design.
  • 14. Why user Interface is important?
  • 15. • User interface is important to meet user expectations (accessability, visual aesthetic and ease of use) and support the effective functionality of user site. • A well executed user interface facilitates effective interaction between the user and the program. • An optimal mix of effective visuals and efficient responsiveness will improve site’s conversion rates. • It anticipates the needs of the user and then satisfies those needs.
  • 16. General considerations for designing user interface
  • 17. 3 general considerations for designing of user interface: • Whether the system uses custom built screens or browser based. • What devices will it be used on. • Which operating systems will it support.
  • 18. what is meant by good user interface? • Clear • Consistent • Simple • User-controlled • Direct and • Forgiving
  • 19. Benefits of good design • Training costs are lowered. • Employee / user satisfaction will improve. • Builds customer relationships. • Bounce rates will lower.