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 10: Universal design
HCI 3e - Ch 10:  Universal designHCI 3e - Ch 10:  Universal design
HCI 3e - Ch 10: Universal designAlan Dix
 
HCI 3e - Ch 12: Cognitive models
HCI 3e - Ch 12:  Cognitive modelsHCI 3e - Ch 12:  Cognitive models
HCI 3e - Ch 12: Cognitive modelsAlan Dix
 
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 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User supportAlan Dix
 
HCI - Chapter 4
HCI - Chapter 4HCI - Chapter 4
HCI - Chapter 4Alan Dix
 
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 2
HCI - Chapter 2HCI - Chapter 2
HCI - Chapter 2Alan Dix
 
HCI 3e - Ch 3: The interaction
HCI 3e - Ch 3:  The interactionHCI 3e - Ch 3:  The interaction
HCI 3e - Ch 3: The interactionAlan Dix
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI)Human Computer Interaction (HCI)
Human Computer Interaction (HCI)Lahiru Danushka
 
HCI - Chapter 6
HCI - Chapter 6HCI - Chapter 6
HCI - Chapter 6Alan Dix
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer InteractionJitu Choudhary
 
Human computer interaction-Memory, Reasoning and Problem solving
Human computer interaction-Memory, Reasoning and Problem solvingHuman computer interaction-Memory, Reasoning and Problem solving
Human computer interaction-Memory, Reasoning and Problem solvingN.Jagadish Kumar
 
HCI 3e - Ch 14: Communication and collaboration models
HCI 3e - Ch 14:  Communication and collaboration modelsHCI 3e - Ch 14:  Communication and collaboration models
HCI 3e - Ch 14: Communication and collaboration modelsAlan Dix
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rulesAlan Dix
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basicsPreeti Mishra
 
HCI 3e - Ch 13: Socio-organizational issues and stakeholder requirements
HCI 3e - Ch 13:  Socio-organizational issues and stakeholder requirementsHCI 3e - Ch 13:  Socio-organizational issues and stakeholder requirements
HCI 3e - Ch 13: Socio-organizational issues and stakeholder requirementsAlan Dix
 
HCI 3e - Ch 9: Evaluation techniques
HCI 3e - Ch 9:  Evaluation techniquesHCI 3e - Ch 9:  Evaluation techniques
HCI 3e - Ch 9: Evaluation techniquesAlan Dix
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)apppsych
 

What's hot (20)

HCI 3e - Ch 10: Universal design
HCI 3e - Ch 10:  Universal designHCI 3e - Ch 10:  Universal design
HCI 3e - Ch 10: Universal design
 
HCI 3e - Ch 12: Cognitive models
HCI 3e - Ch 12:  Cognitive modelsHCI 3e - Ch 12:  Cognitive models
HCI 3e - Ch 12: Cognitive models
 
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 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User support
 
HCI - Chapter 4
HCI - Chapter 4HCI - Chapter 4
HCI - Chapter 4
 
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 2
HCI - Chapter 2HCI - Chapter 2
HCI - Chapter 2
 
HCI 3e - Ch 3: The interaction
HCI 3e - Ch 3:  The interactionHCI 3e - Ch 3:  The interaction
HCI 3e - Ch 3: The interaction
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI)Human Computer Interaction (HCI)
Human Computer Interaction (HCI)
 
HCI - Chapter 6
HCI - Chapter 6HCI - Chapter 6
HCI - Chapter 6
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
Human computer interaction-Memory, Reasoning and Problem solving
Human computer interaction-Memory, Reasoning and Problem solvingHuman computer interaction-Memory, Reasoning and Problem solving
Human computer interaction-Memory, Reasoning and Problem solving
 
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)
 
HCI 3e - Ch 14: Communication and collaboration models
HCI 3e - Ch 14:  Communication and collaboration modelsHCI 3e - Ch 14:  Communication and collaboration models
HCI 3e - Ch 14: Communication and collaboration models
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
HCI 3e - Ch 13: Socio-organizational issues and stakeholder requirements
HCI 3e - Ch 13:  Socio-organizational issues and stakeholder requirementsHCI 3e - Ch 13:  Socio-organizational issues and stakeholder requirements
HCI 3e - Ch 13: Socio-organizational issues and stakeholder requirements
 
HCI 3e - Ch 9: Evaluation techniques
HCI 3e - Ch 9:  Evaluation techniquesHCI 3e - Ch 9:  Evaluation techniques
HCI 3e - Ch 9: Evaluation techniques
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
Human Computer Interaction - INPUT OUTPUT CHANNELS
Human Computer Interaction - INPUT OUTPUT CHANNELSHuman Computer Interaction - INPUT OUTPUT CHANNELS
Human Computer Interaction - INPUT OUTPUT CHANNELS
 

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
 
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
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
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

Analog to Digital and Digital to Analog Converter
Analog to Digital and Digital to Analog ConverterAnalog to Digital and Digital to Analog Converter
Analog to Digital and Digital to Analog ConverterAbhinavSharma374939
 
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...Soham Mondal
 
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...srsj9000
 
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130Suhani Kapoor
 
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
 
Introduction to Multiple Access Protocol.pptx
Introduction to Multiple Access Protocol.pptxIntroduction to Multiple Access Protocol.pptx
Introduction to Multiple Access Protocol.pptxupamatechverse
 
Software Development Life Cycle By Team Orange (Dept. of Pharmacy)
Software Development Life Cycle By  Team Orange (Dept. of Pharmacy)Software Development Life Cycle By  Team Orange (Dept. of Pharmacy)
Software Development Life Cycle By Team Orange (Dept. of Pharmacy)Suman Mia
 
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
(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
 
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVHARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVRajaP95
 
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service NashikCollege Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service NashikCall Girls in Nagpur High Profile
 
SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )Tsuyoshi Horigome
 
GDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentationGDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentationGDSCAESB
 
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
 
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...ranjana rawat
 
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
 
Porous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writingPorous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writingrakeshbaidya232001
 

Recently uploaded (20)

Analog to Digital and Digital to Analog Converter
Analog to Digital and Digital to Analog ConverterAnalog to Digital and Digital to Analog Converter
Analog to Digital and Digital to Analog Converter
 
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
 
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptxExploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
 
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
 
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
Gfe Mayur Vihar Call Girls Service WhatsApp -> 9999965857 Available 24x7 ^ De...
 
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
VIP Call Girls Service Kondapur Hyderabad Call +91-8250192130
 
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
 
Call Us -/9953056974- Call Girls In Vikaspuri-/- Delhi NCR
Call Us -/9953056974- Call Girls In Vikaspuri-/- Delhi NCRCall Us -/9953056974- Call Girls In Vikaspuri-/- Delhi NCR
Call Us -/9953056974- Call Girls In Vikaspuri-/- Delhi NCR
 
Introduction to Multiple Access Protocol.pptx
Introduction to Multiple Access Protocol.pptxIntroduction to Multiple Access Protocol.pptx
Introduction to Multiple Access Protocol.pptx
 
Software Development Life Cycle By Team Orange (Dept. of Pharmacy)
Software Development Life Cycle By  Team Orange (Dept. of Pharmacy)Software Development Life Cycle By  Team Orange (Dept. of Pharmacy)
Software Development Life Cycle By Team Orange (Dept. of Pharmacy)
 
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(PRIYA) Rajgurunagar 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...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVHARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
 
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service NashikCollege Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
 
SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )
 
GDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentationGDSC ASEB Gen AI study jams presentation
GDSC ASEB Gen AI study jams presentation
 
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...
 
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
(SHREYA) Chakan Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Esc...
 
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
 
Porous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writingPorous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writing
 

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