Human-System Interaction
• UI/UX and Dark Patterns
• An Overview
Understanding UI/UX
• UI (User Interface): Design of user-facing
elements
• UX (User Experience): Overall feel and
usability
• Goal: Enhance user satisfaction
Principles of Good UI/UX
• Clarity and consistency
• User control and freedom
• Accessibility and feedback
Introduction to Dark Patterns
• UI design that tricks users into actions
• Common in e-commerce and social media
• Often violate ethical guidelines
Examples of Dark Patterns
• Roach Motel: Easy to get in, hard to leave
• Forced Continuity: Hard to cancel
subscriptions
• Trick Questions: Misleading language
Ethical Implications
• Decreases trust in technology
• Exploits user behavior and vulnerabilities
• Can lead to regulatory scrutiny
Counteracting Dark Patterns
• Transparent design
• User-centric approach
• Complying with design ethics

More Related Content

PPTX
UX is not UI
PPTX
Webinar User Experience Fundamentals
PPTX
User Interface DESIGN - A brief summary.pptx
PPTX
User Interface Design: Definitions, Processes and Principles
PPTX
Intro to ux and how to design a thoughtful ui
PPTX
01-Introduction to HCI.pptx
PPTX
ITP01 Introduction to Human Computer Interaction Part 3.pptx
PPTX
User interface design: definitions, processes and principles
UX is not UI
Webinar User Experience Fundamentals
User Interface DESIGN - A brief summary.pptx
User Interface Design: Definitions, Processes and Principles
Intro to ux and how to design a thoughtful ui
01-Introduction to HCI.pptx
ITP01 Introduction to Human Computer Interaction Part 3.pptx
User interface design: definitions, processes and principles

Similar to Human-System Interaction: UI/UX and Dark Patterns (20)

PPT
Digital publishing and the user experience (no chart)
PPTX
Unit - 1 - HCI.pptx
PPTX
Unit - 1 - HCI.pptx
PPTX
Unit - 1 - HCI.pptx
PDF
chapter_01_5e.pdf
PPTX
Human Computer Interaction: Lecture 2: Interaction Design
PPTX
introduction of HCI design and techniques
PDF
UX/UI Introduction
PPT
HCI Module-4-UX-Emotion-and-Experience.ppt
PDF
ICS3211_lecture_week52023.pdf
PPTX
Module 2nd USER INTERFACE DESIGN (15CS832) - VTU
PPTX
Interaction design: desiging user interfaces for digital products
PPTX
Interaction design patterns
PPT
Accessibility and Information Systems
PPTX
Usability Workshop, 11-8-2012
PDF
3450_Fall2016_Syllabus
PDF
Why User Experience Matters
PDF
HCI - 2 - Usability & User Experience.pdf
PPTX
Data-driven UX: What it really takes and how to get there
PDF
Proof That UI UX Really Works
Digital publishing and the user experience (no chart)
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
chapter_01_5e.pdf
Human Computer Interaction: Lecture 2: Interaction Design
introduction of HCI design and techniques
UX/UI Introduction
HCI Module-4-UX-Emotion-and-Experience.ppt
ICS3211_lecture_week52023.pdf
Module 2nd USER INTERFACE DESIGN (15CS832) - VTU
Interaction design: desiging user interfaces for digital products
Interaction design patterns
Accessibility and Information Systems
Usability Workshop, 11-8-2012
3450_Fall2016_Syllabus
Why User Experience Matters
HCI - 2 - Usability & User Experience.pdf
Data-driven UX: What it really takes and how to get there
Proof That UI UX Really Works
Ad

Recently uploaded (20)

PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PDF
Chalkpiece Annual Report from 2019 To 2025
PPTX
8086.pptx microprocessor and microcontroller
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PPTX
PROPOSAL tentang PLN di metode pelaksanaan.pptx
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PDF
2025CategoryRanking of technology university
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PDF
Architecture Design Portfolio- VICTOR OKUTU
PDF
Timeless Interiors by PEE VEE INTERIORS
PPTX
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
PPT
Fire_electrical_safety community 08.ppt
PPTX
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
PPTX
a group casestudy on architectural aesthetic and beauty
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PPTX
timber basics in structure mechanics (dos)
PPTX
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
PPTX
ACL English Introductionadsfsfadf 20200612.pptx
PDF
THEORY OF ID MODULE (Interior Design Subject)
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
Chalkpiece Annual Report from 2019 To 2025
8086.pptx microprocessor and microcontroller
321 LIBRARY DESIGN.pdf43354445t6556t5656
PROPOSAL tentang PLN di metode pelaksanaan.pptx
1 Introduction to Networking (06).pdfbsbsbsb
22CDH01-V3-UNIT III-UX-UI for Immersive Design
2025CategoryRanking of technology university
robotS AND ROBOTICSOF HUMANS AND MACHINES
Architecture Design Portfolio- VICTOR OKUTU
Timeless Interiors by PEE VEE INTERIORS
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
Fire_electrical_safety community 08.ppt
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
a group casestudy on architectural aesthetic and beauty
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
timber basics in structure mechanics (dos)
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
ACL English Introductionadsfsfadf 20200612.pptx
THEORY OF ID MODULE (Interior Design Subject)
Ad

Human-System Interaction: UI/UX and Dark Patterns

  • 1. Human-System Interaction • UI/UX and Dark Patterns • An Overview
  • 2. Understanding UI/UX • UI (User Interface): Design of user-facing elements • UX (User Experience): Overall feel and usability • Goal: Enhance user satisfaction
  • 3. Principles of Good UI/UX • Clarity and consistency • User control and freedom • Accessibility and feedback
  • 4. Introduction to Dark Patterns • UI design that tricks users into actions • Common in e-commerce and social media • Often violate ethical guidelines
  • 5. Examples of Dark Patterns • Roach Motel: Easy to get in, hard to leave • Forced Continuity: Hard to cancel subscriptions • Trick Questions: Misleading language
  • 6. Ethical Implications • Decreases trust in technology • Exploits user behavior and vulnerabilities • Can lead to regulatory scrutiny
  • 7. Counteracting Dark Patterns • Transparent design • User-centric approach • Complying with design ethics