SlideShare a Scribd company logo
1 of 23
Download to read offline
GOOD
BAD
DESIGN
HUMAN COMPUTER INTERACTION
322131 HCI/2015 CS KKU 1
INDEX
• Introduction to HCI
• Why design?
• How is bad
• How is good
• Discussion
• Assignment
322131 HCI/2015 CS KKU 2
HUMAN COMPUTER INTERACTION
Psychology
Ergonomics and human factors
Computer Science
Language Sociology
Ethnography
Design
Engineering
322131 HCI/2015 CS KKU 3
HUMAN COMPUTER INTERACTION
322131 HCI/2015 CS KKU 4
WHY
is important?322131 HCI/2015 CS KKU 5
ART| DESIGN |SCIENCE
Illustration
Visual design
Fine Art
Imagery
Typography
Grid system
Research
Interviewing
Interaction design
User Experience
Information Architecture
322131 HCI/2015 CS KKU 6
How much does DESIGN matter to you?
322131 HCI/2015 CS KKU 7
GOOD/BAD DESIGN
322131 HCI/2015 CS KKU 8
BAD DESIGN
HOW IS BAD?PEOPLE FEEL MISTAKE FOR USING, DIFFICULT, CONFUSING, HOW TO USE?
Who needs privacy, am I right?322131 HCI/2015 CS KKU 9
BAD FONT CHOICE
322131 HCI/2015 CS KKU 10
CONFUSING SIGNS
Oh yeah, you’ll need some luck
if you don’t want to get lost.
322131 HCI/2015 CS KKU 11
REMOTE CONTROL
322131 HCI/2015 CS KKU 12
EVOLUTION
322131 HCI/2015 CS KKU 13
HOW IS GOOD DESIGN?
322131 HCI/2015 CS KKU 14
322131 HCI/2015 CS KKU 15
322131 HCI/2015 CS KKU 16
Universal Design
322131 HCI/2015 CS KKU 17
Fairness
322131 HCI/2015 CS KKU 18
Flexibility
322131 HCI/2015 CS KKU 19
Simplicity
322131 HCI/2015 CS KKU 20
Understanding
322131 HCI/2015 CS KKU 21
Safety
322131 HCI/2015 CS KKU 22
Energy conservation
WORKSHOPhttp://www.baddesigns.com/examples.html
322131 HCI/2015 CS KKU 23

More Related Content

What's hot

Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI Deskala
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory sessionSooraj P R
 
The Psychology of Human-Computer Interaction
The Psychology ofHuman-Computer InteractionThe Psychology ofHuman-Computer Interaction
The Psychology of Human-Computer InteractionSimon Bignell
 
USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTUSER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTvicci4041
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience? Dotinum
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"MITAcademy1
 
Introducing Human Computer Interaction
Introducing Human Computer InteractionIntroducing Human Computer Interaction
Introducing Human Computer Interactionhcicourse
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interactionemaan waseem
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introductionIsmail Norri
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3Alan Dix
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptxRiniyaMary
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
10 user centered design
10 user centered design10 user centered design
10 user centered designLilia Sfaxi
 

What's hot (20)

User experience design
User experience designUser experience design
User experience design
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
 
HCI
HCIHCI
HCI
 
The Psychology of Human-Computer Interaction
The Psychology ofHuman-Computer InteractionThe Psychology ofHuman-Computer Interaction
The Psychology of Human-Computer Interaction
 
USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTUSER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPT
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 
Introducing Human Computer Interaction
Introducing Human Computer InteractionIntroducing Human Computer Interaction
Introducing Human Computer Interaction
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
Hci activity#3
Hci activity#3Hci activity#3
Hci activity#3
 
What is User Experience Design?
What is User Experience Design?What is User Experience Design?
What is User Experience Design?
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
10 user centered design
10 user centered design10 user centered design
10 user centered design
 

Similar to Good bad design

How to do 3D printing in Architecture.pdf
How to do 3D printing in Architecture.pdfHow to do 3D printing in Architecture.pdf
How to do 3D printing in Architecture.pdfMwataTshituka
 
IoT Innovation Design Method (Picmet2019 Presentation)
IoT Innovation Design Method (Picmet2019 Presentation)IoT Innovation Design Method (Picmet2019 Presentation)
IoT Innovation Design Method (Picmet2019 Presentation)Naoshi Uchihira
 
Out of Control: the bottom-up power of social computing
Out of Control: the bottom-up power of social computingOut of Control: the bottom-up power of social computing
Out of Control: the bottom-up power of social computingJun Hu
 
BIM: What do Owners Want? - Brian Skripac
BIM: What do Owners Want? - Brian SkripacBIM: What do Owners Want? - Brian Skripac
BIM: What do Owners Want? - Brian SkripacJad DELLEL
 
3D simulations as an innovation tool
3D simulations as an innovation tool3D simulations as an innovation tool
3D simulations as an innovation toolMattia Crespi
 
Cc 2009 091202
Cc 2009 091202Cc 2009 091202
Cc 2009 091202apartridge
 
Chandni Patel's Portfolio
Chandni Patel's PortfolioChandni Patel's Portfolio
Chandni Patel's PortfolioChandni687408
 
2nd Qatar BIM User Day Design Technology
2nd Qatar BIM User Day  Design Technology2nd Qatar BIM User Day  Design Technology
2nd Qatar BIM User Day Design TechnologyBIM User Day
 
Demystifying User Experience - General Assembly
Demystifying User Experience - General AssemblyDemystifying User Experience - General Assembly
Demystifying User Experience - General AssemblyMike Biggs GAICD
 
Architecture 3D Design and 3D Modeling Rendering Concepts.pptx
Architecture 3D Design and 3D Modeling Rendering Concepts.pptxArchitecture 3D Design and 3D Modeling Rendering Concepts.pptx
Architecture 3D Design and 3D Modeling Rendering Concepts.pptx3dteamau
 
3d magic pen
3d magic pen3d magic pen
3d magic penbobyleva
 
Professor abubakr lecture 1 cad 2016
Professor abubakr lecture 1 cad  2016Professor abubakr lecture 1 cad  2016
Professor abubakr lecture 1 cad 2016Abuubakr Abdelwahab
 
Introduction to User Experience - Mike Biggs
Introduction to User Experience - Mike BiggsIntroduction to User Experience - Mike Biggs
Introduction to User Experience - Mike BiggsThoughtworks
 
Web Design Trends You Shouldn't Miss in 2022 .pdf
Web Design Trends You Shouldn't Miss in 2022 .pdfWeb Design Trends You Shouldn't Miss in 2022 .pdf
Web Design Trends You Shouldn't Miss in 2022 .pdfWPWeb Infotech
 
Bridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UXBridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UXPlan
 

Similar to Good bad design (20)

How to do 3D printing in Architecture.pdf
How to do 3D printing in Architecture.pdfHow to do 3D printing in Architecture.pdf
How to do 3D printing in Architecture.pdf
 
IoT Innovation Design Method (Picmet2019 Presentation)
IoT Innovation Design Method (Picmet2019 Presentation)IoT Innovation Design Method (Picmet2019 Presentation)
IoT Innovation Design Method (Picmet2019 Presentation)
 
Graphic, Color and tools
Graphic, Color and toolsGraphic, Color and tools
Graphic, Color and tools
 
Out of Control: the bottom-up power of social computing
Out of Control: the bottom-up power of social computingOut of Control: the bottom-up power of social computing
Out of Control: the bottom-up power of social computing
 
BIM: What do Owners Want? - Brian Skripac
BIM: What do Owners Want? - Brian SkripacBIM: What do Owners Want? - Brian Skripac
BIM: What do Owners Want? - Brian Skripac
 
3D simulations as an innovation tool
3D simulations as an innovation tool3D simulations as an innovation tool
3D simulations as an innovation tool
 
FORM1 3D PRINTER final
FORM1 3D PRINTER finalFORM1 3D PRINTER final
FORM1 3D PRINTER final
 
Cc 2009 091202
Cc 2009 091202Cc 2009 091202
Cc 2009 091202
 
Bim
BimBim
Bim
 
Bim
BimBim
Bim
 
Chandni Patel's Portfolio
Chandni Patel's PortfolioChandni Patel's Portfolio
Chandni Patel's Portfolio
 
2nd Qatar BIM User Day Design Technology
2nd Qatar BIM User Day  Design Technology2nd Qatar BIM User Day  Design Technology
2nd Qatar BIM User Day Design Technology
 
Demystifying User Experience - General Assembly
Demystifying User Experience - General AssemblyDemystifying User Experience - General Assembly
Demystifying User Experience - General Assembly
 
Architecture 3D Design and 3D Modeling Rendering Concepts.pptx
Architecture 3D Design and 3D Modeling Rendering Concepts.pptxArchitecture 3D Design and 3D Modeling Rendering Concepts.pptx
Architecture 3D Design and 3D Modeling Rendering Concepts.pptx
 
3d magic pen
3d magic pen3d magic pen
3d magic pen
 
2d vs-3d-concept-design-pros-and-cons
2d vs-3d-concept-design-pros-and-cons2d vs-3d-concept-design-pros-and-cons
2d vs-3d-concept-design-pros-and-cons
 
Professor abubakr lecture 1 cad 2016
Professor abubakr lecture 1 cad  2016Professor abubakr lecture 1 cad  2016
Professor abubakr lecture 1 cad 2016
 
Introduction to User Experience - Mike Biggs
Introduction to User Experience - Mike BiggsIntroduction to User Experience - Mike Biggs
Introduction to User Experience - Mike Biggs
 
Web Design Trends You Shouldn't Miss in 2022 .pdf
Web Design Trends You Shouldn't Miss in 2022 .pdfWeb Design Trends You Shouldn't Miss in 2022 .pdf
Web Design Trends You Shouldn't Miss in 2022 .pdf
 
Bridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UXBridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UX
 

More from Yaowaluck Promdee (20)

A basic of UX for beginner
A basic of UX for beginnerA basic of UX for beginner
A basic of UX for beginner
 
TCAS 2563
TCAS 2563TCAS 2563
TCAS 2563
 
Portfolio design
Portfolio designPortfolio design
Portfolio design
 
Concept to creation story and storyboard
Concept to creation  story and storyboard Concept to creation  story and storyboard
Concept to creation story and storyboard
 
Observation and interviewing
Observation and interviewingObservation and interviewing
Observation and interviewing
 
Requirement gathering-and-lean-canvas
Requirement gathering-and-lean-canvasRequirement gathering-and-lean-canvas
Requirement gathering-and-lean-canvas
 
Bootstrap Framework
Bootstrap Framework Bootstrap Framework
Bootstrap Framework
 
Tables and forms with HTML, CSS
Tables and forms with HTML, CSS  Tables and forms with HTML, CSS
Tables and forms with HTML, CSS
 
Navigation and Link
Navigation and LinkNavigation and Link
Navigation and Link
 
Page layouts flexible and fixed layout with CSS
Page layouts flexible and fixed layout with CSSPage layouts flexible and fixed layout with CSS
Page layouts flexible and fixed layout with CSS
 
CSS Boc model
CSS Boc model CSS Boc model
CSS Boc model
 
CSS Font & Text style
CSS Font & Text style CSS Font & Text style
CSS Font & Text style
 
Style and Selector Part2
Style and Selector Part2Style and Selector Part2
Style and Selector Part2
 
Style and Selector
Style and SelectorStyle and Selector
Style and Selector
 
Design sitemap
Design sitemapDesign sitemap
Design sitemap
 
Good/Bad Web Design
Good/Bad Web DesignGood/Bad Web Design
Good/Bad Web Design
 
HTML 5
HTML 5HTML 5
HTML 5
 
Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations
 
Web Interface
Web InterfaceWeb Interface
Web Interface
 
Game design
Game designGame design
Game design
 

Recently uploaded

Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
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
 
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
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
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
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 

Recently uploaded (20)

Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
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
 
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
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
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
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room service
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 

Good bad design