SlideShare una empresa de Scribd logo
1 de 65
Human Computer Interaction

    Meet   Maulik    Dharit    Hardik
    Shah   Shah     Sanghvi   Pipaldara
Major Points

• Understanding Human-Computer Interaction

• Types of User Interfaces

• Guidelines for Dialog Design

• Designing Queries




                                             2
Understanding Human-Computer
         Interaction (HCI)
• Ensuring system functionality and usability, providing effective user
  interaction support and enhancing a pleasant user experience.

• Its goal is to achieve Organizational and Individual use effectiveness
  and efficiency.

• The main method of HCI in system analysis and design is to
  frequently get feedbacks from users about their experiences with
  prototyped design, refining the design based on the suggested
  changes and doing this again and again until the design is
  acceptable and feedback is being positive.
                                                                       3
Terminologies

• Fit

• Task

• Performance

• Well-Being




                                4
Fit:
       • Basically a “ fit ” can be known as “ a perfect match ”.

       • A good fit between the HCI elements of the human, the
       computer and the task that needs to be performed leads to
       performance and well-being.

       • Better fit is meant to result in better performance and greater
       overall well-being for the human involved system.




                                                                           5
6
Task
  • A task is a structure or unstructured , complex or simple
  routine which is done under an environment.

  • Complex tasks that require human, system, and task
  interaction are supported by ecommerce and Web systems, ERP
  systems, and wireless systems inside and outside of the
  organization.


Performance
  • A combination of the efficiency involved in performing a task
  and the quality of the work that is produced by the task.

  • If the performance in the task is good then the performance of
  its outcome will be good as well.
                                                                     7
Well-Being
  • Concern for a human’s overall comfort, safety and health.

  • Physical and Psychological aspects are also taken care.

  •E.g. Using CASE Tools for producing DFDs on a computer
  serves well-being to an analyst cause it’s a “ best fit “ of the
  analyst, software objective and computer. An analyst is working
  in an environment where s/he is physically comfortable and
  psychologically inspired to be creative and productive.




                                                                     8
The Technology Acceptance Model
             (TAM)
• It was proposed by Davis in 1989 and was refined and improved by
  Davis and others.

• Its an approach to organize thinking about whether the user will
  accept and use the information technology.

• It can be used before the system is developed or after the system is
  developed but for both the purpose is different.




                                                                         9
• If TAM is used before development of system
  then it will be accomplished on the 2 keys.
   – Ease of use
   – Usefulness


• If TAM is used after development then it will be
  used to shape a training program.




                                                10
Designing for cognitive styles of
           individual users
• Making sure data is made available in different forms
  – Tables
  – Graphs
  – Text




                                                          11
Pivot Tables

• Allows a user to arrange data in a table in any way they choose

• Gives users greater control over how they look at data in different
  ways within a table.




                                                                        12
13
Physical Considerations in HCI
              Design

• Vision
  – HCI prospective tells to think on the limitation of human vision.

  – Factors such as distance from display to a person, angle of vision, color, font
    size, type of display, uniformity and placement etc.


• Hearing
  – In an office noisy dot matrix printers and phone conversation will lead to
    overload hearing and personnel ipod players or noise canceling headphones
    will diminish their skill of work.

  – Analyst needs to consider noise while designing the office system.
                                                                                 14
Physical Considerations in HCI
               Design

• Touch
  – Touch is all about the input devices that are used to enter data in a system.

  – For this the well know interfaces are Key board, mouse, touch screen, stylus
    touch etc.

  – According to the requirement these devices are updated to serve well-being
    to the users.




                                                                                    15
Considering Human
Limitations, Disabilities, and Design
• Users of a computer system may be having some disabilities or
  some physical limitation.

• HCI approaches special software packages, hardware devices and
  concepts that can serve well-being to such special users.




                                                              16
• Blind or those with low vision
  –   Braille keyboards
  –   Special software that reads Web pages and other
      documents aloud
  –   Screen magnifiers


• Deaf or impaired hearing
  – Include access to written versions of the audio
    material
  – Headphones




                                                   17
• People with limited mobility
  – Use of speech input rather than keyboard

  – Use of see spot in place of mouse (Bio Medical)




                                                      18
Implementing good HCI practices

• Matching the user interface to the task.

• Making the user interface efficient

• Providing appropriate feedback to users

• Generating usable queries




                                             19
Interface Design Objectives

• Match the user interface to the task

• Make the user interface efficient

• Provide appropriate feedback to users

• Generate usable queries

• Improve productivity of computer users


                                           20
Types of User Interfaces

• Natural-language interfaces

• Question-and-answer interfaces

• Menus

• Form-fill interfaces

• Command-language interfaces


                                      21
• Graphical User Interfaces (GUIs)

• Web interfaces




                                     22
Natural-Language Interfaces

• Permit users to interact with the computer in their everyday or
  "natural" language

• Implementation problems and extraordinary demand on computing
  resources have so far kept natural-language interfaces to a
  minimum




                                                               23
Question-and-Answer Interfaces

• The computer displays a question to the user on the display

• The user enters an answer through mouse click or keyboard
  stroke

• The computer acts on that input information in a preprogrammed
  manner

• Users unfamiliar with applications may find question-and-answer
  interfaces most comfortable

                                                                    24
25
Menus

• Provides the user with an onscreen list of available selections

• Not hardware dependent

• Can be put aside until the user wants to use them

• Can be nested within one another to lead a user through
  options in a program

• GUI menus

• Object menu
                                                                    26
27
GUI menus are used to control PC
software and have following guidelines:

• The main menu bar is always displayed

• The main menu uses single words for menu items. Main menu
  options always display secondary pull-down menus.

• The drop-down menus that display when a menu item is clicked
  often consist of more than 1 word.

• Menu items in grey are unavailable for current activity.



                                                             28
Form-Fill Interfaces
               (Input/output Forms)

• Onscreen forms or Web-based forms displaying fields containing data
  items or parameters that need to be communicated to the user

• Advantage
   – The filled-in form provides excellent documentation

• Disadvantage
   – Users experienced with the system or application may become
     impatient



                                                                   29
30
Command-Language Interfaces

• Allows the user to control the application with a series of
  keystrokes, commands, phrases, or some sequence of these

• Affords the user more flexibility and control

• Require memorization of syntax rules

• May be an obstacle for inexperienced users



                                                           31
32
Graphical User Interfaces

• Provide users constant feedback on task accomplishment

• Continuous feedback on the manipulated object means that
  changes or reveals in operations can be made quickly without
  incurring error messages

• An appropriate model of reality or an acceptable conceptual model
  of the representation must be invented




                                                                 33
Other User Interfaces

• Pointing devices

• Touch-sensitive screens

• Speech recognition and synthesis




                                     34
Guidelines for Dialog Design

Key-points for designing good dialogs:

• Meaningful communication

• Minimal user action

• Standard operation and consistency




                                         35
Meaningful communication

• It is because the computer understand what the people are entering
  and people understand what the computer is presenting. (e.g.)

• The system should present information clearly to the user.

• An appropriate title for each display, minimizing the use of
  abbreviations and providing clear user feedback.

• Data in an edited format. (e.g. date , amount fields)

• The cursor may change shape depending on the work being performed.
                                                                       36
• Web-sites must display more text and instruction to guide the user
  through the sites.

• Images must be used with the pop-up text or little bit description and
  all images must be labeled.

•   Status line is an another way of providing instruction for users.

• Tool-tip is helpful to identifying the function of a command button.




                                                                         37
Minimal User Action

• Keying codes instead of whole words (e.g.)

• Entering data that are not already stored on files (e.g.)

• Supplying the editing characters (e.g. date , amount field)

• Using default values for fields on entry screens

• Designing an inquiry, change, or delete program so that the user needs
  to enter only the first few characters of a name or item description

• Providing keystrokes for selecting pull-down menu options
                                                                    38
• Use radio buttons and drop-down lists to control displays of new Web
  pages or to change Web forms

• Provide cursor control for Web forms and other displays so the cursor
  moves to the next field when the right number of characters has been
  entered




                                                                    39
Standard operation and consistency

• Locating titles, date, time, and operator and feedback messages in the
  same places on all displays

• Exiting each program by the same key or menu option

• Canceling a transaction in a consistent way

• Obtaining help in a standardized way

• Standardizing the colors used for all displays or Web pages


                                                                    40
• Standardizing the use of icons for similar operations

• Using consistent terminology in a display or Web site

• Providing a consistent way to navigate through the dialog

• Using consistent font alignment, size, and color on a Web page




                                                                   41
Description:
This tab control dialog box has seven tabs. The chosen tab
“Paper” appears as if it is in front of the other tabs




                                                             42
      back
43
back
44
back
45
back
46
back
Designing Queries

• Help reduce users’ time spend in querying the database

• Help them find the data they want

• Six different types of queries are among the most common




                                                             47
It Is Possible to Perform Six Basic Types of Queries on a Table that
               Contains Entities, Attributes, and Values




                                                                  48
Query Types

Query Type 1
• What is the value of a specified attribute for a particular entity?

• The purpose of the query is to find the value.

• Query Notation

• V  (E, A)


                                                                        49
V  (E, A)
Query Type 1 – What did employee number 72888 make in year 2009?




                                                              50
Query Types

Query Type 2
• What entity has a specified value for a particular attribute?

• Because values can also be numeric, it is possible to search for a value
  =,>,>=,<,<= etc…

• Query Notation

• E  (V, A)

                                                                      51
E  (V, A)
Query Type 2 – What employee(s) earned more than $50,000 in 2009?




                                                               52
Query Types

Query Type 3
• What attribute(s) has a specified value for a particular entity?

• Query Notation

• A  (V, E)




                                                                     53
A  (V, E)
Query Type 3 – What years did employee number 72845 make over
                            $50,000?




                                                                54
Query Types

Query Type 4
• List all the values for all the attributes for a particular entity.

• Query Notation

• All V  (E, all A)




                                                                        55
all V  (E, all A)
Query Type 4 – list all the details in the earnings history file for employee
                               number 72888.




                                                                          56
Query Types

Query Type 5
• List all entities that have a specified value for all attributes.

• Query Notation

• All E  (V, all A)




                                                                      57
all E  (V, all A)
Query Type 5 – List all employees whose earnings exceeded $50,000 in
                        any of the years available.




                                                                  58
Query Types

Query Type 6
• List all the attributes that have a specified value for all entities.

• Query Notation

• All A  (V, all E)




                                                                          59
all A  (V, all E)
Query Type 6 – List all the years for which earnings exceeded $40,000 for
                      all employees in the company.




                                                                      60
Building More Complex Queries

• Arithmetic operations are performed first
   • Exponentiation
   • Either multiplication or division
   • Addition or subtraction

• Comparative operations are performed
   • GT, LT , and others

• Boolean operations are performed
   • AND and OR

                                              61
Query Methods

• Query By Example (QBE)
  – The database fields are selected and displayed in a grid, and
    requested query values are either entered in the field area or below
    the field.


• Structured Query Language (SQL)
  – uses a series of words and commands to select the rows and
    columns that should be displayed in the resulting table.




                                                                    62
Query By Example Using Microsoft Access




                                          63
Structured Query Language (SQL) for the CUSTOMER NAME
             Parameter Query (Figure 14.23)




                                                        64
THANK YOU !!!

Más contenido relacionado

La actualidad más candente

HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basicsAlan Dix
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interactionemaan waseem
 
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
 
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
 
Models of Interaction
Models of InteractionModels of Interaction
Models of InteractionjbellWCT
 
hci in software development process
hci in software development processhci in software development process
hci in software development processKainat Ilyas
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)apppsych
 
Usability Engineering Presentation Slides
Usability Engineering Presentation SlidesUsability Engineering Presentation Slides
Usability Engineering Presentation Slideswajahat Gul
 
Human Computer Interface (HCI)
Human Computer Interface (HCI)Human Computer Interface (HCI)
Human Computer Interface (HCI)Shobha Rani
 
What is Human Computer Interraction
What is Human Computer InterractionWhat is Human Computer Interraction
What is Human Computer Interractionpraeeth palliyaguru
 
Human computer interaction -Design and software process
Human computer interaction -Design and software processHuman computer interaction -Design and software process
Human computer interaction -Design and software processN.Jagadish Kumar
 
HCI - Chapter 1
HCI - Chapter 1HCI - Chapter 1
HCI - Chapter 1Alan Dix
 

La actualidad más candente (20)

HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basics
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
Hci activity#1
Hci activity#1Hci activity#1
Hci activity#1
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction Introduction
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
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
 
Models of Interaction
Models of InteractionModels of Interaction
Models of Interaction
 
User interface design
User interface designUser interface design
User interface design
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
Usability Engineering Presentation Slides
Usability Engineering Presentation SlidesUsability Engineering Presentation Slides
Usability Engineering Presentation Slides
 
Hci activity#3
Hci activity#3Hci activity#3
Hci activity#3
 
Human Computer Interface (HCI)
Human Computer Interface (HCI)Human Computer Interface (HCI)
Human Computer Interface (HCI)
 
What is Human Computer Interraction
What is Human Computer InterractionWhat is Human Computer Interraction
What is Human Computer Interraction
 
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)
 
Prototyping
PrototypingPrototyping
Prototyping
 
Human computer interaction -Design and software process
Human computer interaction -Design and software processHuman computer interaction -Design and software process
Human computer interaction -Design and software process
 
HCI - Chapter 1
HCI - Chapter 1HCI - Chapter 1
HCI - Chapter 1
 

Destacado

Design of an information system for HUNETs
Design of an information system for HUNETsDesign of an information system for HUNETs
Design of an information system for HUNETsrffrankzr
 
Quran in Hindi Part-5
Quran in Hindi Part-5Quran in Hindi Part-5
Quran in Hindi Part-5Ahmed@3604
 
Human computerinterface
Human computerinterfaceHuman computerinterface
Human computerinterfaceKumar Aryan
 
Brain Computer Interface (Bci)
Brain Computer Interface (Bci)Brain Computer Interface (Bci)
Brain Computer Interface (Bci)PavanKumar dhruv
 
Reprioritizing the Relationship Between HCI Research and Practice: Bubble-Up ...
Reprioritizing the Relationship Between HCI Research and Practice: Bubble-Up ...Reprioritizing the Relationship Between HCI Research and Practice: Bubble-Up ...
Reprioritizing the Relationship Between HCI Research and Practice: Bubble-Up ...colin gray
 
Semantic Web Technologies for HCI
Semantic Web Technologies for HCISemantic Web Technologies for HCI
Semantic Web Technologies for HCIJo Vermeulen
 
Lecture 3: Human-Computer Interaction: HCI Design (2014)
Lecture 3: Human-Computer Interaction: HCI Design (2014)Lecture 3: Human-Computer Interaction: HCI Design (2014)
Lecture 3: Human-Computer Interaction: HCI Design (2014)Lora Aroyo
 
HCI Principles for Mobile Devices
HCI Principles for Mobile DevicesHCI Principles for Mobile Devices
HCI Principles for Mobile Devicescesani
 
brain computer-interfaces PPT
 brain computer-interfaces PPT brain computer-interfaces PPT
brain computer-interfaces PPTVijay Mehta
 
human computer interface
human computer interfacehuman computer interface
human computer interfaceSantosh Kumar
 

Destacado (12)

Design of an information system for HUNETs
Design of an information system for HUNETsDesign of an information system for HUNETs
Design of an information system for HUNETs
 
Quran in Hindi Part-5
Quran in Hindi Part-5Quran in Hindi Part-5
Quran in Hindi Part-5
 
Human computerinterface
Human computerinterfaceHuman computerinterface
Human computerinterface
 
Brain Computer Interface (Bci)
Brain Computer Interface (Bci)Brain Computer Interface (Bci)
Brain Computer Interface (Bci)
 
Reprioritizing the Relationship Between HCI Research and Practice: Bubble-Up ...
Reprioritizing the Relationship Between HCI Research and Practice: Bubble-Up ...Reprioritizing the Relationship Between HCI Research and Practice: Bubble-Up ...
Reprioritizing the Relationship Between HCI Research and Practice: Bubble-Up ...
 
Basic Project Management Qc Session1
Basic Project Management  Qc Session1Basic Project Management  Qc Session1
Basic Project Management Qc Session1
 
Semantic Web Technologies for HCI
Semantic Web Technologies for HCISemantic Web Technologies for HCI
Semantic Web Technologies for HCI
 
Lecture 3: Human-Computer Interaction: HCI Design (2014)
Lecture 3: Human-Computer Interaction: HCI Design (2014)Lecture 3: Human-Computer Interaction: HCI Design (2014)
Lecture 3: Human-Computer Interaction: HCI Design (2014)
 
HCI Principles for Mobile Devices
HCI Principles for Mobile DevicesHCI Principles for Mobile Devices
HCI Principles for Mobile Devices
 
brain computer-interfaces PPT
 brain computer-interfaces PPT brain computer-interfaces PPT
brain computer-interfaces PPT
 
human computer interface
human computer interfacehuman computer interface
human computer interface
 
Slideshare ppt
Slideshare pptSlideshare ppt
Slideshare ppt
 

Similar a HCI

Human Computer Interaction Notes 176.pdf
Human Computer Interaction Notes 176.pdfHuman Computer Interaction Notes 176.pdf
Human Computer Interaction Notes 176.pdfvijaykumarK44
 
Chapter 1.pdf
Chapter 1.pdfChapter 1.pdf
Chapter 1.pdfKaiEnTee1
 
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
 
Usability & Agile Development
Usability & Agile DevelopmentUsability & Agile Development
Usability & Agile Developmentbinuvt
 
User Interface design & methods for easy utilization
User Interface design & methods for easy utilizationUser Interface design & methods for easy utilization
User Interface design & methods for easy utilizationDipali M
 
HUMAN COMPUTER INTERACTION.pptx
HUMAN COMPUTER INTERACTION.pptxHUMAN COMPUTER INTERACTION.pptx
HUMAN COMPUTER INTERACTION.pptxMRahul20
 
Targeted documentation STC Houston, Mar 20, 2012
Targeted documentation   STC Houston, Mar 20, 2012Targeted documentation   STC Houston, Mar 20, 2012
Targeted documentation STC Houston, Mar 20, 2012STC_Houston
 
chap-01 HCI.ppt
chap-01 HCI.pptchap-01 HCI.ppt
chap-01 HCI.pptLamaYig
 
Software engineering 18 user interface design
Software engineering 18 user interface designSoftware engineering 18 user interface design
Software engineering 18 user interface designVaibhav Khanna
 

Similar a HCI (20)

Final
FinalFinal
Final
 
Human Computer Interaction Notes 176.pdf
Human Computer Interaction Notes 176.pdfHuman Computer Interaction Notes 176.pdf
Human Computer Interaction Notes 176.pdf
 
Chapter 1.pdf
Chapter 1.pdfChapter 1.pdf
Chapter 1.pdf
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channel
 
Usability & Agile Development
Usability & Agile DevelopmentUsability & Agile Development
Usability & Agile Development
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
User Interface design & methods for easy utilization
User Interface design & methods for easy utilizationUser Interface design & methods for easy utilization
User Interface design & methods for easy utilization
 
Lesson 2 HCI 2.pdf
Lesson 2 HCI 2.pdfLesson 2 HCI 2.pdf
Lesson 2 HCI 2.pdf
 
HUMAN COMPUTER INTERACTION.pptx
HUMAN COMPUTER INTERACTION.pptxHUMAN COMPUTER INTERACTION.pptx
HUMAN COMPUTER INTERACTION.pptx
 
Module 1
Module 1Module 1
Module 1
 
Targeted documentation STC Houston, Mar 20, 2012
Targeted documentation   STC Houston, Mar 20, 2012Targeted documentation   STC Houston, Mar 20, 2012
Targeted documentation STC Houston, Mar 20, 2012
 
HCI
HCIHCI
HCI
 
Lesson 2 HCI 2.pptx
Lesson 2 HCI 2.pptxLesson 2 HCI 2.pptx
Lesson 2 HCI 2.pptx
 
HCI
HCIHCI
HCI
 
chap-01 HCI.ppt
chap-01 HCI.pptchap-01 HCI.ppt
chap-01 HCI.ppt
 
Software engineering 18 user interface design
Software engineering 18 user interface designSoftware engineering 18 user interface design
Software engineering 18 user interface design
 
HCI_01.ppt
HCI_01.pptHCI_01.ppt
HCI_01.ppt
 
Chapter 08
Chapter 08Chapter 08
Chapter 08
 

Último

Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...PsychoTech Services
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 

Último (20)

Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 

HCI

  • 1. Human Computer Interaction Meet Maulik Dharit Hardik Shah Shah Sanghvi Pipaldara
  • 2. Major Points • Understanding Human-Computer Interaction • Types of User Interfaces • Guidelines for Dialog Design • Designing Queries 2
  • 3. Understanding Human-Computer Interaction (HCI) • Ensuring system functionality and usability, providing effective user interaction support and enhancing a pleasant user experience. • Its goal is to achieve Organizational and Individual use effectiveness and efficiency. • The main method of HCI in system analysis and design is to frequently get feedbacks from users about their experiences with prototyped design, refining the design based on the suggested changes and doing this again and again until the design is acceptable and feedback is being positive. 3
  • 4. Terminologies • Fit • Task • Performance • Well-Being 4
  • 5. Fit: • Basically a “ fit ” can be known as “ a perfect match ”. • A good fit between the HCI elements of the human, the computer and the task that needs to be performed leads to performance and well-being. • Better fit is meant to result in better performance and greater overall well-being for the human involved system. 5
  • 6. 6
  • 7. Task • A task is a structure or unstructured , complex or simple routine which is done under an environment. • Complex tasks that require human, system, and task interaction are supported by ecommerce and Web systems, ERP systems, and wireless systems inside and outside of the organization. Performance • A combination of the efficiency involved in performing a task and the quality of the work that is produced by the task. • If the performance in the task is good then the performance of its outcome will be good as well. 7
  • 8. Well-Being • Concern for a human’s overall comfort, safety and health. • Physical and Psychological aspects are also taken care. •E.g. Using CASE Tools for producing DFDs on a computer serves well-being to an analyst cause it’s a “ best fit “ of the analyst, software objective and computer. An analyst is working in an environment where s/he is physically comfortable and psychologically inspired to be creative and productive. 8
  • 9. The Technology Acceptance Model (TAM) • It was proposed by Davis in 1989 and was refined and improved by Davis and others. • Its an approach to organize thinking about whether the user will accept and use the information technology. • It can be used before the system is developed or after the system is developed but for both the purpose is different. 9
  • 10. • If TAM is used before development of system then it will be accomplished on the 2 keys. – Ease of use – Usefulness • If TAM is used after development then it will be used to shape a training program. 10
  • 11. Designing for cognitive styles of individual users • Making sure data is made available in different forms – Tables – Graphs – Text 11
  • 12. Pivot Tables • Allows a user to arrange data in a table in any way they choose • Gives users greater control over how they look at data in different ways within a table. 12
  • 13. 13
  • 14. Physical Considerations in HCI Design • Vision – HCI prospective tells to think on the limitation of human vision. – Factors such as distance from display to a person, angle of vision, color, font size, type of display, uniformity and placement etc. • Hearing – In an office noisy dot matrix printers and phone conversation will lead to overload hearing and personnel ipod players or noise canceling headphones will diminish their skill of work. – Analyst needs to consider noise while designing the office system. 14
  • 15. Physical Considerations in HCI Design • Touch – Touch is all about the input devices that are used to enter data in a system. – For this the well know interfaces are Key board, mouse, touch screen, stylus touch etc. – According to the requirement these devices are updated to serve well-being to the users. 15
  • 16. Considering Human Limitations, Disabilities, and Design • Users of a computer system may be having some disabilities or some physical limitation. • HCI approaches special software packages, hardware devices and concepts that can serve well-being to such special users. 16
  • 17. • Blind or those with low vision – Braille keyboards – Special software that reads Web pages and other documents aloud – Screen magnifiers • Deaf or impaired hearing – Include access to written versions of the audio material – Headphones 17
  • 18. • People with limited mobility – Use of speech input rather than keyboard – Use of see spot in place of mouse (Bio Medical) 18
  • 19. Implementing good HCI practices • Matching the user interface to the task. • Making the user interface efficient • Providing appropriate feedback to users • Generating usable queries 19
  • 20. Interface Design Objectives • Match the user interface to the task • Make the user interface efficient • Provide appropriate feedback to users • Generate usable queries • Improve productivity of computer users 20
  • 21. Types of User Interfaces • Natural-language interfaces • Question-and-answer interfaces • Menus • Form-fill interfaces • Command-language interfaces 21
  • 22. • Graphical User Interfaces (GUIs) • Web interfaces 22
  • 23. Natural-Language Interfaces • Permit users to interact with the computer in their everyday or "natural" language • Implementation problems and extraordinary demand on computing resources have so far kept natural-language interfaces to a minimum 23
  • 24. Question-and-Answer Interfaces • The computer displays a question to the user on the display • The user enters an answer through mouse click or keyboard stroke • The computer acts on that input information in a preprogrammed manner • Users unfamiliar with applications may find question-and-answer interfaces most comfortable 24
  • 25. 25
  • 26. Menus • Provides the user with an onscreen list of available selections • Not hardware dependent • Can be put aside until the user wants to use them • Can be nested within one another to lead a user through options in a program • GUI menus • Object menu 26
  • 27. 27
  • 28. GUI menus are used to control PC software and have following guidelines: • The main menu bar is always displayed • The main menu uses single words for menu items. Main menu options always display secondary pull-down menus. • The drop-down menus that display when a menu item is clicked often consist of more than 1 word. • Menu items in grey are unavailable for current activity. 28
  • 29. Form-Fill Interfaces (Input/output Forms) • Onscreen forms or Web-based forms displaying fields containing data items or parameters that need to be communicated to the user • Advantage – The filled-in form provides excellent documentation • Disadvantage – Users experienced with the system or application may become impatient 29
  • 30. 30
  • 31. Command-Language Interfaces • Allows the user to control the application with a series of keystrokes, commands, phrases, or some sequence of these • Affords the user more flexibility and control • Require memorization of syntax rules • May be an obstacle for inexperienced users 31
  • 32. 32
  • 33. Graphical User Interfaces • Provide users constant feedback on task accomplishment • Continuous feedback on the manipulated object means that changes or reveals in operations can be made quickly without incurring error messages • An appropriate model of reality or an acceptable conceptual model of the representation must be invented 33
  • 34. Other User Interfaces • Pointing devices • Touch-sensitive screens • Speech recognition and synthesis 34
  • 35. Guidelines for Dialog Design Key-points for designing good dialogs: • Meaningful communication • Minimal user action • Standard operation and consistency 35
  • 36. Meaningful communication • It is because the computer understand what the people are entering and people understand what the computer is presenting. (e.g.) • The system should present information clearly to the user. • An appropriate title for each display, minimizing the use of abbreviations and providing clear user feedback. • Data in an edited format. (e.g. date , amount fields) • The cursor may change shape depending on the work being performed. 36
  • 37. • Web-sites must display more text and instruction to guide the user through the sites. • Images must be used with the pop-up text or little bit description and all images must be labeled. • Status line is an another way of providing instruction for users. • Tool-tip is helpful to identifying the function of a command button. 37
  • 38. Minimal User Action • Keying codes instead of whole words (e.g.) • Entering data that are not already stored on files (e.g.) • Supplying the editing characters (e.g. date , amount field) • Using default values for fields on entry screens • Designing an inquiry, change, or delete program so that the user needs to enter only the first few characters of a name or item description • Providing keystrokes for selecting pull-down menu options 38
  • 39. • Use radio buttons and drop-down lists to control displays of new Web pages or to change Web forms • Provide cursor control for Web forms and other displays so the cursor moves to the next field when the right number of characters has been entered 39
  • 40. Standard operation and consistency • Locating titles, date, time, and operator and feedback messages in the same places on all displays • Exiting each program by the same key or menu option • Canceling a transaction in a consistent way • Obtaining help in a standardized way • Standardizing the colors used for all displays or Web pages 40
  • 41. • Standardizing the use of icons for similar operations • Using consistent terminology in a display or Web site • Providing a consistent way to navigate through the dialog • Using consistent font alignment, size, and color on a Web page 41
  • 42. Description: This tab control dialog box has seven tabs. The chosen tab “Paper” appears as if it is in front of the other tabs 42 back
  • 47. Designing Queries • Help reduce users’ time spend in querying the database • Help them find the data they want • Six different types of queries are among the most common 47
  • 48. It Is Possible to Perform Six Basic Types of Queries on a Table that Contains Entities, Attributes, and Values 48
  • 49. Query Types Query Type 1 • What is the value of a specified attribute for a particular entity? • The purpose of the query is to find the value. • Query Notation • V  (E, A) 49
  • 50. V  (E, A) Query Type 1 – What did employee number 72888 make in year 2009? 50
  • 51. Query Types Query Type 2 • What entity has a specified value for a particular attribute? • Because values can also be numeric, it is possible to search for a value =,>,>=,<,<= etc… • Query Notation • E  (V, A) 51
  • 52. E  (V, A) Query Type 2 – What employee(s) earned more than $50,000 in 2009? 52
  • 53. Query Types Query Type 3 • What attribute(s) has a specified value for a particular entity? • Query Notation • A  (V, E) 53
  • 54. A  (V, E) Query Type 3 – What years did employee number 72845 make over $50,000? 54
  • 55. Query Types Query Type 4 • List all the values for all the attributes for a particular entity. • Query Notation • All V  (E, all A) 55
  • 56. all V  (E, all A) Query Type 4 – list all the details in the earnings history file for employee number 72888. 56
  • 57. Query Types Query Type 5 • List all entities that have a specified value for all attributes. • Query Notation • All E  (V, all A) 57
  • 58. all E  (V, all A) Query Type 5 – List all employees whose earnings exceeded $50,000 in any of the years available. 58
  • 59. Query Types Query Type 6 • List all the attributes that have a specified value for all entities. • Query Notation • All A  (V, all E) 59
  • 60. all A  (V, all E) Query Type 6 – List all the years for which earnings exceeded $40,000 for all employees in the company. 60
  • 61. Building More Complex Queries • Arithmetic operations are performed first • Exponentiation • Either multiplication or division • Addition or subtraction • Comparative operations are performed • GT, LT , and others • Boolean operations are performed • AND and OR 61
  • 62. Query Methods • Query By Example (QBE) – The database fields are selected and displayed in a grid, and requested query values are either entered in the field area or below the field. • Structured Query Language (SQL) – uses a series of words and commands to select the rows and columns that should be displayed in the resulting table. 62
  • 63. Query By Example Using Microsoft Access 63
  • 64. Structured Query Language (SQL) for the CUSTOMER NAME Parameter Query (Figure 14.23) 64