SlideShare a Scribd company logo
1 of 13
Download to read offline
INTERACTION DESIGN (IXD)
ANWAR SADAT
INTERACTION DESIGN THEORY
INTERACTION DESIGN
 Human
 Machine
 Interaction
S
core
U
task
O
output
I
input
user
input
system
output
ObservePresentation
ArticulatePerformance
Interaction Framework
interaction 
translation between
languages
INTERACTION DESIGN FLOW
• Know the target
users
• Kind of support a
product could
provide
Identifying
Needs
• Task description and
analysis
• Provide added value
• Create competitive
advantages
Establishing
Requirements
• Conceptual
Design
• Physical Design
Developing
Alternative
Design
• Paper based Prototype
• Role-playing users
• Presentation menu and
feature
Building
Interactive
Version
• Determining the
usability
• Deciding the
acceptability
• Quality Assurance
Evaluation
Understanding
Envisionment
Implementation
Reanalyze
Redesign
ARTICULATE - OBSERVE
Seven Stage System Interation
1. User define goals
2. User formulate Intention
3. User specify action on Interface
4. User perform action
5. User perceives system state
6. User Interpret system state
7. User Evaluate System State with respect to Goal
Mental Model Norman
Cognitive /
Emotional
Design
a. Cognitive
b. Behavioral
c. visceral
Mental Model are images in the minds of users who inform their expectations of a particular interaction or system (intuitive).
Interface Metaphor take advantage of known actions to direct users to a new action. (e.g: a trash can icon to delete a file, a magnifying glass
to zoom in, etc.)
Affordances are things that are not only designed to do somewhat but are designed to look like designed to do something.
Signifiers is a physical form of a mark (like a sound, a word printed, or a picture) that is different from its meaning.
ARTICULATE - OBSERVE
1. Physical (through stimulation of the five senses)
2. Social (derived from the ownership group and
strengthen or improve one's social position)
3. Psychological (make people think about the
situation, consciously or unconsciously)
4. Ideological (related to values and beliefs, or right and
wrong)
Pleasure Model(Jordan, 2002)
ARTICULATE – OBSERVE
Person : Individu
Person : Family
Person : Baby
Goal 1
Goal 2
Goal 3
System
Interaction
System
Interaction
System
Interaction
Goals and
patterns of
behavior
observed among
users
User Experience Design (Cooper, 1999)
1. Benefits: market segmentation,
feature definition, brainstorming,
design pitfall prevention, avoidance of
self-reference and use case
specifications.
2. Criticism: there is no clear
relationship with the customer, within
a team to engage the targeted
audience, the hypothetical and there
is no standard procedure.
ARTICULATION - OBSERVATION - PERFORMANCE - PRESENTATIONS
Person : Individu
Person : Family
Person : Baby
Goal 1
Goal 2
Goal 3
Interact with
system
Interact with
system
Interact with
system
Problem Solving
is highest
priority, Focused
on fulfill need
and special
wants of end
user
Goal Driven Design (Cooper, 1999)
1. Design first; program second.
2. Separation responsibility for design
then programming
3. Designer responsible to product
quality and end user acceptance.
4. Define your one specific user for
your product, then find person –
place name and environment and get
objective.
5. Working in 2 teams: designer and
design communicator
ARTICULATION - OBSERVATION - PERFORMANCE - PRESENTATIONS
 Learnability: how easily can a new
user learn to navigate the interface?
 Efficiency: how quickly can users
perform tasks?
 Memorability: if a user hasn’t visited
the system in a while, how well will they
remember the interface?
 Errors: how many errors do users
make, and how quickly can they recover
from errors?
 Satisfaction: do users enjoy using the
interface, and are they pleased with the
results?
 Learnability: how
easily can a new user learn to
navigate the interface?
 Flexibility: how many
ways can a user interact with
the system?
 Robustness: how well
are we supporting users when
they face errors?
Usability Compliance :
Jackob Nielsen, 1995
Usability Compliance :
Alan Dix, 2003
“Eight Golden Rules of
Interface Design”. -
Shneiderman
1. Strive for consistency.
2. Enable frequent users to use
shortcuts.
3. Offer informative feedback.
4. Design dialog to yield closure.
5. Offer simple error
handling.
6. Permit easy reversal of
actions.
7. Support internal locus of
control.
8. Reduce short-term
memory load.
USABILITY
 ISO 9241 (2002) defines usability as "The extent to
which a product can be used by specified users to
achieve specified goals with effectiveness,
efficiency, and satisfaction in a specified context
of use.“
ARTICULATION - OBSERVATION - PERFORMANCE - PRESENTATIONS
1D: words must be easy to understand, and written so that they convey
information easily to end users.
2D: visual representation is all graphics or images, basically everything that is not
text.They need to be used as needed, so as not to overwhelm.
3D:Physical or Space objects refer to physical devices, whether they are
mouse and keyboard, or cellular devices that interact with users.
4D: Time is when user interact with 3D, include activity when user can measure
progress, sound and animation
5D: Behavior added by Kevin Silver in his article,This is about the emotions and
user reactions when interacting with the system..
HIGH PRIORITY
1. Design – how should you do it? affordance, signifier, model, etc.
2. Technologies – what do you have? software, platforms, tools, devices, components, etc.
3. People – who will use the system? human errors, physical, psychology, cognitive, etc.
4. Activities – how to help? complex, cooperative, temporal aspect, safety, etc.
5. Contexts – in which situation/condition? social, cultural, organizational, political, health, etc.
USERVS
DESIGNER
PERSPECTIVE
GROUP
DISCUSSION :
ANALYSIS
BASED ON
THOSE THEORY

More Related Content

What's hot

What is Usability
What is UsabilityWhat is Usability
What is UsabilityTed Tschopp
 
Introduction to User-Centered Design
Introduction to User-Centered DesignIntroduction to User-Centered Design
Introduction to User-Centered DesignAllison Bloodworth
 
Usability modeling and measurement
Usability modeling and measurementUsability modeling and measurement
Usability modeling and measurementXBOSoft
 
Mouse tracking technique and mouse patterns
Mouse tracking technique and mouse patternsMouse tracking technique and mouse patterns
Mouse tracking technique and mouse patternssilvana churruca
 
UI / UX Engineering for Web Applications
UI / UX Engineering for Web ApplicationsUI / UX Engineering for Web Applications
UI / UX Engineering for Web ApplicationsReggie Niccolo Santos
 
Evaluating and Improving Software Usability
Evaluating and Improving Software UsabilityEvaluating and Improving Software Usability
Evaluating and Improving Software UsabilityXBOSoft
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principlesDavid Little
 
Hci in-the-software-process-1
Hci in-the-software-process-1Hci in-the-software-process-1
Hci in-the-software-process-1Ali javed
 
Unit 7 performing user interface design
Unit 7 performing user interface designUnit 7 performing user interface design
Unit 7 performing user interface designPreeti Mishra
 
HCI - Chapter 6
HCI - Chapter 6HCI - Chapter 6
HCI - Chapter 6Alan Dix
 
User interface design for the Web Engineering Psychology
User interface design for the Web Engineering PsychologyUser interface design for the Web Engineering Psychology
User interface design for the Web Engineering PsychologyLawrenceNajjar
 
Modelling the User Interface
Modelling the User InterfaceModelling the User Interface
Modelling the User InterfacePedro J. Molina
 
Home Mess System: Design & Prototype
Home Mess System: Design & PrototypeHome Mess System: Design & Prototype
Home Mess System: Design & Prototypewow!systems
 
Home mess systems- Prototype 2 & Evaluation
Home mess systems- Prototype 2 & EvaluationHome mess systems- Prototype 2 & Evaluation
Home mess systems- Prototype 2 & Evaluationwow!systems
 
Home Mess System III
Home Mess System IIIHome Mess System III
Home Mess System IIIgueste15df5
 
Mobile UI Design – User Centered Design and UI Best Practices
Mobile UI Design – User Centered Design and UI Best PracticesMobile UI Design – User Centered Design and UI Best Practices
Mobile UI Design – User Centered Design and UI Best PracticesOXD
 

What's hot (20)

Measuring usability
Measuring usabilityMeasuring usability
Measuring usability
 
What is Usability
What is UsabilityWhat is Usability
What is Usability
 
Introduction to User-Centered Design
Introduction to User-Centered DesignIntroduction to User-Centered Design
Introduction to User-Centered Design
 
Usability modeling and measurement
Usability modeling and measurementUsability modeling and measurement
Usability modeling and measurement
 
Mouse tracking technique and mouse patterns
Mouse tracking technique and mouse patternsMouse tracking technique and mouse patterns
Mouse tracking technique and mouse patterns
 
UI / UX Engineering for Web Applications
UI / UX Engineering for Web ApplicationsUI / UX Engineering for Web Applications
UI / UX Engineering for Web Applications
 
Evaluating and Improving Software Usability
Evaluating and Improving Software UsabilityEvaluating and Improving Software Usability
Evaluating and Improving Software Usability
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
Hci in-the-software-process-1
Hci in-the-software-process-1Hci in-the-software-process-1
Hci in-the-software-process-1
 
Unit 7 performing user interface design
Unit 7 performing user interface designUnit 7 performing user interface design
Unit 7 performing user interface design
 
HCI - Chapter 6
HCI - Chapter 6HCI - Chapter 6
HCI - Chapter 6
 
User interface design for the Web Engineering Psychology
User interface design for the Web Engineering PsychologyUser interface design for the Web Engineering Psychology
User interface design for the Web Engineering Psychology
 
Modelling the User Interface
Modelling the User InterfaceModelling the User Interface
Modelling the User Interface
 
Home Mess System: Design & Prototype
Home Mess System: Design & PrototypeHome Mess System: Design & Prototype
Home Mess System: Design & Prototype
 
Home mess systems- Prototype 2 & Evaluation
Home mess systems- Prototype 2 & EvaluationHome mess systems- Prototype 2 & Evaluation
Home mess systems- Prototype 2 & Evaluation
 
Home Mess System III
Home Mess System IIIHome Mess System III
Home Mess System III
 
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)
 
Mobile UI Design – User Centered Design and UI Best Practices
Mobile UI Design – User Centered Design and UI Best PracticesMobile UI Design – User Centered Design and UI Best Practices
Mobile UI Design – User Centered Design and UI Best Practices
 
Introduction to Usability
Introduction to UsabilityIntroduction to Usability
Introduction to Usability
 
Unit ii
Unit   iiUnit   ii
Unit ii
 

Similar to Interaction design introduction

Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1studiokandm
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1studiokandm
 
Colleges yvonne van_laarhoven
Colleges yvonne van_laarhovenColleges yvonne van_laarhoven
Colleges yvonne van_laarhovenDigital Power
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL Um e Farwa
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptxRaja980775
 
UNIT III Lecture-I.pptx
UNIT III Lecture-I.pptxUNIT III Lecture-I.pptx
UNIT III Lecture-I.pptxAmirEyni1
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in shortsilvana churruca
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1Sameer Chavan
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2Durgesh Pandey
 
User Centered Design
User Centered DesignUser Centered Design
User Centered DesignShawn Calvert
 
The Usability of everyday things
The Usability of everyday thingsThe Usability of everyday things
The Usability of everyday thingsRosa Quiroga
 
User Experience Design - Designing for others
User Experience Design - Designing for othersUser Experience Design - Designing for others
User Experience Design - Designing for othersBART RADKA
 
Introduction to mobile usability
Introduction to mobile usabilityIntroduction to mobile usability
Introduction to mobile usabilityopendataottawa
 
Software engg. pressman_ch-12
Software engg. pressman_ch-12Software engg. pressman_ch-12
Software engg. pressman_ch-12Dhairya Joshi
 

Similar to Interaction design introduction (20)

Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
 
Colleges yvonne van_laarhoven
Colleges yvonne van_laarhovenColleges yvonne van_laarhoven
Colleges yvonne van_laarhoven
 
TP2 Understanding the customer
TP2 Understanding the customerTP2 Understanding the customer
TP2 Understanding the customer
 
Usability
UsabilityUsability
Usability
 
UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptx
 
HCI Chapter_2.pdf
HCI Chapter_2.pdfHCI Chapter_2.pdf
HCI Chapter_2.pdf
 
UNIT III Lecture-I.pptx
UNIT III Lecture-I.pptxUNIT III Lecture-I.pptx
UNIT III Lecture-I.pptx
 
HCI
HCI HCI
HCI
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in short
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1
 
HCI Chapter_2.ppt
HCI Chapter_2.pptHCI Chapter_2.ppt
HCI Chapter_2.ppt
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
The Usability of everyday things
The Usability of everyday thingsThe Usability of everyday things
The Usability of everyday things
 
User Experience Design - Designing for others
User Experience Design - Designing for othersUser Experience Design - Designing for others
User Experience Design - Designing for others
 
Introduction to mobile usability
Introduction to mobile usabilityIntroduction to mobile usability
Introduction to mobile usability
 
Software engg. pressman_ch-12
Software engg. pressman_ch-12Software engg. pressman_ch-12
Software engg. pressman_ch-12
 

Recently uploaded

Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Servicejennyeacort
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 

Recently uploaded (20)

Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 

Interaction design introduction

  • 1. INTERACTION DESIGN (IXD) ANWAR SADAT INTERACTION DESIGN THEORY
  • 2. INTERACTION DESIGN  Human  Machine  Interaction S core U task O output I input user input system output ObservePresentation ArticulatePerformance Interaction Framework interaction  translation between languages
  • 3. INTERACTION DESIGN FLOW • Know the target users • Kind of support a product could provide Identifying Needs • Task description and analysis • Provide added value • Create competitive advantages Establishing Requirements • Conceptual Design • Physical Design Developing Alternative Design • Paper based Prototype • Role-playing users • Presentation menu and feature Building Interactive Version • Determining the usability • Deciding the acceptability • Quality Assurance Evaluation Understanding Envisionment Implementation Reanalyze Redesign
  • 4. ARTICULATE - OBSERVE Seven Stage System Interation 1. User define goals 2. User formulate Intention 3. User specify action on Interface 4. User perform action 5. User perceives system state 6. User Interpret system state 7. User Evaluate System State with respect to Goal Mental Model Norman Cognitive / Emotional Design a. Cognitive b. Behavioral c. visceral Mental Model are images in the minds of users who inform their expectations of a particular interaction or system (intuitive). Interface Metaphor take advantage of known actions to direct users to a new action. (e.g: a trash can icon to delete a file, a magnifying glass to zoom in, etc.) Affordances are things that are not only designed to do somewhat but are designed to look like designed to do something. Signifiers is a physical form of a mark (like a sound, a word printed, or a picture) that is different from its meaning.
  • 5. ARTICULATE - OBSERVE 1. Physical (through stimulation of the five senses) 2. Social (derived from the ownership group and strengthen or improve one's social position) 3. Psychological (make people think about the situation, consciously or unconsciously) 4. Ideological (related to values and beliefs, or right and wrong) Pleasure Model(Jordan, 2002)
  • 6. ARTICULATE – OBSERVE Person : Individu Person : Family Person : Baby Goal 1 Goal 2 Goal 3 System Interaction System Interaction System Interaction Goals and patterns of behavior observed among users User Experience Design (Cooper, 1999) 1. Benefits: market segmentation, feature definition, brainstorming, design pitfall prevention, avoidance of self-reference and use case specifications. 2. Criticism: there is no clear relationship with the customer, within a team to engage the targeted audience, the hypothetical and there is no standard procedure.
  • 7. ARTICULATION - OBSERVATION - PERFORMANCE - PRESENTATIONS Person : Individu Person : Family Person : Baby Goal 1 Goal 2 Goal 3 Interact with system Interact with system Interact with system Problem Solving is highest priority, Focused on fulfill need and special wants of end user Goal Driven Design (Cooper, 1999) 1. Design first; program second. 2. Separation responsibility for design then programming 3. Designer responsible to product quality and end user acceptance. 4. Define your one specific user for your product, then find person – place name and environment and get objective. 5. Working in 2 teams: designer and design communicator
  • 8. ARTICULATION - OBSERVATION - PERFORMANCE - PRESENTATIONS  Learnability: how easily can a new user learn to navigate the interface?  Efficiency: how quickly can users perform tasks?  Memorability: if a user hasn’t visited the system in a while, how well will they remember the interface?  Errors: how many errors do users make, and how quickly can they recover from errors?  Satisfaction: do users enjoy using the interface, and are they pleased with the results?  Learnability: how easily can a new user learn to navigate the interface?  Flexibility: how many ways can a user interact with the system?  Robustness: how well are we supporting users when they face errors? Usability Compliance : Jackob Nielsen, 1995 Usability Compliance : Alan Dix, 2003 “Eight Golden Rules of Interface Design”. - Shneiderman 1. Strive for consistency. 2. Enable frequent users to use shortcuts. 3. Offer informative feedback. 4. Design dialog to yield closure. 5. Offer simple error handling. 6. Permit easy reversal of actions. 7. Support internal locus of control. 8. Reduce short-term memory load.
  • 9. USABILITY  ISO 9241 (2002) defines usability as "The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.“
  • 10. ARTICULATION - OBSERVATION - PERFORMANCE - PRESENTATIONS 1D: words must be easy to understand, and written so that they convey information easily to end users. 2D: visual representation is all graphics or images, basically everything that is not text.They need to be used as needed, so as not to overwhelm. 3D:Physical or Space objects refer to physical devices, whether they are mouse and keyboard, or cellular devices that interact with users. 4D: Time is when user interact with 3D, include activity when user can measure progress, sound and animation 5D: Behavior added by Kevin Silver in his article,This is about the emotions and user reactions when interacting with the system..
  • 11. HIGH PRIORITY 1. Design – how should you do it? affordance, signifier, model, etc. 2. Technologies – what do you have? software, platforms, tools, devices, components, etc. 3. People – who will use the system? human errors, physical, psychology, cognitive, etc. 4. Activities – how to help? complex, cooperative, temporal aspect, safety, etc. 5. Contexts – in which situation/condition? social, cultural, organizational, political, health, etc.