SlideShare a Scribd company logo
1 of 17
Human Computer Interaction
Interaction Design
Miss. Vrushali Dhanokar
M.Tech CSE
dhanokarvrushali@gmail.com
Human Computer Interaction(HCI)
• HCI researches the design and use of computer technology and focused on
interface between people and computer.
• HCI is study and practice of usability.
• It is about understanding and creating software and other technologies that
people want to use, will be able to use and will find effective when used.
• Principles of HCI is ‘People should come first’.
• It makes the interaction between people and technology more effective and more
enjoyable.
Interaction Design
Interaction Design defined as user oriented field of study that focuses on
meaningful communication of media through cyclical and collaborative
processes between people and technology.
Dimensions of Interaction Design
1. Words-
They should communicate information to the user but not too much information. E.g. Taglines,
Slogans etc.
2. Visual representation-
It includes all graphical elements like images, emojis, icons etc.
3. Physical objects or space-
It includes portability and flexibility of the applications.
4. Time-
It refers media that changes with time. For e.g. Animation, Sound, Videos etc.
5. Behavior-
It includes How do user perform actions on websites? How do users operate the product? It
includes reactions and feedbacks of the user.
Interaction Framework
Interaction Framework
1. Core-
The system language is known as core language which understand by system
or its machine language.
2. Task-
The users language referred as user task language understand by the user.
3. Articulation-
Users produced some input to the system in various forms.
4. Performance-
System performs actions on those input.
5. Presentation-
System present the output to the user.
6. Observation-
User observe those output and perform action on them.
Ergonomics
• Ergonomics is study of people in there working environment.
• Ergonomics is study of psychology and system constraints which is concern in
HCI.
• There are four cases like-
1. In case of arrangement of controls and display:
It is the set of frequently used controls which arrange logically, so user get easily
read it.
2. In case of physical environment of interaction:
It is focus on standing, moving and sitting position we used app.
3. In case of health issues:
It includes physical postures, poor arrangement of devices, Back pain and eye
strain etc.
4. In case of colors:
Every color has there own culture and identity.
Ergonomics
Interaction Styles
1. Command Line Interface
2. Menus
3. Natural Language
4. Questions/ Answers and Query Dialogues
5. Form fills and Spreadsheets
6. WIMP Interface
7. Point and Click
8. Three Dimensional Interface
WIMP Interface
1. Window:
1. Single Document Interface (SDI)
e.g. Single document open at a time. Only MS-Word etc.
2. Multiple Document Interface(MDI)
e.g. Multiple documents or apps open at a time. MS-Word, Browser,
MS-Excel etc.
3. Tabbed Document Interface(TDI)
e.g. Multiple tabs are open at a time. Google, Yahoo, FB etc
2. Icons:
Graphical representation describing some actions. For e.g. Warning,
Error, Battery status, Speaker, Wi-Fi, Image file, PDF file, Text file
etc.
WIMP Interface
3. Menus:
1. Single Menu-
2. Sequential Linear Menu-
WIMP Interface
3. Simultaneous Menu-
4. Function Menu-
WIMP Interface
5. Hierarchical Menu-
4. Pointer:
The pointer is an essential elements drag and drop, selection of menu,
options, button etc. For e.g.
Paradigm of Interaction
1. Time sharing
2. Video Display Unit
3. Programming Toolkits
4. Personal Computing
5. Windows System
6. WIMP Interface
7. The metaphor
8. Direct Manipulation
Interaction design process basic activities
1. Establishing Requirements
2. Designing Alternatives
3. Prototyping
4. Evaluation
Thank You….!!

More Related Content

What's hot

HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rulesAlan Dix
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channelN.Jagadish Kumar
 
HCI 3e - Ch 2: The computer
HCI 3e - Ch 2:  The computerHCI 3e - Ch 2:  The computer
HCI 3e - Ch 2: The computerAlan Dix
 
HCI 3e - Ch 8: Implementation support
HCI 3e - Ch 8:  Implementation supportHCI 3e - Ch 8:  Implementation support
HCI 3e - Ch 8: Implementation supportAlan Dix
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI) Human Computer Interaction (HCI)
Human Computer Interaction (HCI) Sachith Perera
 
hci in software development process
hci in software development processhci in software development process
hci in software development processKainat Ilyas
 
Iteration and prototyping
Iteration and prototypingIteration and prototyping
Iteration and prototypingHafizMImran1
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3Alan Dix
 
HCI 3e - Ch 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User supportAlan Dix
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction IntroductionN.Jagadish Kumar
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer InteractionJitu Choudhary
 
Introducing Human Computer Interaction
Introducing Human Computer InteractionIntroducing Human Computer Interaction
Introducing Human Computer Interactionhcicourse
 
HCI 3e - Ch 1: The human
HCI 3e - Ch 1:  The humanHCI 3e - Ch 1:  The human
HCI 3e - Ch 1: The humanAlan Dix
 
HCI - Chapter 6
HCI - Chapter 6HCI - Chapter 6
HCI - Chapter 6Alan Dix
 
HCI 3e - Ch 10: Universal design
HCI 3e - Ch 10:  Universal designHCI 3e - Ch 10:  Universal design
HCI 3e - Ch 10: Universal designAlan Dix
 

What's hot (20)

HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channel
 
HCI 3e - Ch 2: The computer
HCI 3e - Ch 2:  The computerHCI 3e - Ch 2:  The computer
HCI 3e - Ch 2: The computer
 
HCI 3e - Ch 8: Implementation support
HCI 3e - Ch 8:  Implementation supportHCI 3e - Ch 8:  Implementation support
HCI 3e - Ch 8: Implementation support
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI) Human Computer Interaction (HCI)
Human Computer Interaction (HCI)
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
 
Iteration and prototyping
Iteration and prototypingIteration and prototyping
Iteration and prototyping
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3
 
HCI 3e - Ch 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User support
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction Introduction
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
Introducing Human Computer Interaction
Introducing Human Computer InteractionIntroducing Human Computer Interaction
Introducing Human Computer Interaction
 
HCI 3e - Ch 1: The human
HCI 3e - Ch 1:  The humanHCI 3e - Ch 1:  The human
HCI 3e - Ch 1: The human
 
HCI - Chapter 6
HCI - Chapter 6HCI - Chapter 6
HCI - Chapter 6
 
HCI 3e - Ch 10: Universal design
HCI 3e - Ch 10:  Universal designHCI 3e - Ch 10:  Universal design
HCI 3e - Ch 10: Universal design
 
HCI
HCIHCI
HCI
 
HCI
HCIHCI
HCI
 
Hci activity#1
Hci activity#1Hci activity#1
Hci activity#1
 

Similar to Human Computer Interaction - Interaction Design

Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsGEETHAS668001
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)apppsych
 
Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshopShyamala Prayaga
 
Psychology Human Computer Interaction
Psychology Human Computer InteractionPsychology Human Computer Interaction
Psychology Human Computer InteractionSeta Wicaksana
 
UNIT III Lecture-I.pptx
UNIT III Lecture-I.pptxUNIT III Lecture-I.pptx
UNIT III Lecture-I.pptxAmirEyni1
 
Usability guidelines for usable user interface
Usability guidelines for usable user interfaceUsability guidelines for usable user interface
Usability guidelines for usable user interfaceeSAT Publishing House
 
HCI 1st and 2nd sessions
HCI  1st and 2nd sessionsHCI  1st and 2nd sessions
HCI 1st and 2nd sessionsHannesChimusi
 
Introduction and Human Information Processing lecture.ppt
Introduction and Human Information Processing lecture.pptIntroduction and Human Information Processing lecture.ppt
Introduction and Human Information Processing lecture.pptPradeepJoshi88
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAAiman Hud
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1HARISA MARDIANA
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackonnajam gs
 
Hci Map2
Hci Map2Hci Map2
Hci Map2shaeful
 
Distance education website using human computer interaction
Distance education website using human computer interactionDistance education website using human computer interaction
Distance education website using human computer interactionPavan Yogi
 
Design of Distance Education Website Using Human-Computer-Interaction
Design of Distance Education Website Using Human-Computer-InteractionDesign of Distance Education Website Using Human-Computer-Interaction
Design of Distance Education Website Using Human-Computer-InteractionPavan Yogi
 

Similar to Human Computer Interaction - Interaction Design (20)

Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basics
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
Lecture1.ppt
Lecture1.pptLecture1.ppt
Lecture1.ppt
 
Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshop
 
ICS3211 Lecture 07
ICS3211 Lecture 07 ICS3211 Lecture 07
ICS3211 Lecture 07
 
Psychology Human Computer Interaction
Psychology Human Computer InteractionPsychology Human Computer Interaction
Psychology Human Computer Interaction
 
Hci [6]interaction design
Hci [6]interaction designHci [6]interaction design
Hci [6]interaction design
 
UNIT III Lecture-I.pptx
UNIT III Lecture-I.pptxUNIT III Lecture-I.pptx
UNIT III Lecture-I.pptx
 
Usability guidelines for usable user interface
Usability guidelines for usable user interfaceUsability guidelines for usable user interface
Usability guidelines for usable user interface
 
C0353018026
C0353018026C0353018026
C0353018026
 
HCI 1st and 2nd sessions
HCI  1st and 2nd sessionsHCI  1st and 2nd sessions
HCI 1st and 2nd sessions
 
Introduction and Human Information Processing lecture.ppt
Introduction and Human Information Processing lecture.pptIntroduction and Human Information Processing lecture.ppt
Introduction and Human Information Processing lecture.ppt
 
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
ICS3211 lecture 07
ICS3211 lecture 07ICS3211 lecture 07
ICS3211 lecture 07
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackon
 
Hci Map
Hci MapHci Map
Hci Map
 
Hci Map2
Hci Map2Hci Map2
Hci Map2
 
Distance education website using human computer interaction
Distance education website using human computer interactionDistance education website using human computer interaction
Distance education website using human computer interaction
 
Design of Distance Education Website Using Human-Computer-Interaction
Design of Distance Education Website Using Human-Computer-InteractionDesign of Distance Education Website Using Human-Computer-Interaction
Design of Distance Education Website Using Human-Computer-Interaction
 

Recently uploaded

Introduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptxIntroduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptxupamatechverse
 
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...ranjana rawat
 
Porous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writingPorous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writingrakeshbaidya232001
 
BSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptx
BSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptxBSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptx
BSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptxfenichawla
 
University management System project report..pdf
University management System project report..pdfUniversity management System project report..pdf
University management System project report..pdfKamal Acharya
 
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Dr.Costas Sachpazis
 
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Dr.Costas Sachpazis
 
Booking open Available Pune Call Girls Pargaon 6297143586 Call Hot Indian Gi...
Booking open Available Pune Call Girls Pargaon  6297143586 Call Hot Indian Gi...Booking open Available Pune Call Girls Pargaon  6297143586 Call Hot Indian Gi...
Booking open Available Pune Call Girls Pargaon 6297143586 Call Hot Indian Gi...Call Girls in Nagpur High Profile
 
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escortsranjana rawat
 
Online banking management system project.pdf
Online banking management system project.pdfOnline banking management system project.pdf
Online banking management system project.pdfKamal Acharya
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
UNIT-V FMM.HYDRAULIC TURBINE - Construction and working
UNIT-V FMM.HYDRAULIC TURBINE - Construction and workingUNIT-V FMM.HYDRAULIC TURBINE - Construction and working
UNIT-V FMM.HYDRAULIC TURBINE - Construction and workingrknatarajan
 
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...Christo Ananth
 
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 BookingVIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Bookingdharasingh5698
 
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...Call Girls in Nagpur High Profile
 
Processing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptxProcessing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptxpranjaldaimarysona
 

Recently uploaded (20)

Introduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptxIntroduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptx
 
Roadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and RoutesRoadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and Routes
 
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...
 
Porous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writingPorous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writing
 
BSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptx
BSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptxBSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptx
BSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptx
 
University management System project report..pdf
University management System project report..pdfUniversity management System project report..pdf
University management System project report..pdf
 
Water Industry Process Automation & Control Monthly - April 2024
Water Industry Process Automation & Control Monthly - April 2024Water Industry Process Automation & Control Monthly - April 2024
Water Industry Process Automation & Control Monthly - April 2024
 
(INDIRA) Call Girl Aurangabad Call Now 8617697112 Aurangabad Escorts 24x7
(INDIRA) Call Girl Aurangabad Call Now 8617697112 Aurangabad Escorts 24x7(INDIRA) Call Girl Aurangabad Call Now 8617697112 Aurangabad Escorts 24x7
(INDIRA) Call Girl Aurangabad Call Now 8617697112 Aurangabad Escorts 24x7
 
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
 
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
 
Booking open Available Pune Call Girls Pargaon 6297143586 Call Hot Indian Gi...
Booking open Available Pune Call Girls Pargaon  6297143586 Call Hot Indian Gi...Booking open Available Pune Call Girls Pargaon  6297143586 Call Hot Indian Gi...
Booking open Available Pune Call Girls Pargaon 6297143586 Call Hot Indian Gi...
 
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
 
Online banking management system project.pdf
Online banking management system project.pdfOnline banking management system project.pdf
Online banking management system project.pdf
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
UNIT-V FMM.HYDRAULIC TURBINE - Construction and working
UNIT-V FMM.HYDRAULIC TURBINE - Construction and workingUNIT-V FMM.HYDRAULIC TURBINE - Construction and working
UNIT-V FMM.HYDRAULIC TURBINE - Construction and working
 
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
 
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 BookingVIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
 
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...
 
DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINE
DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINEDJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINE
DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINE
 
Processing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptxProcessing & Properties of Floor and Wall Tiles.pptx
Processing & Properties of Floor and Wall Tiles.pptx
 

Human Computer Interaction - Interaction Design

  • 1. Human Computer Interaction Interaction Design Miss. Vrushali Dhanokar M.Tech CSE dhanokarvrushali@gmail.com
  • 2. Human Computer Interaction(HCI) • HCI researches the design and use of computer technology and focused on interface between people and computer. • HCI is study and practice of usability. • It is about understanding and creating software and other technologies that people want to use, will be able to use and will find effective when used. • Principles of HCI is ‘People should come first’. • It makes the interaction between people and technology more effective and more enjoyable.
  • 3.
  • 4. Interaction Design Interaction Design defined as user oriented field of study that focuses on meaningful communication of media through cyclical and collaborative processes between people and technology.
  • 5. Dimensions of Interaction Design 1. Words- They should communicate information to the user but not too much information. E.g. Taglines, Slogans etc. 2. Visual representation- It includes all graphical elements like images, emojis, icons etc. 3. Physical objects or space- It includes portability and flexibility of the applications. 4. Time- It refers media that changes with time. For e.g. Animation, Sound, Videos etc. 5. Behavior- It includes How do user perform actions on websites? How do users operate the product? It includes reactions and feedbacks of the user.
  • 7. Interaction Framework 1. Core- The system language is known as core language which understand by system or its machine language. 2. Task- The users language referred as user task language understand by the user. 3. Articulation- Users produced some input to the system in various forms. 4. Performance- System performs actions on those input. 5. Presentation- System present the output to the user. 6. Observation- User observe those output and perform action on them.
  • 8. Ergonomics • Ergonomics is study of people in there working environment. • Ergonomics is study of psychology and system constraints which is concern in HCI. • There are four cases like- 1. In case of arrangement of controls and display: It is the set of frequently used controls which arrange logically, so user get easily read it. 2. In case of physical environment of interaction: It is focus on standing, moving and sitting position we used app. 3. In case of health issues: It includes physical postures, poor arrangement of devices, Back pain and eye strain etc. 4. In case of colors: Every color has there own culture and identity.
  • 10. Interaction Styles 1. Command Line Interface 2. Menus 3. Natural Language 4. Questions/ Answers and Query Dialogues 5. Form fills and Spreadsheets 6. WIMP Interface 7. Point and Click 8. Three Dimensional Interface
  • 11. WIMP Interface 1. Window: 1. Single Document Interface (SDI) e.g. Single document open at a time. Only MS-Word etc. 2. Multiple Document Interface(MDI) e.g. Multiple documents or apps open at a time. MS-Word, Browser, MS-Excel etc. 3. Tabbed Document Interface(TDI) e.g. Multiple tabs are open at a time. Google, Yahoo, FB etc 2. Icons: Graphical representation describing some actions. For e.g. Warning, Error, Battery status, Speaker, Wi-Fi, Image file, PDF file, Text file etc.
  • 12. WIMP Interface 3. Menus: 1. Single Menu- 2. Sequential Linear Menu-
  • 13. WIMP Interface 3. Simultaneous Menu- 4. Function Menu-
  • 14. WIMP Interface 5. Hierarchical Menu- 4. Pointer: The pointer is an essential elements drag and drop, selection of menu, options, button etc. For e.g.
  • 15. Paradigm of Interaction 1. Time sharing 2. Video Display Unit 3. Programming Toolkits 4. Personal Computing 5. Windows System 6. WIMP Interface 7. The metaphor 8. Direct Manipulation
  • 16. Interaction design process basic activities 1. Establishing Requirements 2. Designing Alternatives 3. Prototyping 4. Evaluation