SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler 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

Mais conteúdo relacionado

Mais procurados

What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 
UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths Evan Samek
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It WorksAciron Consulting
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX IntroductionPhuong Hoang Vu
 
User Behavior Analytics And The Benefits To Companies
User Behavior Analytics And The Benefits To CompaniesUser Behavior Analytics And The Benefits To Companies
User Behavior Analytics And The Benefits To CompaniesSpectorsoft
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"MITAcademy1
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyJoan Lumanauw
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureJoan Lumanauw
 
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
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignJoan Lumanauw
 
Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The WorldBuiltByHQ
 

Mais procurados (20)

What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
User Behavior Analytics And The Benefits To Companies
User Behavior Analytics And The Benefits To CompaniesUser Behavior Analytics And The Benefits To Companies
User Behavior Analytics And The Benefits To Companies
 
Ux design
Ux designUx design
Ux design
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
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 Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The World
 

Destaque

Psychology for User Experience
Psychology for User ExperiencePsychology for User Experience
Psychology for User ExperienceDave Hogue
 
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
 
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
 
Psychology for UX and Human Experience
Psychology for UX and Human ExperiencePsychology for UX and Human Experience
Psychology for UX and Human ExperienceDave Hogue
 
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
 

Destaque (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
 
Psychology for UX and Human Experience
Psychology for UX and Human ExperiencePsychology for UX and Human Experience
Psychology for UX and Human Experience
 
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
 

Cognitive Psychology in UX