SlideShare a Scribd company logo
1 of 24
Download to read offline
HUMAN COMPUTER
INTERACTION
Subject Code : DCM 214




                    CHAPTER 1
     PRINCIPLE AND GUIDLINES

                         Prepared by : NURAINI MOHD GHANI   1
Related Fields
"Human-computer interaction is a discipline concerned with the design, evaluation and
implementation of interactive computing systems for human use and with the study of major
phenomena surrounding them." Association for Computing Machinery
–Equivalent terms are CHI and MMI
–Usability Engineering focuses on design and implementation process

Earlier fields of Human Factors & Ergonomics
–More stress on physical issues; and on optimising (work) processes; concerns
interaction with all kinds of human artifacts

User Interface Design
–Focus on interface, i.e. tends to assume deeper function is fixed

User/Human Centred Design
–Approach to software engineering with user focus at all stages
–Participatory Design explicitly includes users in design process

Interaction Design
–Wider scope than computer, and more emphasis on cognitive/
experiential factors than traditional HF.
                                                       Prepared by : NURAINI MOHD GHANI     2
HCI in the design process
Waterfall Model




                  Prepared by : NURAINI MOHD GHANI   3
HCI in the design process
 The spiral lifecycle model (Boehm, 1988) ;
 Importance of interaction in good design.




                        Prepared by : NURAINI MOHD GHANI   4
HCI in the design process
 Agile development e.g. eXtreme Programming
 (agilemanifesto.org): emphasises tight iteration in short
 timescales, close collaboration with customer




                                  Prepared by : NURAINI MOHD GHANI   5
General Framework
                         Task
       Articulation                  Performance
                        Input

      Human                               Computer
                       Output
       Observation                    Presentation

                      Interface

 Complex problem : we don’t have a full of
 the part, or their interaction.
 Note that a particular desired outcome may
 be achieved by changing any one of these
 factors or interaction.

                                  Prepared by : NURAINI MOHD GHANI   6
Why is interaction difficult?
Examples of errors




                     Prepared by : NURAINI MOHD GHANI   7
Why is interaction difficult?
The problem from the human perspective




                       Prepared by : NURAINI MOHD GHANI   8
Why is interaction difficult?
 The problem from the human perspective




 This is called the ‘Action Cycle’ following Norman
 (1988)
                                Prepared by : NURAINI MOHD GHANI   9
Norman’s Action Cycle
Norman proposed that
actions are performed in
cycles:

1.Establish a goal
2.Execute the action
3.Evaluate the action




                           Prepared by : NURAINI MOHD GHANI   10
Norman’s Action Cycle
2.Stages of execution
  A. Form a plan for the task, a sequence
of system operations to be performed on
system entities .


  B. Translate the plan into an action
specification consistent with the
interface ‘input’ language.


  C. Output the action specification
as a sequence of lexical tokens using the
system input devices.


                                            Prepared by : NURAINI MOHD GHANI   11
Norman’s Action Cycle
3.Stages of evaluation
D. Observe the system
response as e.g., visual,
auditory tokens
generated by output
devices .

E. Interpret the output in
terms of changes in the
system state, e.g.,
entity properties.

F. Determine whether the
new system state is
consistent with what was
intended

                             Prepared by : NURAINI MOHD GHANI   12
Errors




         Prepared by : NURAINI MOHD GHANI   13
Errors




         Prepared by : NURAINI MOHD GHANI   14
Errors




         Prepared by : NURAINI MOHD GHANI   15
Design Rules for HCI
#Many sets of rules have been proposed
to encapsulate understanding and best
practice
–Operate at various levels

#principles
–abstract design rules
–“an interface should be easy to navigate”

#guidelines
–advice on how to achieve principle
–may conflict; understanding theory helps resolve
–“use colour to highlight links”

#standards
–specific rules, measurable
–“MondoDesktop links are RGB #1010D0”
                                             Prepared by : NURAINI MOHD GHANI   16
Design Rules for HCI
  ISO 9241, Ergonomic of Human System Interaction,
  adopt traditional usability categories with specific
  measure. E.g.:
     Usability          Effectiveness            Efficiency             Satisfaction
     Objective           measures                measures                measures
 Suitability for the   Percentage of goal    Time to complete a       Rating scale for
 task                  achieved              task                     satisfaction

 Appropriate for       Number of power       Efficiency relative to   Rating scale for ease
 trained users         features used         expert user              of learning

 Lean ability          Percentage of         Time to learn            Rating scale for ease
                       functions learned     criterion                of learning

 Error tolerance       Percentage of error   Time spent on            Rating scale for error
                       corrected             correcting errors        handling
                       successfully



                                                     Prepared by : NURAINI MOHD GHANI          17
Design Rules for HCI
 Shneiderman’s 8 Golden Rules (1987) :
    *Strive for consistency
    *Enable frequent users to use shortcuts
    *Offer informative feedback
    *Design dialogs to yield closure
    *Offer error prevention and simple error
    *Permit easy reversal of actions
    *Support internal locus of control
    *Reduce short-term memory load


                              Prepared by : NURAINI MOHD GHANI   18
Design Rules for HCI
 Norman’s 7 principles (1988):

     *Use both knowledge in the world and
 knowledge in the head
     *Simplify the structure of tasks
     *Make things visible
     *Get the mappings right
     *Exploit the power of constraints, both natural
 and artificial
     *Design for error
     *When all else fails, standardize
                              Prepared by : NURAINI MOHD GHANI   19
Design Rules for HCI
 Nielsen’s 10 usability Heuristics (1994):
    *Visibility of system status
    *Match between systems and the real world
    *User control and freedom
    *Consistency and standard
    *Help users recognize, diagnose and recover from
             error
    *Error prevention
    *Recognition rather than recall
    *Flexibility and efficiency of use
    *Aesthetic and minimalist design
    *Help and documentation
                              Prepared by : NURAINI MOHD GHANI   20
Consolidate the three lists here. Mark
any you don’t understand with *

Eg : Consistency (Nor 7, Shn1, Nie 4)




                         Prepared by : NURAINI MOHD GHANI   21
Usability Principle form Dix
Chapter7
 Learn ability
      *the ease with which new users can begin effective
 interaction and achieve maximal performance

 Flexibility
      *the multiplicity of way the user and system
 exchange information

 Robustness
    *the level of support provided to the user in
      determining successful achievement of goal-
      directed behavior
                                 Prepared by : NURAINI MOHD GHANI   22
Where do these rules come from?
 Many seem like common sense - but often violated
 *Home exercise :pick one everyday object and one piece of
   software and assess with respect to these rules.
 Some are grounded in our understanding of how
 humans perceive, think and learn.
 Some are the result of empirical study.
 Some are derived from particular characterisations of
 the nature of human action
 Some are collection of experience
 In this course we will study the background and
 justification of these rules and elaborate on how the can
 be applied in specific contexts.
                                 Prepared by : NURAINI MOHD GHANI   23
THANK YOU
   SEE YOU NEXT CLASS


         AND

DON’T FORGET FINISH
  YOUR HOMEWORK

              Prepared by : NURAINI MOHD GHANI   24

More Related Content

What's hot

Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNSUnit 2 HCI DESIGN RULES AND DESIGN PATTERNS
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNSvrgokila
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rulesAlan Dix
 
Implications of Adopting Agile Processes
Implications of Adopting Agile ProcessesImplications of Adopting Agile Processes
Implications of Adopting Agile Processestiberiusp
 
Usability Evaluation Techniques for Agile Software Model
Usability Evaluation Techniques for Agile Software Model Usability Evaluation Techniques for Agile Software Model
Usability Evaluation Techniques for Agile Software Model Saad, Ph.D (Health IT)
 
Note on Tool to Measure Complexity
Note on Tool to Measure Complexity Note on Tool to Measure Complexity
Note on Tool to Measure Complexity John Thomas
 
International journal of computer science and innovation vol 2015-n2-paper3
International journal of computer science and innovation  vol 2015-n2-paper3International journal of computer science and innovation  vol 2015-n2-paper3
International journal of computer science and innovation vol 2015-n2-paper3sophiabelthome
 
404 lecture powerpointdesign
404 lecture powerpointdesign404 lecture powerpointdesign
404 lecture powerpointdesignKawaldeep Singh
 
One XP Experience: Introducing Agile (XP) Software Development into a Culture...
One XP Experience: Introducing Agile (XP) Software Development into a Culture...One XP Experience: Introducing Agile (XP) Software Development into a Culture...
One XP Experience: Introducing Agile (XP) Software Development into a Culture...David Leip
 
Hci in-the-software-process-1
Hci in-the-software-process-1Hci in-the-software-process-1
Hci in-the-software-process-1Ali javed
 
Software Project Management
Software Project ManagementSoftware Project Management
Software Project ManagementDeepak Kumar
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rulesPreeti Mishra
 
Introduction to DSDM
Introduction to DSDMIntroduction to DSDM
Introduction to DSDMNaresh Jain
 
hci in software development process
hci in software development processhci in software development process
hci in software development processKainat Ilyas
 

What's hot (20)

Adaptive Planning in Agile
Adaptive Planning in Agile Adaptive Planning in Agile
Adaptive Planning in Agile
 
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNSUnit 2 HCI DESIGN RULES AND DESIGN PATTERNS
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
 
Software Development 2014
Software Development 2014Software Development 2014
Software Development 2014
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
 
Chapter five HCI
Chapter five HCIChapter five HCI
Chapter five HCI
 
Implications of Adopting Agile Processes
Implications of Adopting Agile ProcessesImplications of Adopting Agile Processes
Implications of Adopting Agile Processes
 
Usability Evaluation Techniques for Agile Software Model
Usability Evaluation Techniques for Agile Software Model Usability Evaluation Techniques for Agile Software Model
Usability Evaluation Techniques for Agile Software Model
 
Note on Tool to Measure Complexity
Note on Tool to Measure Complexity Note on Tool to Measure Complexity
Note on Tool to Measure Complexity
 
Hp2413471352
Hp2413471352Hp2413471352
Hp2413471352
 
International journal of computer science and innovation vol 2015-n2-paper3
International journal of computer science and innovation  vol 2015-n2-paper3International journal of computer science and innovation  vol 2015-n2-paper3
International journal of computer science and innovation vol 2015-n2-paper3
 
404 lecture powerpointdesign
404 lecture powerpointdesign404 lecture powerpointdesign
404 lecture powerpointdesign
 
One XP Experience: Introducing Agile (XP) Software Development into a Culture...
One XP Experience: Introducing Agile (XP) Software Development into a Culture...One XP Experience: Introducing Agile (XP) Software Development into a Culture...
One XP Experience: Introducing Agile (XP) Software Development into a Culture...
 
Hci in-the-software-process-1
Hci in-the-software-process-1Hci in-the-software-process-1
Hci in-the-software-process-1
 
Software Project Management
Software Project ManagementSoftware Project Management
Software Project Management
 
Agile Project Management
Agile Project ManagementAgile Project Management
Agile Project Management
 
Unit 1 spm
Unit 1  spmUnit 1  spm
Unit 1 spm
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
Chapter 7 design rules
Chapter 7 design rulesChapter 7 design rules
Chapter 7 design rules
 
Introduction to DSDM
Introduction to DSDMIntroduction to DSDM
Introduction to DSDM
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
 

Viewers also liked

2015/03/26(木) Edison勉強会 博士のプレゼン
2015/03/26(木) Edison勉強会 博士のプレゼン2015/03/26(木) Edison勉強会 博士のプレゼン
2015/03/26(木) Edison勉強会 博士のプレゼンYuta Kitagami
 
Basicloadoutmethodologiesintroduction 130326020122-phpapp01
Basicloadoutmethodologiesintroduction 130326020122-phpapp01Basicloadoutmethodologiesintroduction 130326020122-phpapp01
Basicloadoutmethodologiesintroduction 130326020122-phpapp01anishdani
 
9 ca - world snacks
9   ca - world snacks9   ca - world snacks
9 ca - world snacksrhettteacher
 
Men & women’s ministry Spiritual Assessment
Men & women’s ministry Spiritual Assessment Men & women’s ministry Spiritual Assessment
Men & women’s ministry Spiritual Assessment Phoebeluz Santos
 
Slaidi premium medical_janvaris
Slaidi premium medical_janvarisSlaidi premium medical_janvaris
Slaidi premium medical_janvarisPremiumMedical
 
Septembra piedavajums lv
Septembra piedavajums lvSeptembra piedavajums lv
Septembra piedavajums lvPremiumMedical
 
ELLWANGER & GEIGER: INDUSTRIAL AND LOGISTICS PROPERTY STUTTGART REGION 2013
ELLWANGER & GEIGER: INDUSTRIAL AND LOGISTICS PROPERTY STUTTGART REGION 2013ELLWANGER & GEIGER: INDUSTRIAL AND LOGISTICS PROPERTY STUTTGART REGION 2013
ELLWANGER & GEIGER: INDUSTRIAL AND LOGISTICS PROPERTY STUTTGART REGION 2013Ellwanger & Geiger Privatbankiers
 
November 12
November 12November 12
November 12hh1neke
 
RunMob Cristiano Ronaldo Wallpapers 02
RunMob Cristiano Ronaldo Wallpapers 02RunMob Cristiano Ronaldo Wallpapers 02
RunMob Cristiano Ronaldo Wallpapers 02RunMob
 
Handmaker module 7
Handmaker module 7Handmaker module 7
Handmaker module 7InnovateLTC
 
Premium Medical īpašais piedāvājums 2012.gada martā
Premium Medical īpašais piedāvājums 2012.gada martāPremium Medical īpašais piedāvājums 2012.gada martā
Premium Medical īpašais piedāvājums 2012.gada martāPremiumMedical
 
Slaidi premium medical_aprilis
Slaidi premium medical_aprilisSlaidi premium medical_aprilis
Slaidi premium medical_aprilisPremiumMedical
 
Prosser career academy highschool
Prosser career academy highschoolProsser career academy highschool
Prosser career academy highschooldanrod1997
 

Viewers also liked (20)

2015/03/26(木) Edison勉強会 博士のプレゼン
2015/03/26(木) Edison勉強会 博士のプレゼン2015/03/26(木) Edison勉強会 博士のプレゼン
2015/03/26(木) Edison勉強会 博士のプレゼン
 
Basicloadoutmethodologiesintroduction 130326020122-phpapp01
Basicloadoutmethodologiesintroduction 130326020122-phpapp01Basicloadoutmethodologiesintroduction 130326020122-phpapp01
Basicloadoutmethodologiesintroduction 130326020122-phpapp01
 
9 ca - world snacks
9   ca - world snacks9   ca - world snacks
9 ca - world snacks
 
5 ca - mona lisa
5   ca - mona lisa5   ca - mona lisa
5 ca - mona lisa
 
Men & women’s ministry Spiritual Assessment
Men & women’s ministry Spiritual Assessment Men & women’s ministry Spiritual Assessment
Men & women’s ministry Spiritual Assessment
 
3 ca - homer
3   ca - homer3   ca - homer
3 ca - homer
 
Slaidi premium medical_janvaris
Slaidi premium medical_janvarisSlaidi premium medical_janvaris
Slaidi premium medical_janvaris
 
Septembra piedavajums lv
Septembra piedavajums lvSeptembra piedavajums lv
Septembra piedavajums lv
 
Patrizio sincero web
Patrizio sincero webPatrizio sincero web
Patrizio sincero web
 
ELLWANGER & GEIGER: INDUSTRIAL AND LOGISTICS PROPERTY STUTTGART REGION 2013
ELLWANGER & GEIGER: INDUSTRIAL AND LOGISTICS PROPERTY STUTTGART REGION 2013ELLWANGER & GEIGER: INDUSTRIAL AND LOGISTICS PROPERTY STUTTGART REGION 2013
ELLWANGER & GEIGER: INDUSTRIAL AND LOGISTICS PROPERTY STUTTGART REGION 2013
 
November 12
November 12November 12
November 12
 
6 ca - pyramids
6   ca - pyramids6   ca - pyramids
6 ca - pyramids
 
DCTS in Numbers
DCTS in NumbersDCTS in Numbers
DCTS in Numbers
 
RunMob Cristiano Ronaldo Wallpapers 02
RunMob Cristiano Ronaldo Wallpapers 02RunMob Cristiano Ronaldo Wallpapers 02
RunMob Cristiano Ronaldo Wallpapers 02
 
Handmaker module 7
Handmaker module 7Handmaker module 7
Handmaker module 7
 
Huey module 2
Huey module 2Huey module 2
Huey module 2
 
Premium Medical īpašais piedāvājums 2012.gada martā
Premium Medical īpašais piedāvājums 2012.gada martāPremium Medical īpašais piedāvājums 2012.gada martā
Premium Medical īpašais piedāvājums 2012.gada martā
 
Ku7 | juhanakekoni
Ku7 |  juhanakekoniKu7 |  juhanakekoni
Ku7 | juhanakekoni
 
Slaidi premium medical_aprilis
Slaidi premium medical_aprilisSlaidi premium medical_aprilis
Slaidi premium medical_aprilis
 
Prosser career academy highschool
Prosser career academy highschoolProsser career academy highschool
Prosser career academy highschool
 

Similar to Chapter 1 principle and guidlines

01_Principles.pdf rata Tata principles and rules
01_Principles.pdf rata Tata principles and rules01_Principles.pdf rata Tata principles and rules
01_Principles.pdf rata Tata principles and ruleswearemaskedmascots
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL Um e Farwa
 
10+1 interaction principles on moible ui
10+1 interaction principles on moible ui10+1 interaction principles on moible ui
10+1 interaction principles on moible uibullfrogdesign
 
10+1 interaction principles on moible ui
10+1 interaction principles on moible ui10+1 interaction principles on moible ui
10+1 interaction principles on moible uibullfrogdesign
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2Durgesh Pandey
 
Ch02 project selection (pp_tshare)
Ch02 project selection (pp_tshare)Ch02 project selection (pp_tshare)
Ch02 project selection (pp_tshare)Napex Terra
 
Devnology back toschool software reengineering
Devnology back toschool software reengineeringDevnology back toschool software reengineering
Devnology back toschool software reengineeringDevnology
 
Interaction design introduction
Interaction design introductionInteraction design introduction
Interaction design introductionAnwar Sadat
 
20IT706PE User Interface Design - Unit 1.pptx
20IT706PE User Interface Design - Unit 1.pptx20IT706PE User Interface Design - Unit 1.pptx
20IT706PE User Interface Design - Unit 1.pptxParthibanSubramani7
 
Software development philosophies v1
Software development philosophies v1Software development philosophies v1
Software development philosophies v1Praveen Nair
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptxRaja980775
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionbrindaN
 

Similar to Chapter 1 principle and guidlines (20)

01_Principles.pdf rata Tata principles and rules
01_Principles.pdf rata Tata principles and rules01_Principles.pdf rata Tata principles and rules
01_Principles.pdf rata Tata principles and rules
 
HCI
HCI HCI
HCI
 
CHI2021
CHI2021CHI2021
CHI2021
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
 
10+1 interaction principles on moible ui
10+1 interaction principles on moible ui10+1 interaction principles on moible ui
10+1 interaction principles on moible ui
 
10+1 interaction principles on moible ui
10+1 interaction principles on moible ui10+1 interaction principles on moible ui
10+1 interaction principles on moible ui
 
HCI Chapter_2.pdf
HCI Chapter_2.pdfHCI Chapter_2.pdf
HCI Chapter_2.pdf
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2
 
HCI Chapter_2.ppt
HCI Chapter_2.pptHCI Chapter_2.ppt
HCI Chapter_2.ppt
 
Ch02 project selection (pp_tshare)
Ch02 project selection (pp_tshare)Ch02 project selection (pp_tshare)
Ch02 project selection (pp_tshare)
 
Devnology back toschool software reengineering
Devnology back toschool software reengineeringDevnology back toschool software reengineering
Devnology back toschool software reengineering
 
Usability
UsabilityUsability
Usability
 
Interaction design introduction
Interaction design introductionInteraction design introduction
Interaction design introduction
 
ETPM5
ETPM5ETPM5
ETPM5
 
20IT706PE User Interface Design - Unit 1.pptx
20IT706PE User Interface Design - Unit 1.pptx20IT706PE User Interface Design - Unit 1.pptx
20IT706PE User Interface Design - Unit 1.pptx
 
Software development philosophies v1
Software development philosophies v1Software development philosophies v1
Software development philosophies v1
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptx
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 

More from Nuraini Mohd Ghani

Chapter 4 - Human Capabilities : Conceptual Models
Chapter 4 - Human Capabilities : Conceptual ModelsChapter 4 - Human Capabilities : Conceptual Models
Chapter 4 - Human Capabilities : Conceptual ModelsNuraini Mohd Ghani
 
VISUAL REALITY [Chapter 3 - transforming shapes]
VISUAL REALITY [Chapter 3 - transforming shapes]VISUAL REALITY [Chapter 3 - transforming shapes]
VISUAL REALITY [Chapter 3 - transforming shapes]Nuraini Mohd Ghani
 
FUNDAMENTAL OF GRAPHIC DESIGN - assignment I
FUNDAMENTAL OF GRAPHIC DESIGN - assignment IFUNDAMENTAL OF GRAPHIC DESIGN - assignment I
FUNDAMENTAL OF GRAPHIC DESIGN - assignment INuraini Mohd Ghani
 
VISUAL REALITY AND VRML - Assignment Presentation
VISUAL REALITY AND VRML - Assignment PresentationVISUAL REALITY AND VRML - Assignment Presentation
VISUAL REALITY AND VRML - Assignment PresentationNuraini Mohd Ghani
 
VISUAL REALITY AND VRML [Chapter 2 - BUILDING PRIMITIVE SHAPES]
VISUAL REALITY AND VRML [Chapter 2 - BUILDING PRIMITIVE SHAPES]VISUAL REALITY AND VRML [Chapter 2 - BUILDING PRIMITIVE SHAPES]
VISUAL REALITY AND VRML [Chapter 2 - BUILDING PRIMITIVE SHAPES]Nuraini Mohd Ghani
 
Chapter 1 - INTRODUCTION TO VRML
Chapter 1 - INTRODUCTION TO VRMLChapter 1 - INTRODUCTION TO VRML
Chapter 1 - INTRODUCTION TO VRMLNuraini Mohd Ghani
 
Human computer interaction - assignment presentation
Human computer interaction  - assignment presentationHuman computer interaction  - assignment presentation
Human computer interaction - assignment presentationNuraini Mohd Ghani
 
Chapter 2 human capabilities, input output systems
Chapter 2   human capabilities, input output systemsChapter 2   human capabilities, input output systems
Chapter 2 human capabilities, input output systemsNuraini Mohd Ghani
 
E headline2010 - Presentation Seminar
E headline2010 - Presentation SeminarE headline2010 - Presentation Seminar
E headline2010 - Presentation SeminarNuraini Mohd Ghani
 

More from Nuraini Mohd Ghani (13)

Chapter 4 - Human Capabilities : Conceptual Models
Chapter 4 - Human Capabilities : Conceptual ModelsChapter 4 - Human Capabilities : Conceptual Models
Chapter 4 - Human Capabilities : Conceptual Models
 
VISUAL REALITY [Chapter 3 - transforming shapes]
VISUAL REALITY [Chapter 3 - transforming shapes]VISUAL REALITY [Chapter 3 - transforming shapes]
VISUAL REALITY [Chapter 3 - transforming shapes]
 
FUNDAMENTAL OF GRAPHIC DESIGN - assignment I
FUNDAMENTAL OF GRAPHIC DESIGN - assignment IFUNDAMENTAL OF GRAPHIC DESIGN - assignment I
FUNDAMENTAL OF GRAPHIC DESIGN - assignment I
 
VISUAL REALITY AND VRML - Assignment Presentation
VISUAL REALITY AND VRML - Assignment PresentationVISUAL REALITY AND VRML - Assignment Presentation
VISUAL REALITY AND VRML - Assignment Presentation
 
VISUAL REALITY AND VRML [Chapter 2 - BUILDING PRIMITIVE SHAPES]
VISUAL REALITY AND VRML [Chapter 2 - BUILDING PRIMITIVE SHAPES]VISUAL REALITY AND VRML [Chapter 2 - BUILDING PRIMITIVE SHAPES]
VISUAL REALITY AND VRML [Chapter 2 - BUILDING PRIMITIVE SHAPES]
 
Chapter 1 - INTRODUCTION TO VRML
Chapter 1 - INTRODUCTION TO VRMLChapter 1 - INTRODUCTION TO VRML
Chapter 1 - INTRODUCTION TO VRML
 
Human computer interaction - assignment presentation
Human computer interaction  - assignment presentationHuman computer interaction  - assignment presentation
Human computer interaction - assignment presentation
 
Chapter 3 memory and learning
Chapter 3   memory and learningChapter 3   memory and learning
Chapter 3 memory and learning
 
Chapter 2 human capabilities, input output systems
Chapter 2   human capabilities, input output systemsChapter 2   human capabilities, input output systems
Chapter 2 human capabilities, input output systems
 
E headline2010 - Presentation Seminar
E headline2010 - Presentation SeminarE headline2010 - Presentation Seminar
E headline2010 - Presentation Seminar
 
Critique 1
Critique 1Critique 1
Critique 1
 
Presentation Slide
Presentation SlidePresentation Slide
Presentation Slide
 
Nuraini mohd ghani 1071120119
Nuraini mohd ghani   1071120119Nuraini mohd ghani   1071120119
Nuraini mohd ghani 1071120119
 

Recently uploaded

Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfChris Hunter
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesShubhangi Sonawane
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
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
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
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
 
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
 

Recently uploaded (20)

Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
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
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
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
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
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 ...
 
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
 

Chapter 1 principle and guidlines

  • 1. HUMAN COMPUTER INTERACTION Subject Code : DCM 214 CHAPTER 1 PRINCIPLE AND GUIDLINES Prepared by : NURAINI MOHD GHANI 1
  • 2. Related Fields "Human-computer interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them." Association for Computing Machinery –Equivalent terms are CHI and MMI –Usability Engineering focuses on design and implementation process Earlier fields of Human Factors & Ergonomics –More stress on physical issues; and on optimising (work) processes; concerns interaction with all kinds of human artifacts User Interface Design –Focus on interface, i.e. tends to assume deeper function is fixed User/Human Centred Design –Approach to software engineering with user focus at all stages –Participatory Design explicitly includes users in design process Interaction Design –Wider scope than computer, and more emphasis on cognitive/ experiential factors than traditional HF. Prepared by : NURAINI MOHD GHANI 2
  • 3. HCI in the design process Waterfall Model Prepared by : NURAINI MOHD GHANI 3
  • 4. HCI in the design process The spiral lifecycle model (Boehm, 1988) ; Importance of interaction in good design. Prepared by : NURAINI MOHD GHANI 4
  • 5. HCI in the design process Agile development e.g. eXtreme Programming (agilemanifesto.org): emphasises tight iteration in short timescales, close collaboration with customer Prepared by : NURAINI MOHD GHANI 5
  • 6. General Framework Task Articulation Performance Input Human Computer Output Observation Presentation Interface Complex problem : we don’t have a full of the part, or their interaction. Note that a particular desired outcome may be achieved by changing any one of these factors or interaction. Prepared by : NURAINI MOHD GHANI 6
  • 7. Why is interaction difficult? Examples of errors Prepared by : NURAINI MOHD GHANI 7
  • 8. Why is interaction difficult? The problem from the human perspective Prepared by : NURAINI MOHD GHANI 8
  • 9. Why is interaction difficult? The problem from the human perspective This is called the ‘Action Cycle’ following Norman (1988) Prepared by : NURAINI MOHD GHANI 9
  • 10. Norman’s Action Cycle Norman proposed that actions are performed in cycles: 1.Establish a goal 2.Execute the action 3.Evaluate the action Prepared by : NURAINI MOHD GHANI 10
  • 11. Norman’s Action Cycle 2.Stages of execution A. Form a plan for the task, a sequence of system operations to be performed on system entities . B. Translate the plan into an action specification consistent with the interface ‘input’ language. C. Output the action specification as a sequence of lexical tokens using the system input devices. Prepared by : NURAINI MOHD GHANI 11
  • 12. Norman’s Action Cycle 3.Stages of evaluation D. Observe the system response as e.g., visual, auditory tokens generated by output devices . E. Interpret the output in terms of changes in the system state, e.g., entity properties. F. Determine whether the new system state is consistent with what was intended Prepared by : NURAINI MOHD GHANI 12
  • 13. Errors Prepared by : NURAINI MOHD GHANI 13
  • 14. Errors Prepared by : NURAINI MOHD GHANI 14
  • 15. Errors Prepared by : NURAINI MOHD GHANI 15
  • 16. Design Rules for HCI #Many sets of rules have been proposed to encapsulate understanding and best practice –Operate at various levels #principles –abstract design rules –“an interface should be easy to navigate” #guidelines –advice on how to achieve principle –may conflict; understanding theory helps resolve –“use colour to highlight links” #standards –specific rules, measurable –“MondoDesktop links are RGB #1010D0” Prepared by : NURAINI MOHD GHANI 16
  • 17. Design Rules for HCI ISO 9241, Ergonomic of Human System Interaction, adopt traditional usability categories with specific measure. E.g.: Usability Effectiveness Efficiency Satisfaction Objective measures measures measures Suitability for the Percentage of goal Time to complete a Rating scale for task achieved task satisfaction Appropriate for Number of power Efficiency relative to Rating scale for ease trained users features used expert user of learning Lean ability Percentage of Time to learn Rating scale for ease functions learned criterion of learning Error tolerance Percentage of error Time spent on Rating scale for error corrected correcting errors handling successfully Prepared by : NURAINI MOHD GHANI 17
  • 18. Design Rules for HCI Shneiderman’s 8 Golden Rules (1987) : *Strive for consistency *Enable frequent users to use shortcuts *Offer informative feedback *Design dialogs to yield closure *Offer error prevention and simple error *Permit easy reversal of actions *Support internal locus of control *Reduce short-term memory load Prepared by : NURAINI MOHD GHANI 18
  • 19. Design Rules for HCI Norman’s 7 principles (1988): *Use both knowledge in the world and knowledge in the head *Simplify the structure of tasks *Make things visible *Get the mappings right *Exploit the power of constraints, both natural and artificial *Design for error *When all else fails, standardize Prepared by : NURAINI MOHD GHANI 19
  • 20. Design Rules for HCI Nielsen’s 10 usability Heuristics (1994): *Visibility of system status *Match between systems and the real world *User control and freedom *Consistency and standard *Help users recognize, diagnose and recover from error *Error prevention *Recognition rather than recall *Flexibility and efficiency of use *Aesthetic and minimalist design *Help and documentation Prepared by : NURAINI MOHD GHANI 20
  • 21. Consolidate the three lists here. Mark any you don’t understand with * Eg : Consistency (Nor 7, Shn1, Nie 4) Prepared by : NURAINI MOHD GHANI 21
  • 22. Usability Principle form Dix Chapter7 Learn ability *the ease with which new users can begin effective interaction and achieve maximal performance Flexibility *the multiplicity of way the user and system exchange information Robustness *the level of support provided to the user in determining successful achievement of goal- directed behavior Prepared by : NURAINI MOHD GHANI 22
  • 23. Where do these rules come from? Many seem like common sense - but often violated *Home exercise :pick one everyday object and one piece of software and assess with respect to these rules. Some are grounded in our understanding of how humans perceive, think and learn. Some are the result of empirical study. Some are derived from particular characterisations of the nature of human action Some are collection of experience In this course we will study the background and justification of these rules and elaborate on how the can be applied in specific contexts. Prepared by : NURAINI MOHD GHANI 23
  • 24. THANK YOU SEE YOU NEXT CLASS AND DON’T FORGET FINISH YOUR HOMEWORK Prepared by : NURAINI MOHD GHANI 24