SlideShare ist ein Scribd-Unternehmen logo
1 von 62
Downloaden Sie, um offline zu lesen
Psychological Basis for
UI Design Rules



    Jeff Johnson
    UI Wizards, Inc.



                          1
Many HCI researchers and
practitioners have offered
UI Design Guidelines




                             2
UI Design Guidelines
(Nielsen  Molich, 1993)
   Visibility of system status
   Match between system  real world
   User control  freedom
   Consistency  standards
   Error prevention
   Recognition rather than recall
   Flexibility  efficiency of use
   Aesthetic  minimalist design
   Help users recognize, diagnose,  recover from errors
   Provide online documentation  help

                                                            3
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules

Weitere ähnliche Inhalte

Andere mochten auch

UI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesUI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best Practices
Samuel Chow
 

Andere mochten auch (8)

Lean UX: Getting out of the deliverables business
Lean UX: Getting out of the deliverables businessLean UX: Getting out of the deliverables business
Lean UX: Getting out of the deliverables business
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UI DESIGN - Art of creating perfect products ( Part 1 )
UI DESIGN - Art of creating perfect products ( Part 1 )UI DESIGN - Art of creating perfect products ( Part 1 )
UI DESIGN - Art of creating perfect products ( Part 1 )
 
UI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesUI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best Practices
 
What is ux?
What is ux?What is ux?
What is ux?
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterFail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 

Ähnlich wie Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules

Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Sivaprasath Selvaraj
 
Simple usability testing
Simple usability testingSimple usability testing
Simple usability testing
Hans Põldoja
 
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
David Little
 
How design decisions affect user performance
How design decisions affect user performanceHow design decisions affect user performance
How design decisions affect user performance
Rachna Mittal
 
Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1
Michael Rawlins
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
studiokandm
 
INTRODUCTION to USER EXPERIENCE
INTRODUCTION to USER EXPERIENCEINTRODUCTION to USER EXPERIENCE
INTRODUCTION to USER EXPERIENCE
chenjyu
 

Ähnlich wie Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules (20)

Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design RulesJeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
 
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
 
Simple usability testing
Simple usability testingSimple usability testing
Simple usability testing
 
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
 
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
 
Ebay News 2006 7 19 Earnings
Ebay News 2006 7 19 EarningsEbay News 2006 7 19 Earnings
Ebay News 2006 7 19 Earnings
 
How design decisions affect user performance
How design decisions affect user performanceHow design decisions affect user performance
How design decisions affect user performance
 
Introduction into User Experience
Introduction into User ExperienceIntroduction into User Experience
Introduction into User Experience
 
Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1Final_USER_EXPERIENCE_Yale_V1
Final_USER_EXPERIENCE_Yale_V1
 
hci Evaluation Techniques.pptx
 hci Evaluation Techniques.pptx hci Evaluation Techniques.pptx
hci Evaluation Techniques.pptx
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
 
INTRODUCTION to USER EXPERIENCE
INTRODUCTION to USER EXPERIENCEINTRODUCTION to USER EXPERIENCE
INTRODUCTION to USER EXPERIENCE
 
Interaction design introduction
Interaction design introductionInteraction design introduction
Interaction design introduction
 
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design
 
Theo Mandel - "Designing Object-Oriented User Experiences" IUE2013 Conference
Theo Mandel - "Designing Object-Oriented User Experiences" IUE2013 ConferenceTheo Mandel - "Designing Object-Oriented User Experiences" IUE2013 Conference
Theo Mandel - "Designing Object-Oriented User Experiences" IUE2013 Conference
 
User Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessUser Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid Process
 
Assessing the quality of usability
Assessing the quality of usabilityAssessing the quality of usability
Assessing the quality of usability
 
User Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and AccessibilityUser Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and Accessibility
 
HCI
HCI HCI
HCI
 
01_Principles.pdf rata Tata principles and rules
01_Principles.pdf rata Tata principles and rules01_Principles.pdf rata Tata principles and rules
01_Principles.pdf rata Tata principles and rules
 

Mehr von Steve Williams

Mehr von Steve Williams (20)

RAB NASA Update
RAB NASA UpdateRAB NASA Update
RAB NASA Update
 
RAB Vapor Intrusion Mitigation
RAB Vapor Intrusion MitigationRAB Vapor Intrusion Mitigation
RAB Vapor Intrusion Mitigation
 
RAB Vapor Intrusion Update, Installation Restoration (IR) Site 28
RAB Vapor Intrusion Update, Installation Restoration (IR) Site 28RAB Vapor Intrusion Update, Installation Restoration (IR) Site 28
RAB Vapor Intrusion Update, Installation Restoration (IR) Site 28
 
RAB Community Presentation
RAB Community PresentationRAB Community Presentation
RAB Community Presentation
 
Endophyte Assisted Phytoremediation of TCE and Derivatives Using Hybrid Popla...
Endophyte Assisted Phytoremediation of TCE and Derivatives Using Hybrid Popla...Endophyte Assisted Phytoremediation of TCE and Derivatives Using Hybrid Popla...
Endophyte Assisted Phytoremediation of TCE and Derivatives Using Hybrid Popla...
 
NASA Ames Update to Restoration Advisory Board
NASA Ames Update to Restoration Advisory BoardNASA Ames Update to Restoration Advisory Board
NASA Ames Update to Restoration Advisory Board
 
Moffett RAB: EPA MEW Superfund Study Area Update
Moffett RAB: EPA MEW Superfund Study Area UpdateMoffett RAB: EPA MEW Superfund Study Area Update
Moffett RAB: EPA MEW Superfund Study Area Update
 
Moffett RAB: EPA Update on Environmental Issues Management Plan
Moffett RAB: EPA Update on Environmental Issues Management PlanMoffett RAB: EPA Update on Environmental Issues Management Plan
Moffett RAB: EPA Update on Environmental Issues Management Plan
 
EPA MEW Study Area TCE Source Investigation
EPA MEW Study Area TCE Source InvestigationEPA MEW Study Area TCE Source Investigation
EPA MEW Study Area TCE Source Investigation
 
NASA Update on Planetary Ventures Lease of Moffett Field
NASA Update on Planetary Ventures Lease of Moffett FieldNASA Update on Planetary Ventures Lease of Moffett Field
NASA Update on Planetary Ventures Lease of Moffett Field
 
Moffett Site 1, 22, 26, and 28 Five Year Review
Moffett Site 1, 22, 26, and 28 Five Year ReviewMoffett Site 1, 22, 26, and 28 Five Year Review
Moffett Site 1, 22, 26, and 28 Five Year Review
 
Orion Park Housing Area VOC Plume Assessment
Orion Park Housing Area VOC Plume AssessmentOrion Park Housing Area VOC Plume Assessment
Orion Park Housing Area VOC Plume Assessment
 
Epa vi and source investigation rab mtg update august 7 2014rv1
Epa vi  and source investigation rab mtg update    august 7 2014rv1Epa vi  and source investigation rab mtg update    august 7 2014rv1
Epa vi and source investigation rab mtg update august 7 2014rv1
 
Moffett RAB: Navy EPA Intrusion Update
Moffett RAB: Navy EPA Intrusion UpdateMoffett RAB: Navy EPA Intrusion Update
Moffett RAB: Navy EPA Intrusion Update
 
Moffett RAB: Navy Vapor Intrusion Update
Moffett RAB: Navy Vapor Intrusion UpdateMoffett RAB: Navy Vapor Intrusion Update
Moffett RAB: Navy Vapor Intrusion Update
 
Moffett RAB: 2014 Planned Environmental Activities
Moffett RAB: 2014 Planned Environmental ActivitiesMoffett RAB: 2014 Planned Environmental Activities
Moffett RAB: 2014 Planned Environmental Activities
 
EPA MEW Sampling Update, Moffett RAB, November 14, 2013
EPA MEW Sampling Update, Moffett RAB, November 14, 2013EPA MEW Sampling Update, Moffett RAB, November 14, 2013
EPA MEW Sampling Update, Moffett RAB, November 14, 2013
 
Site 28 Update, Moffett RAB, November 14, 2013
Site 28 Update, Moffett RAB, November 14, 2013Site 28 Update, Moffett RAB, November 14, 2013
Site 28 Update, Moffett RAB, November 14, 2013
 
US Army Corps of Engineers BUILDING STRONG® Air Sampling at the Former Orion ...
US Army Corps of Engineers BUILDING STRONG® Air Sampling at the Former Orion ...US Army Corps of Engineers BUILDING STRONG® Air Sampling at the Former Orion ...
US Army Corps of Engineers BUILDING STRONG® Air Sampling at the Former Orion ...
 
Hazardous Substances at Moffett Field’s Hangar One: Challenges and Opportunities
Hazardous Substances at Moffett Field’s Hangar One: Challenges and OpportunitiesHazardous Substances at Moffett Field’s Hangar One: Challenges and Opportunities
Hazardous Substances at Moffett Field’s Hangar One: Challenges and Opportunities
 

Kürzlich hochgeladen

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Kürzlich hochgeladen (20)

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules

  • 1. Psychological Basis for UI Design Rules Jeff Johnson UI Wizards, Inc. 1
  • 2. Many HCI researchers and practitioners have offered UI Design Guidelines 2
  • 3. UI Design Guidelines (Nielsen Molich, 1993)  Visibility of system status  Match between system real world  User control freedom  Consistency standards  Error prevention  Recognition rather than recall  Flexibility efficiency of use  Aesthetic minimalist design  Help users recognize, diagnose, recover from errors  Provide online documentation help 3