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?

Affordances
AffordancesAffordances
Affordancescijat
 
Demystifying User Experience
Demystifying User ExperienceDemystifying User Experience
Demystifying User ExperienceCake and Arrow
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
Interaction Design
Interaction DesignInteraction Design
Interaction DesignKajsa Gren
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience? Dotinum
 
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!Jayan Narayanan
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilitySebastian Waters
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design ProcessesMuhammad Hijazi
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger PictureMayank Lambhate
 
Design for solving the right problem
 Design for solving the right problem Design for solving the right problem
Design for solving the right problemFITC
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptxRiniyaMary
 
What is User Centered Design?
What is User Centered Design?What is User Centered Design?
What is User Centered Design?jamiecavanaugh
 

Was ist angesagt? (20)

Affordances
AffordancesAffordances
Affordances
 
Demystifying User Experience
Demystifying User ExperienceDemystifying User Experience
Demystifying User Experience
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
ITea&Coffee - Atomic design systems 2.0
ITea&Coffee - Atomic design systems 2.0ITea&Coffee - Atomic design systems 2.0
ITea&Coffee - Atomic design systems 2.0
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
What is UX?
What is UX?What is UX?
What is UX?
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
UX and UI
UX and UIUX and UI
UX and UI
 
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!
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design Processes
 
UX design
UX designUX design
UX design
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
Ui design
Ui designUi design
Ui design
 
Design for solving the right problem
 Design for solving the right problem Design for solving the right problem
Design for solving the right problem
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
What is User Centered Design?
What is User Centered Design?What is User Centered Design?
What is User Centered Design?
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 

Andere mochten auch

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
 
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
 

Andere mochten auch (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