SlideShare ist ein Scribd-Unternehmen logo
1 von 42
What is Interaction Design?
What is interaction design? ,[object Object],[object Object]
Goals of interaction design ,[object Object],[object Object],[object Object]
Example of bad and good design ,[object Object],[object Object]
What to design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Understanding users’ needs ,[object Object],[object Object],[object Object],[object Object]
Activity ,[object Object],[object Object],[object Object],[object Object]
What is an interface? ,[object Object]
Evolution of HCI ‘interfaces’ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
From HCI to Interaction Design ,[object Object],[object Object],[object Object],[object Object]
Interaction design in business ,[object Object],[object Object],[object Object],[object Object]
What do professionals do in the ID business? ,[object Object],[object Object],[object Object],[object Object],[object Object]
What is involved in the process of interaction design ,[object Object],[object Object],[object Object],[object Object]
Core characteristics of interaction design ,[object Object],[object Object],[object Object]
Usability goals ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Activity on usability ,[object Object],[object Object],[object Object],[object Object]
User experience goals ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Usability and user experience goals ,[object Object],[object Object],[object Object],[object Object]
Design principles ,[object Object],[object Object],[object Object],[object Object]
Visibility ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],From: www.baddesigns.com
Visibility ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Feedback ,[object Object],[object Object],[object Object]
Constraints ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Physical constraints ,[object Object],[object Object],[object Object],[object Object]
Logical constraints ,[object Object],[object Object]
Logical or ambiguous design? ,[object Object],[object Object],[object Object],[object Object],From: www.baddesigns.com
How to design them more logically ,[object Object],[object Object],From: www.baddesigns.com
Mapping ,[object Object],[object Object]
Mapping ,[object Object],[object Object]
Activity on mappings ,[object Object],A B C D
Why is this a better design?
Consistency ,[object Object],[object Object],[object Object],[object Object]
When consistency breaks down ,[object Object],[object Object],[object Object],[object Object],[object Object]
Internal and external consistency ,[object Object],[object Object],[object Object],[object Object]
Keypad numbers layout ,[object Object],(a) phones, remote controls (b) calculators, computer keypads 1 2 3 4 5 6 7 8 9 7 8 9 1 2 3 4 5 6 0
Affordances: to give a clue ,[object Object],[object Object],[object Object],[object Object],[object Object]
What does ‘affordance’ have to offer interaction design? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Activity ,[object Object],[object Object]
Activity ,[object Object],[object Object],[object Object],[object Object]
Usability principles ,[object Object],[object Object],[object Object]
Usability principles (Nielsen 2001) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Key points ,[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
sai anjaneya
 

Was ist angesagt? (20)

Human Computer Interaction (HCI)
Human Computer Interaction (HCI)Human Computer Interaction (HCI)
Human Computer Interaction (HCI)
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
Usability Engineering Presentation Slides
Usability Engineering Presentation SlidesUsability Engineering Presentation Slides
Usability Engineering Presentation Slides
 
Hci activity#1
Hci activity#1Hci activity#1
Hci activity#1
 
HCI - Chapter 1
HCI - Chapter 1HCI - Chapter 1
HCI - Chapter 1
 
Human Computer Interaction - Interaction Design
Human Computer Interaction - Interaction DesignHuman Computer Interaction - Interaction Design
Human Computer Interaction - Interaction Design
 
HCI - Chapter 6
HCI - Chapter 6HCI - Chapter 6
HCI - Chapter 6
 
HCI 3e - Ch 14: Communication and collaboration models
HCI 3e - Ch 14:  Communication and collaboration modelsHCI 3e - Ch 14:  Communication and collaboration models
HCI 3e - Ch 14: Communication and collaboration models
 
HCI 3e - Ch 3: The interaction
HCI 3e - Ch 3:  The interactionHCI 3e - Ch 3:  The interaction
HCI 3e - Ch 3: The interaction
 
User centered Design
User centered DesignUser centered Design
User centered Design
 
HCI 3e - Ch 1: The human
HCI 3e - Ch 1:  The humanHCI 3e - Ch 1:  The human
HCI 3e - Ch 1: The human
 
HCI 3e - Ch 9: Evaluation techniques
HCI 3e - Ch 9:  Evaluation techniquesHCI 3e - Ch 9:  Evaluation techniques
HCI 3e - Ch 9: Evaluation techniques
 
HCI 3e - Ch 19: Groupware
HCI 3e - Ch 19:  GroupwareHCI 3e - Ch 19:  Groupware
HCI 3e - Ch 19: Groupware
 
Introducing Human Computer Interaction
Introducing Human Computer InteractionIntroducing Human Computer Interaction
Introducing Human Computer Interaction
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channel
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
Chapter five HCI
Chapter five HCIChapter five HCI
Chapter five HCI
 
Hci activity#2
Hci activity#2Hci activity#2
Hci activity#2
 

Andere mochten auch

What is interaction design
What is interaction designWhat is interaction design
What is interaction design
Mohamed Shalash
 
InteraccióN En El Aula
InteraccióN En El AulaInteraccióN En El Aula
InteraccióN En El Aula
Pilar Torres
 
La comunicación como proceso de interacción
La comunicación como proceso de interacciónLa comunicación como proceso de interacción
La comunicación como proceso de interacción
maholys28toblog
 

Andere mochten auch (19)

Interaction Design Process
Interaction Design ProcessInteraction Design Process
Interaction Design Process
 
Physical interaction design
Physical interaction designPhysical interaction design
Physical interaction design
 
what is interaction design
what is interaction designwhat is interaction design
what is interaction design
 
Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?
 
HUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONHUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTION
 
Dcu
DcuDcu
Dcu
 
What is interaction design
What is interaction designWhat is interaction design
What is interaction design
 
Interaction 09 Introduction to Interaction Design
Interaction 09 Introduction to Interaction DesignInteraction 09 Introduction to Interaction Design
Interaction 09 Introduction to Interaction Design
 
Interaction design beyond human computer interaction
Interaction design beyond human computer interactionInteraction design beyond human computer interaction
Interaction design beyond human computer interaction
 
New Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction DesignersNew Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction Designers
 
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)
 
Prototyping for Interaction Design
Prototyping for Interaction DesignPrototyping for Interaction Design
Prototyping for Interaction Design
 
Usability & Design Principles
Usability & Design PrinciplesUsability & Design Principles
Usability & Design Principles
 
InteraccióN En El Aula
InteraccióN En El AulaInteraccióN En El Aula
InteraccióN En El Aula
 
Interaccion Y Comunicacion Edcativa
Interaccion Y Comunicacion EdcativaInteraccion Y Comunicacion Edcativa
Interaccion Y Comunicacion Edcativa
 
La comunicación como proceso de interacción
La comunicación como proceso de interacciónLa comunicación como proceso de interacción
La comunicación como proceso de interacción
 
Lecture 4: Human-Computer Interaction: Prototyping (2014)
Lecture 4: Human-Computer Interaction: Prototyping (2014)Lecture 4: Human-Computer Interaction: Prototyping (2014)
Lecture 4: Human-Computer Interaction: Prototyping (2014)
 
Design Principles
Design PrinciplesDesign Principles
Design Principles
 
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designDesign in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction design
 

Ähnlich wie What Is Interaction Design

Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slides
oopscrash1
 
The User Interface-Introduction .ppt
The User Interface-Introduction .pptThe User Interface-Introduction .ppt
The User Interface-Introduction .ppt
ssuserb7947f
 
ICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docxICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docx
write4
 

Ähnlich wie What Is Interaction Design (20)

Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slides
 
The User Interface-Introduction .ppt
The User Interface-Introduction .pptThe User Interface-Introduction .ppt
The User Interface-Introduction .ppt
 
The User Interface-Introduction .ppt
The User Interface-Introduction .pptThe User Interface-Introduction .ppt
The User Interface-Introduction .ppt
 
Hci [6]interaction design
Hci [6]interaction designHci [6]interaction design
Hci [6]interaction design
 
HCI Basics
HCI BasicsHCI Basics
HCI Basics
 
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
 
Topic 3 Human Computer Interaction
Topic 3 Human Computer InteractionTopic 3 Human Computer Interaction
Topic 3 Human Computer Interaction
 
Hci lec 1 & 2
Hci lec 1 & 2Hci lec 1 & 2
Hci lec 1 & 2
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
 
Lecture1.ppt
Lecture1.pptLecture1.ppt
Lecture1.ppt
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1
 
Lavacon 2010: Stop Documenting and Start Designing - Smith & Aschwanden
Lavacon 2010: Stop Documenting and Start Designing - Smith & AschwandenLavacon 2010: Stop Documenting and Start Designing - Smith & Aschwanden
Lavacon 2010: Stop Documenting and Start Designing - Smith & Aschwanden
 
UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
 
2nd part of Unit 1.ppt
2nd part of Unit 1.ppt2nd part of Unit 1.ppt
2nd part of Unit 1.ppt
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 
UI.docx
UI.docxUI.docx
UI.docx
 
UI.docx
UI.docxUI.docx
UI.docx
 
Web User Experience (BGSU ARTD 302)
Web User Experience (BGSU ARTD 302)Web User Experience (BGSU ARTD 302)
Web User Experience (BGSU ARTD 302)
 
ICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docxICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docx
 
HCI NOTES.pdf
HCI NOTES.pdfHCI NOTES.pdf
HCI NOTES.pdf
 

Mehr von Graeme Smith (20)

Project Management - An Introductiuon
Project Management - An IntroductiuonProject Management - An Introductiuon
Project Management - An Introductiuon
 
Intro to the unit
Intro to the unitIntro to the unit
Intro to the unit
 
The CSS Box Model
The CSS Box ModelThe CSS Box Model
The CSS Box Model
 
The art of presentations
The art of presentationsThe art of presentations
The art of presentations
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
 
Flip Book
Flip BookFlip Book
Flip Book
 
Typography
TypographyTypography
Typography
 
Typography and grids
Typography and gridsTypography and grids
Typography and grids
 
Intro to Game Design
Intro to Game DesignIntro to Game Design
Intro to Game Design
 
Composition, some basic rules of photography
Composition, some basic rules of photographyComposition, some basic rules of photography
Composition, some basic rules of photography
 
Form Validation
Form ValidationForm Validation
Form Validation
 
1 - Designing A Site
1 - Designing A Site1 - Designing A Site
1 - Designing A Site
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality Emotion
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality Emotion
 
Information Design
Information DesignInformation Design
Information Design
 
Perspective Principles
Perspective PrinciplesPerspective Principles
Perspective Principles
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
Colour
ColourColour
Colour
 
Web Functionality
Web FunctionalityWeb Functionality
Web Functionality
 
Layout Principles
Layout PrinciplesLayout Principles
Layout Principles
 

Kürzlich hochgeladen

0183760ssssssssssssssssssssssssssss00101011 (27).pdf
0183760ssssssssssssssssssssssssssss00101011 (27).pdf0183760ssssssssssssssssssssssssssss00101011 (27).pdf
0183760ssssssssssssssssssssssssssss00101011 (27).pdf
Renandantas16
 
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
dlhescort
 
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
lizamodels9
 

Kürzlich hochgeladen (20)

0183760ssssssssssssssssssssssssssss00101011 (27).pdf
0183760ssssssssssssssssssssssssssss00101011 (27).pdf0183760ssssssssssssssssssssssssssss00101011 (27).pdf
0183760ssssssssssssssssssssssssssss00101011 (27).pdf
 
Dr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdfDr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdf
 
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
 
Pharma Works Profile of Karan Communications
Pharma Works Profile of Karan CommunicationsPharma Works Profile of Karan Communications
Pharma Works Profile of Karan Communications
 
It will be International Nurses' Day on 12 May
It will be International Nurses' Day on 12 MayIt will be International Nurses' Day on 12 May
It will be International Nurses' Day on 12 May
 
Organizational Transformation Lead with Culture
Organizational Transformation Lead with CultureOrganizational Transformation Lead with Culture
Organizational Transformation Lead with Culture
 
Call Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine ServiceCall Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine Service
 
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service AvailableCall Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
 
Famous Olympic Siblings from the 21st Century
Famous Olympic Siblings from the 21st CenturyFamous Olympic Siblings from the 21st Century
Famous Olympic Siblings from the 21st Century
 
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRLBAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
 
Enhancing and Restoring Safety & Quality Cultures - Dave Litwiller - May 2024...
Enhancing and Restoring Safety & Quality Cultures - Dave Litwiller - May 2024...Enhancing and Restoring Safety & Quality Cultures - Dave Litwiller - May 2024...
Enhancing and Restoring Safety & Quality Cultures - Dave Litwiller - May 2024...
 
VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...
VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...
VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...
 
Falcon's Invoice Discounting: Your Path to Prosperity
Falcon's Invoice Discounting: Your Path to ProsperityFalcon's Invoice Discounting: Your Path to Prosperity
Falcon's Invoice Discounting: Your Path to Prosperity
 
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
 
RSA Conference Exhibitor List 2024 - Exhibitors Data
RSA Conference Exhibitor List 2024 - Exhibitors DataRSA Conference Exhibitor List 2024 - Exhibitors Data
RSA Conference Exhibitor List 2024 - Exhibitors Data
 
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service AvailableCall Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
 
Falcon Invoice Discounting platform in india
Falcon Invoice Discounting platform in indiaFalcon Invoice Discounting platform in india
Falcon Invoice Discounting platform in india
 
Cracking the Cultural Competence Code.pptx
Cracking the Cultural Competence Code.pptxCracking the Cultural Competence Code.pptx
Cracking the Cultural Competence Code.pptx
 
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
 
Mysore Call Girls 8617370543 WhatsApp Number 24x7 Best Services
Mysore Call Girls 8617370543 WhatsApp Number 24x7 Best ServicesMysore Call Girls 8617370543 WhatsApp Number 24x7 Best Services
Mysore Call Girls 8617370543 WhatsApp Number 24x7 Best Services
 

What Is Interaction Design

  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. Why is this a better design?
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.