SlideShare a Scribd company logo
1 of 27
Download to read offline
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

More Related Content

What's hot

What's hot (13)

The User Experience Iceberg
The User Experience IcebergThe User Experience Iceberg
The User Experience Iceberg
 
Convertirse en lider
Convertirse en liderConvertirse en lider
Convertirse en lider
 
UX Strategy Part-1
UX Strategy Part-1UX Strategy Part-1
UX Strategy Part-1
 
Web accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityWeb accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibility
 
Designing with Agile Workshop
Designing with Agile WorkshopDesigning with Agile Workshop
Designing with Agile Workshop
 
Lean UX, Уровни UX, UXD процесс
Lean UX, Уровни UX, UXD процессLean UX, Уровни UX, UXD процесс
Lean UX, Уровни UX, UXD процесс
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
Storytelling with data
Storytelling with dataStorytelling with data
Storytelling with data
 
Look at UI/UX Design Process
Look at UI/UX Design ProcessLook at UI/UX Design Process
Look at UI/UX Design Process
 
WCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
WCAG 2.1: What You Need to Know About the Most Recent Accessibility StandardsWCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
WCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
 
5 Things I Wish I Knew – A Service Design Journey
5 Things I Wish I Knew – A Service Design Journey5 Things I Wish I Knew – A Service Design Journey
5 Things I Wish I Knew – A Service Design Journey
 
UX Design Process 101: Where to start with UX
UX Design Process 101: Where to start with UXUX Design Process 101: Where to start with UX
UX Design Process 101: Where to start with UX
 
Accessible Design Presentation
Accessible Design PresentationAccessible Design Presentation
Accessible Design Presentation
 

Viewers also liked

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
 

Viewers also liked (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