SlideShare une entreprise Scribd logo
1  sur  27
Télécharger pour lire hors ligne
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

Contenu connexe

Tendances

User Experience Services Capabilities
User Experience Services CapabilitiesUser Experience Services Capabilities
User Experience Services Capabilities
Adam Doti
 

Tendances (10)

Creating and Scaling an Enterprise Design System
Creating and Scaling an Enterprise Design SystemCreating and Scaling an Enterprise Design System
Creating and Scaling an Enterprise Design System
 
Teresa Torres - An introduction to modern product discovery - Productized16
Teresa Torres - An introduction to modern product discovery - Productized16Teresa Torres - An introduction to modern product discovery - Productized16
Teresa Torres - An introduction to modern product discovery - Productized16
 
Emergent UX: Seducing the six minds
Emergent UX: Seducing the six mindsEmergent UX: Seducing the six minds
Emergent UX: Seducing the six minds
 
AI Product Thinking for Product Managers
AI Product Thinking for Product Managers AI Product Thinking for Product Managers
AI Product Thinking for Product Managers
 
The Three Levels of Design
The Three Levels of DesignThe Three Levels of Design
The Three Levels of Design
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
UI Design Patterns
UI Design PatternsUI Design Patterns
UI Design Patterns
 
User Experience Services Capabilities
User Experience Services CapabilitiesUser Experience Services Capabilities
User Experience Services Capabilities
 

En vedette

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
Vanessa 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 results
StephanieScotti
 
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
Saurabh Mathur
 
Examples for leverage points
Examples for leverage pointsExamples for leverage points
Examples for leverage points
Georges Grinstein
 
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
Brad Gerstein
 

En vedette (20)

Psychology for User Experience
Psychology for User ExperiencePsychology for User Experience
Psychology for User Experience
 
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
 
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)
 

Cognitive Psychology in UX