SlideShare a Scribd company logo
7
Most read
16
Most read
17
Most read
Interaction
Human-Computer Interaction
Interaction Model
Daroko Blog-trending Business and
technology
Interaction
Tutorial by daroko Blog
• Daroko
Blog(www.proffesionalbloggertricks.com
): To see more tutorials like this, Go to
Daroko Blog, simply Google, Daroko
Blog
Interaction
The Interaction
Normans Model of interaction and HCI
design
Interaction
The Interaction
• interaction models
– translations between user and system
• Influenced by:
– ergonomics
• physical characteristics of interaction
– interaction styles
• the nature of user/system dialog
– Context
– social, organizational, motivational
– User characteristics
Interaction
The Interaction
communication
user system
but is that all … ?
– see “language and action”
– Users language is different from computing
language
Interaction
Interaction Model
Some terms of Interaction
domain – the area of work under study
e.g. graphic design
goal – what you want to achieve
e.g. create a solid red triangle
task – how you go about doing it
– ultimately in terms of operations or actions
e.g. … select fill tool, click over triangle
Note …
– traditional interaction …
– use of terms differs a lot especially task/goal !!!
Interaction
Donald Norman Model of Interaction
• Norman’s model of interaction (1988)- most influential in HCI.
Provides a framework for examining interaction. Norman’s
model concentrates on user’s view of the interface
– Has two principal players
– interaction cycle has two major phases - Execution and
Evaluation
• Has Seven stages
– user establishes the goal
– formulates intention
– specifies actions at interface
– executes action
– perceives system state
– interprets system state
– evaluates system state with respect to goal
Interaction
Execution and Evaluation cycle
1.Establish the goal
2. Forming the intention
3.Specifying the action sequence
4.Executing the action
5.Perceiving the system state
6.Interpreting the system state
7.Evaluating the system state w.r.t.
goals and intentions
Interaction
Interaction framework
O
I
US
task
input
output
core
Interaction
Interaction framework
O
I
US
User’s Task
language
input
output
core
Interaction
Interaction framework
O
I
US
task
input
output
System’s
core
Language
Interaction
Interaction framework
O
I
US
task
input
output
core
InterfaceInterface
Interaction
Core
Execution phase of cycle
O
I
US
Task
Input
output
Core
(4)
PerformancePerformance
Task (1,2)
ArticulationArticulation
InterfaceInterface
Input
(3))
Interaction
Core
Evaluation phase of cycle
O
I
US
Task
Input
output
Core
(4)
observationobservation
(5,6,7)(5,6,7)
InterfaceInterface
Output
(4))
presentationpresentation
Interaction
Interaction Framework
• Interaction is achieved through both the
– Dialogue design
– Interface styles
• Execution and evaluation depends on
– The input language (dialogue)
– The user’s ease in manipulating the interface
through the input device.
– Clear mapping from dialogue to task
Interaction
• Daroko
Blog(www.proffesionalbloggertricks.com
): To see more tutorials like this, Go to
Daroko Blog, simply Google, Daroko
Blog
Interaction
Using Normans model
Some systems are harder to use than others
Gulf of Execution
user’s formulation of actions
≠ actions allowed by the system
Gulf of execution is the difference between the user
formulation of actions to reach the goal and the actions
allowed by system
Gulf of Evaluation
user’s expectation of changed system state
≠ actual presentation of this state
Gulf of explanation (or evaluation) is the distance between the the physical
representation of the system state and the expectation of the user
Interaction
• The interface in direct manipulation bridges
the gaps in both the “gulf of execution” and
“gulf of explanation”.
• The role of the interaction designer is to
reduce the gulfs

More Related Content

PDF
HCI Basics
PPTX
Human Computer Interaction-Basics
PPTX
hci in software development process
PPTX
Human Computer Interaction Introduction
PDF
Human Computer Interaction Chapter 2
PPT
User cognitive aspects for HCI
PPTX
hci lecture notes pt.pptx
PPT
Human Computer Interaction
HCI Basics
Human Computer Interaction-Basics
hci in software development process
Human Computer Interaction Introduction
Human Computer Interaction Chapter 2
User cognitive aspects for HCI
hci lecture notes pt.pptx
Human Computer Interaction

What's hot (20)

PPT
HCI 3e - Ch 12: Cognitive models
PPT
HCI 3e - Ch 9: Evaluation techniques
PPT
HCI - Chapter 3
PDF
interaction Norman form example 7 stage example
PPTX
Design process interaction design basics
PPTX
Wimp interface
PPTX
Human Computer Interaction - INPUT OUTPUT CHANNELS
PPTX
Human Computer Interaction - Interaction Design
PPT
HCI 3e - Ch 13: Socio-organizational issues and stakeholder requirements
PPT
HCI 3e - Ch 5: Interaction design basics
PPT
HCI - Chapter 4
PPT
HCI 3e - Ch 7: Design rules
PPT
HCI 3e - Ch 11: User support
PDF
Hci activity#3
PPT
Hypertext, multimedia and www
PPT
HCI 3e - Ch 10: Universal design
PPT
HCI 3e - Ch 17: Models of the system
PPT
HCI 3e - Ch 2: The computer
PPT
HCI 3e - Ch 4: Paradigms
HCI 3e - Ch 12: Cognitive models
HCI 3e - Ch 9: Evaluation techniques
HCI - Chapter 3
interaction Norman form example 7 stage example
Design process interaction design basics
Wimp interface
Human Computer Interaction - INPUT OUTPUT CHANNELS
Human Computer Interaction - Interaction Design
HCI 3e - Ch 13: Socio-organizational issues and stakeholder requirements
HCI 3e - Ch 5: Interaction design basics
HCI - Chapter 4
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 11: User support
Hci activity#3
Hypertext, multimedia and www
HCI 3e - Ch 10: Universal design
HCI 3e - Ch 17: Models of the system
HCI 3e - Ch 2: The computer
HCI 3e - Ch 4: Paradigms
Ad

Viewers also liked (20)

ODP
Human-Computer Interaction
PPTX
7 Stages of User Action Theory
PPTX
Human computer interaction
PPTX
HCI Presentation
PPTX
human computer interface
PPT
Chapter 2
PPT
Lecture 1: Human-Computer Interaction Introduction (2014)
PPSX
FP511 human computer interaction
PPTX
Human Computer Interaction (HCI)
PPT
Human computer interaction
PDF
Lecture 3: Human-Computer Interaction: HCI Design (2014)
PPT
Introduction to HCI
PPT
HCI - Chapter 2
PDF
Human-Computer Interaction: An Overview
PDF
Design Principles
PDF
Lecture 4: Human-Computer Interaction: Prototyping (2014)
PPT
Input output painted
PPTX
Theory of action
PPT
The Future of Sex
PPT
2014 15 Theory of Actions
Human-Computer Interaction
7 Stages of User Action Theory
Human computer interaction
HCI Presentation
human computer interface
Chapter 2
Lecture 1: Human-Computer Interaction Introduction (2014)
FP511 human computer interaction
Human Computer Interaction (HCI)
Human computer interaction
Lecture 3: Human-Computer Interaction: HCI Design (2014)
Introduction to HCI
HCI - Chapter 2
Human-Computer Interaction: An Overview
Design Principles
Lecture 4: Human-Computer Interaction: Prototyping (2014)
Input output painted
Theory of action
The Future of Sex
2014 15 Theory of Actions
Ad

Similar to interaction norman model in Human Computer Interaction(HCI) (20)

PPTX
Chapter 2 the interaction short note.pptx
PPT
Week-4-HCI.ppt are best notes for college students
PDF
Hci unit 4( final)
PPTX
[PPT] _ UNIT 2 _ Interaction-1.pptx
PPT
chapter3__ HUMAN COMPUTER INTERACTION (2).ppt
PPT
chapter3__ HUMAN COMPUTER INTERACTION.ppt
PPTX
lecture-3-1523011494 Lecture #3).pptx
PPT
POLITEKNIK MALAYSIA
PPT
Human Computer interaction -Interaction design basics
PPT
Hci lecture set_03_00
PDF
01_Principles.pdf rata Tata principles and rules
PPTX
Interaction.pptx
PDF
Chapter 1 principle and guidlines
PPT
HCI 3e - Ch 3: The interaction
PPT
e3-chap-03.power point presentaion on interst rate
PPT
e3-chap-03.ppt
PPT
e3-chap-03 (1).ppt
PPTX
HCI(Human Computer Interaction).pptx
PDF
ch3-interaction.pdf
Chapter 2 the interaction short note.pptx
Week-4-HCI.ppt are best notes for college students
Hci unit 4( final)
[PPT] _ UNIT 2 _ Interaction-1.pptx
chapter3__ HUMAN COMPUTER INTERACTION (2).ppt
chapter3__ HUMAN COMPUTER INTERACTION.ppt
lecture-3-1523011494 Lecture #3).pptx
POLITEKNIK MALAYSIA
Human Computer interaction -Interaction design basics
Hci lecture set_03_00
01_Principles.pdf rata Tata principles and rules
Interaction.pptx
Chapter 1 principle and guidlines
HCI 3e - Ch 3: The interaction
e3-chap-03.power point presentaion on interst rate
e3-chap-03.ppt
e3-chap-03 (1).ppt
HCI(Human Computer Interaction).pptx
ch3-interaction.pdf

More from Daroko blog(www.professionalbloggertricks.com) (20)

DOCX
Small Business ideas you can start in Nigeria 2014(best Business ideas Nigeri...
DOCX
Agriculture business ideas for 2014(Business ideas Kenya,Business ideas Niger...
DOC
An Introduction to Project management(project management tutorials)
PDF
java arlow jdbc tutorial(java programming tutorials)
PDF
The java rogramming swing _tutorial for beinners(java programming language)
PDF
Java programming basics notes for beginners(java programming tutorials)
PDF
advanced java programming(java programming tutorials)
PDF
java swing tutorial for beginners(java programming tutorials)
PPT
An introduction to java programming language forbeginners(java programming tu...
PPT
fundamentals of Computer graphics(Computer graphics tutorials)
PPT
bresenham circles and polygons in computer graphics(Computer graphics tutorials)
PPT
Computer Graphics display technologies(Computer graphics tutorials and tips)
PPT
Computer Graphics display technologies(Computer graphics tutorials)
PDF
Displays and color system in computer graphics(Computer graphics tutorials)
DOC
Data structures graphics library in computer graphics.
PPT
Csc406 lecture7 device independence and normalization in Computer graphics(Co...
PPT
lecture4 raster details in computer graphics(Computer graphics tutorials)
PPT
lecture3 color representation in computer graphics(Computer graphics tutorials)
PPT
lecture2 computer graphics graphics hardware(Computer graphics tutorials)
Small Business ideas you can start in Nigeria 2014(best Business ideas Nigeri...
Agriculture business ideas for 2014(Business ideas Kenya,Business ideas Niger...
An Introduction to Project management(project management tutorials)
java arlow jdbc tutorial(java programming tutorials)
The java rogramming swing _tutorial for beinners(java programming language)
Java programming basics notes for beginners(java programming tutorials)
advanced java programming(java programming tutorials)
java swing tutorial for beginners(java programming tutorials)
An introduction to java programming language forbeginners(java programming tu...
fundamentals of Computer graphics(Computer graphics tutorials)
bresenham circles and polygons in computer graphics(Computer graphics tutorials)
Computer Graphics display technologies(Computer graphics tutorials and tips)
Computer Graphics display technologies(Computer graphics tutorials)
Displays and color system in computer graphics(Computer graphics tutorials)
Data structures graphics library in computer graphics.
Csc406 lecture7 device independence and normalization in Computer graphics(Co...
lecture4 raster details in computer graphics(Computer graphics tutorials)
lecture3 color representation in computer graphics(Computer graphics tutorials)
lecture2 computer graphics graphics hardware(Computer graphics tutorials)

Recently uploaded (20)

PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
01-Introduction-to-Information-Management.pdf
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PPTX
Pharma ospi slides which help in ospi learning
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PDF
Classroom Observation Tools for Teachers
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PPTX
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
PPTX
Institutional Correction lecture only . . .
human mycosis Human fungal infections are called human mycosis..pptx
VCE English Exam - Section C Student Revision Booklet
Supply Chain Operations Speaking Notes -ICLT Program
Microbial diseases, their pathogenesis and prophylaxis
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Microbial disease of the cardiovascular and lymphatic systems
01-Introduction-to-Information-Management.pdf
PPH.pptx obstetrics and gynecology in nursing
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Pharma ospi slides which help in ospi learning
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Final Presentation General Medicine 03-08-2024.pptx
O5-L3 Freight Transport Ops (International) V1.pdf
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Classroom Observation Tools for Teachers
102 student loan defaulters named and shamed – Is someone you know on the list?
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
Institutional Correction lecture only . . .

interaction norman model in Human Computer Interaction(HCI)

Editor's Notes

  • #2: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #3: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #4: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #5: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #6: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #7: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #8: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #9: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #10: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #11: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #12: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #13: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #14: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #15: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #16: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #18: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog
  • #19: Daroko Blog(www.proffesionalbloggertricks.com): To see more tutorials like this, Go to Daroko Blog, simply Google, Daroko Blog