SlideShare ist ein Scribd-Unternehmen logo
1 von 27
Downloaden Sie, um offline zu lesen
Cognitive Psychology
                              in UX

                             @RizkHany




Wednesday, February 27, 13
Why talk about CogSci?

        • To understand human cognitive capabilities and
        limitations.

        • To help us evaluate our designs & design patterns
        more meaningfully.




Wednesday, February 27, 13
Visual Perception

        • Not just vision!
        • Complex process that takes place along the eye-brain
        pathway and back.




Wednesday, February 27, 13
Visual Perception

        • Bottom-up
        • Top-down




Wednesday, February 27, 13
Bottom-up

        • First stage: Low-level features
        • Second stage: Patterns
        • Third stage: Objects



Wednesday, February 27, 13
Top-down

        • Task/goal oriented
          - Behavioral
          - Cognitive
        • Constant linking and re-linking of visual and non-
        visual information.



Wednesday, February 27, 13
Patterns

        • At this level:
              - different elements become either linked or
              segregated
              - visual processing is at its highest



Wednesday, February 27, 13
The Gestalt Principles

        • Gestalt can be translated as ‘shape’ or ‘form’
        • The term refers to how visual input is perceived by
        human beings.




Wednesday, February 27, 13
Wednesday, February 27, 13
Wednesday, February 27, 13
Wednesday, February 27, 13
The Gestalt Principles

        • Gestalt theory describes how the mind organizes
        visual data.

        • The stronger the clarity of form, the more effective
        the design.




Wednesday, February 27, 13
The law of Similarity




Wednesday, February 27, 13
Wednesday, February 27, 13
The law of Proximity




Wednesday, February 27, 13
Wednesday, February 27, 13
The law of Simplicity




Wednesday, February 27, 13
The law of Simplicity




Wednesday, February 27, 13
The law of figure-ground




Wednesday, February 27, 13
Wednesday, February 27, 13
The law of Symmetry




Wednesday, February 27, 13
Wednesday, February 27, 13
The law of Closure




Wednesday, February 27, 13
Wednesday, February 27, 13
The law of Continuity




Wednesday, February 27, 13
Wednesday, February 27, 13
Thank you!



                             get in touch @RizkHany




Wednesday, February 27, 13

Weitere ähnliche Inhalte

Was ist angesagt?

Service Design 101: Innovating and Improving the Customer Experience
Service Design 101: Innovating and Improving the Customer ExperienceService Design 101: Innovating and Improving the Customer Experience
Service Design 101: Innovating and Improving the Customer ExperienceBluespire Marketing
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentVolodymyr Melnyk
 
Proto Persona Workshop
Proto Persona WorkshopProto Persona Workshop
Proto Persona WorkshopNancy Jain
 
Cognitive elements of an effective UI/UX design
Cognitive elements of an effective UI/UX designCognitive elements of an effective UI/UX design
Cognitive elements of an effective UI/UX designShabnamShahfar
 
True Intent: The Best Online Benchmark You've Never Measured
True Intent: The Best Online Benchmark You've Never MeasuredTrue Intent: The Best Online Benchmark You've Never Measured
True Intent: The Best Online Benchmark You've Never MeasuredUXPA International
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDan Moriarty
 
How to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product ManagerHow to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product ManagerProduct School
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui designShweta Joshi
 

Was ist angesagt? (16)

Service Design 101: Innovating and Improving the Customer Experience
Service Design 101: Innovating and Improving the Customer ExperienceService Design 101: Innovating and Improving the Customer Experience
Service Design 101: Innovating and Improving the Customer Experience
 
presentaion.pptx
presentaion.pptxpresentaion.pptx
presentaion.pptx
 
UI/UX Design in Agile process
UI/UX Design in Agile process  UI/UX Design in Agile process
UI/UX Design in Agile process
 
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
 
Proto Persona Workshop
Proto Persona WorkshopProto Persona Workshop
Proto Persona Workshop
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
Introduction to Lean UX
Introduction to Lean UXIntroduction to Lean UX
Introduction to Lean UX
 
Cognitive elements of an effective UI/UX design
Cognitive elements of an effective UI/UX designCognitive elements of an effective UI/UX design
Cognitive elements of an effective UI/UX design
 
UX Maturity Models
UX Maturity ModelsUX Maturity Models
UX Maturity Models
 
True Intent: The Best Online Benchmark You've Never Measured
True Intent: The Best Online Benchmark You've Never MeasuredTrue Intent: The Best Online Benchmark You've Never Measured
True Intent: The Best Online Benchmark You've Never Measured
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 
Ux design process
Ux design processUx design process
Ux design process
 
How to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product ManagerHow to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product Manager
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 

Andere mochten auch

Psychology for User Experience
Psychology for User ExperiencePsychology for User Experience
Psychology for User ExperienceDave Hogue
 
Small Cognitive Psychology for Big Interaction Design
Small Cognitive Psychology for Big Interaction DesignSmall Cognitive Psychology for Big Interaction Design
Small Cognitive Psychology for Big Interaction DesignJan Srutek
 
UX- Psychology & Human Behaviour.pptx
UX- Psychology & Human Behaviour.pptxUX- Psychology & Human Behaviour.pptx
UX- Psychology & Human Behaviour.pptxTechved Consulting
 
Designing for Brains: the Psychology of User Experience
Designing for Brains: the Psychology of User ExperienceDesigning for Brains: the Psychology of User Experience
Designing for Brains: the Psychology of User ExperienceMarissa Epstein
 
Ux. theory of relativity
Ux. theory of relativityUx. theory of relativity
Ux. theory of relativityMichael Dorka
 
Selling Usability Testing internally
Selling Usability Testing internallySelling Usability Testing internally
Selling Usability Testing internallyKyra Friedell
 
Psychology, UX and the perfect design
Psychology, UX and the perfect designPsychology, UX and the perfect design
Psychology, UX and the perfect designJoe Leech
 
The Art and Science of Requirements Gathering
The Art and Science of Requirements GatheringThe Art and Science of Requirements Gathering
The Art and Science of Requirements GatheringVanessa Turke
 
정보처리모델10119174이아라
정보처리모델10119174이아라정보처리모델10119174이아라
정보처리모델10119174이아라아라 이
 
Don't make me think presentation skills that achieve results
Don't make me think presentation skills that achieve resultsDon't make me think presentation skills that achieve results
Don't make me think presentation skills that achieve resultsStephanieScotti
 
QI Evolutionary Psychology and UX
QI Evolutionary Psychology and UXQI Evolutionary Psychology and UX
QI Evolutionary Psychology and UXLaura Gordon
 
UI & UX : Using Human Psychology in Game Design
UI & UX : Using Human Psychology in Game DesignUI & UX : Using Human Psychology in Game Design
UI & UX : Using Human Psychology in Game DesignSaurabh Mathur
 
포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)
포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)
포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)keesung kim
 
Examples for leverage points
Examples for leverage pointsExamples for leverage points
Examples for leverage pointsGeorges Grinstein
 
Rob의 케이스를 통해 살펴본 리더의 조건 (@Daum, 2013.1.23)
Rob의 케이스를 통해 살펴본 리더의 조건 (@Daum, 2013.1.23)Rob의 케이스를 통해 살펴본 리더의 조건 (@Daum, 2013.1.23)
Rob의 케이스를 통해 살펴본 리더의 조건 (@Daum, 2013.1.23)keesung kim
 
UX 101: An Overview of User Experience
UX 101: An Overview of User ExperienceUX 101: An Overview of User Experience
UX 101: An Overview of User ExperienceBrad Gerstein
 
사용자경험유지하기(@UX Storming/2012)
사용자경험유지하기(@UX Storming/2012)사용자경험유지하기(@UX Storming/2012)
사용자경험유지하기(@UX Storming/2012)keesung kim
 
Data Visualization: Cognitive Psychology and Design Principles
Data Visualization:  Cognitive Psychology and Design PrinciplesData Visualization:  Cognitive Psychology and Design Principles
Data Visualization: Cognitive Psychology and Design PrinciplesDan Sweet
 

Andere mochten auch (20)

Psychology for User Experience
Psychology for User ExperiencePsychology for User Experience
Psychology for User Experience
 
Small Cognitive Psychology for Big Interaction Design
Small Cognitive Psychology for Big Interaction DesignSmall Cognitive Psychology for Big Interaction Design
Small Cognitive Psychology for Big Interaction Design
 
UX- Psychology & Human Behaviour.pptx
UX- Psychology & Human Behaviour.pptxUX- Psychology & Human Behaviour.pptx
UX- Psychology & Human Behaviour.pptx
 
Designing for Brains: the Psychology of User Experience
Designing for Brains: the Psychology of User ExperienceDesigning for Brains: the Psychology of User Experience
Designing for Brains: the Psychology of User Experience
 
Ux. theory of relativity
Ux. theory of relativityUx. theory of relativity
Ux. theory of relativity
 
Selling Usability Testing internally
Selling Usability Testing internallySelling Usability Testing internally
Selling Usability Testing internally
 
Psychology, UX and the perfect design
Psychology, UX and the perfect designPsychology, UX and the perfect design
Psychology, UX and the perfect design
 
The Art and Science of Requirements Gathering
The Art and Science of Requirements GatheringThe Art and Science of Requirements Gathering
The Art and Science of Requirements Gathering
 
정보처리모델10119174이아라
정보처리모델10119174이아라정보처리모델10119174이아라
정보처리모델10119174이아라
 
Don't make me think presentation skills that achieve results
Don't make me think presentation skills that achieve resultsDon't make me think presentation skills that achieve results
Don't make me think presentation skills that achieve results
 
QI Evolutionary Psychology and UX
QI Evolutionary Psychology and UXQI Evolutionary Psychology and UX
QI Evolutionary Psychology and UX
 
UI & UX : Using Human Psychology in Game Design
UI & UX : Using Human Psychology in Game DesignUI & UX : Using Human Psychology in Game Design
UI & UX : Using Human Psychology in Game Design
 
UX: User Experience
UX: User ExperienceUX: User Experience
UX: User Experience
 
포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)
포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)
포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)
 
Examples for leverage points
Examples for leverage pointsExamples for leverage points
Examples for leverage points
 
Rob의 케이스를 통해 살펴본 리더의 조건 (@Daum, 2013.1.23)
Rob의 케이스를 통해 살펴본 리더의 조건 (@Daum, 2013.1.23)Rob의 케이스를 통해 살펴본 리더의 조건 (@Daum, 2013.1.23)
Rob의 케이스를 통해 살펴본 리더의 조건 (@Daum, 2013.1.23)
 
UX Psychology 1st Track.
UX Psychology 1st Track.UX Psychology 1st Track.
UX Psychology 1st Track.
 
UX 101: An Overview of User Experience
UX 101: An Overview of User ExperienceUX 101: An Overview of User Experience
UX 101: An Overview of User Experience
 
사용자경험유지하기(@UX Storming/2012)
사용자경험유지하기(@UX Storming/2012)사용자경험유지하기(@UX Storming/2012)
사용자경험유지하기(@UX Storming/2012)
 
Data Visualization: Cognitive Psychology and Design Principles
Data Visualization:  Cognitive Psychology and Design PrinciplesData Visualization:  Cognitive Psychology and Design Principles
Data Visualization: Cognitive Psychology and Design Principles
 

Cognitive Psychology in UX