SlideShare a Scribd company logo
Let’s talk about
(neuro)science
and its importance in usability/UX of an application
Who am I?
Andreea Popescu
speaker and volunteer
andreeazpopescu
@andreea_popescu
usability/UX specialist @Evozon
passionate about (neuro)science, HCI, photography &
hiking
What do you think usability is?
Joel Spolsky, User Interface Design for Programmers
“Usability, fundamentally, is a matter of bringing
a bit of human rights into the world of computer-
human interaction. It's a way to let our ideals
shine through in our software, no matter how
mundane the software is.”
How about neuroscience?
Johannes Robbies, UX Redefined
Winning and Keeping Customers with Enhanced Usability and User
Experience
“The human brain weighs about 1.4 kilograms -
that's only 2 percent of our body weight - but it
use more than 20 percent of our body energy.”
Dr. Suzana Herculano-Houzel
“We found that on average the human brain has
86bn neurones [nerve cell that is the basic
building block of the nervous system]. And not
one [of the brains] that we looked at so far has
the 100bn."
frontal lobe
The frontal lobe is the center of our
emotional network (“How did I
experience it?”) and our cognitive
network (“That’s how I
experienced it.”).
frontal lobe
parietal lobe
The parietal lobes mediate tactile
and kinaesthetic perception (left
lobe: information processing; right
lobe: combining of diverse visual,
auditory, tactile information into non-
language).
frontal lobe
parietal lobe
temporal lobe
The temporal lobe serves to
organise hearing and memory.
frontal lobe
parietal lobe
temporal lobe occipital lobe
The occipital lobe register the
characteristics of what we see
and then send the information on to
the parental lobes for
interpretations.
These are some examples about
how our brain works!
Prefrontal cortex: not paying
attention to unnecessary
information —> cortical flaw has
been exacerbated by modernity —>
too much information.
Let's talk about... neuroscience
Rewards and motivation.
Stimulates dopamine, one of the
main neurotransmitters, which is
heavily active in the frontal lobe.
Let's talk about... neuroscience
Patterns activate predictions and
stimulate neurons, and this way the
user finds it easier to improve their
experiences. Schultz, a physician who
explored the human brain in the 70s,
“if everything goes according to plan,
its dopamine neurons secrete a little
burst of enjoyment”.
Let's talk about... neuroscience
Cognitive control and value-based
decision-making tasks appear to
depend on different brain regions
within the prefrontal cortex. Too many
options for choosing an activity create
‘noise’ in the brain, that is mentally
exhausting.
Let's talk about... neuroscience
Left alignment: users can read each
line by simply moving their eyes to the
left edge each time. This makes your
paragraphs faster and easier to read
because the user’s eyes don’t have to
work as hard to find where the line
starts each time.
Let's talk about... neuroscience
Visual cortex: do not use decorative
fonts, because it’s harder for the brain
to find shapes in them.
Let's talk about... neuroscience
Reducing the cognitive load (as
remembering, thinking, making
decisions) takes less brain effort. E.g.
scrolling takes less brain power thank
clicking.
Let's talk about... neuroscience
the auditory part of the new
brain that deciphers sound (told)
vision and text processing (read)
all the vision parts of the brain (to
imagine the characters)
the emotional part of the mid brain
Let's talk about... neuroscience
- Dr. David Eagleman
“Every single neuron in the brain is complicated
as New York city.”
Resources
• “Making Choices: How Your Brain Decides”: http://healthland.time.com/
2012/09/04/making-choices-how-your-brain-decides/
• “SpinalCord”: http://www.spinalcord.com/frontal-lobe
• “UX Redefined Winning and Keeping Customers with Enhanced Usability and
User Experience, Johannes Robbies, 2015
• “How does the brain work when confronted with an interface?”, Marc Van
Rymenant: http://www.simplifyinginterfaces.com/2008/07/09/how-does-the-
brain-work-when-confronted-with-an-interface-episod-2/
• “Why You Should Never Center Align Paragraph Text”: http://uxmovement.com/
content/why-you-should-never-center-align-paragraph-text/
• “10 ways to design for the human brain”: http://blog.invisionapp.com/design-
for-the-human-brain/
Resources
Thank you.

More Related Content

PDF
YAPC Europe: The neuroscience beyond the usability
PDF
Usability: making the stuff better for users
PDF
Usabilty workshop, Cluj Napoca
PDF
Let's put the right questions
PPT
At for Supported Employment Day 1
PDF
What's Appropriate - Research in HCI
PDF
Usabilty: making the stuff better
PDF
SEO Testing v2.0
YAPC Europe: The neuroscience beyond the usability
Usability: making the stuff better for users
Usabilty workshop, Cluj Napoca
Let's put the right questions
At for Supported Employment Day 1
What's Appropriate - Research in HCI
Usabilty: making the stuff better
SEO Testing v2.0

Viewers also liked (19)

PDF
Let's have some good UX examples
PDF
The art of making good: qa & ux (1)
PDF
Your body language shapes who you are - K.H.
PPSX
Maven Presentation - SureFire vs FailSafe
PDF
UX & testing: the elder & the wise
PPTX
Just In Time Usabilty Testing
PDF
Transformational Management
PDF
ASSESSING THE QUALITY OF USABILTY
ODP
Usabilty & unusability, examples and considerations
PDF
Usabilty Heuristics explained
PDF
Wisdom is the bug killer
PDF
Data Driven UX - From social to eXperience - McGraw-Hill Education - Lunch & ...
PPTX
Usability & Design Principles
PPT
Digital jewelry
PPT
Digital jewellery ppt
DOC
Digital jewellery ppt
PPTX
Blue brain project ppt
PPT
Blue Eyes ppt
PPTX
Blue Brain
Let's have some good UX examples
The art of making good: qa & ux (1)
Your body language shapes who you are - K.H.
Maven Presentation - SureFire vs FailSafe
UX & testing: the elder & the wise
Just In Time Usabilty Testing
Transformational Management
ASSESSING THE QUALITY OF USABILTY
Usabilty & unusability, examples and considerations
Usabilty Heuristics explained
Wisdom is the bug killer
Data Driven UX - From social to eXperience - McGraw-Hill Education - Lunch & ...
Usability & Design Principles
Digital jewelry
Digital jewellery ppt
Digital jewellery ppt
Blue brain project ppt
Blue Eyes ppt
Blue Brain
Ad

Similar to Let's talk about... neuroscience (20)

PPTX
BBOC407-MODULE 3 -PPT.pptx bio data and sign the lab
PPTX
Muse Senser
DOCX
BLUEBRAIN(J.S.R)
RTF
Blue Brain Report
PPT
Nano wylie
PPTX
3rd module biology 4thsem engineeringvtu.pptx
PDF
PPTX
Mind reading computers
PDF
Teaching the brain to read by Dr Duncan Milne
DOCX
Blue brain document
PDF
Blue Brain Technology
DOCX
MY SEMINAR REPORT
PPT
H177 Midterm Dezoysa
PDF
Lectweek1
PDF
Memory Attention And Decisionmaking Edmund T Rolls
DOC
Seminar+of+blue+brain
PDF
The Psychology Of Childhood Social And Emotional Development
PPTX
Module 2:- HUMAN ORGAN SYSTEMS AND BIO DESIGNS
PPTX
Understanding the Brain: The Neurobiology of Every Day Life, Final Project – ...
BBOC407-MODULE 3 -PPT.pptx bio data and sign the lab
Muse Senser
BLUEBRAIN(J.S.R)
Blue Brain Report
Nano wylie
3rd module biology 4thsem engineeringvtu.pptx
Mind reading computers
Teaching the brain to read by Dr Duncan Milne
Blue brain document
Blue Brain Technology
MY SEMINAR REPORT
H177 Midterm Dezoysa
Lectweek1
Memory Attention And Decisionmaking Edmund T Rolls
Seminar+of+blue+brain
The Psychology Of Childhood Social And Emotional Development
Module 2:- HUMAN ORGAN SYSTEMS AND BIO DESIGNS
Understanding the Brain: The Neurobiology of Every Day Life, Final Project – ...
Ad

More from Andreea-Zenovia Popescu (12)

PDF
Cum sa eviti tragic design
PDF
The User Experience process of healthcare apps
PDF
Who should be responsibile for user experience?
PDF
UX for healthcare applications
PDF
The design from the design thinking
PDF
Usability: What? Why? How?
PDF
Firefox OS Guidelines
PDF
Quality assurance engineer #JobShadowDay #XWiki
PDF
How to get involved in Mozilla
PDF
How to get involved in Mozilla
PDF
Design for ages
PDF
Prezentarea versiunii 18 a navigatorului Firefox
Cum sa eviti tragic design
The User Experience process of healthcare apps
Who should be responsibile for user experience?
UX for healthcare applications
The design from the design thinking
Usability: What? Why? How?
Firefox OS Guidelines
Quality assurance engineer #JobShadowDay #XWiki
How to get involved in Mozilla
How to get involved in Mozilla
Design for ages
Prezentarea versiunii 18 a navigatorului Firefox

Recently uploaded (20)

PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
An introduction to AI in research and reference management
PPTX
Acoustics new for. Sound insulation and absorber
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
Chalkpiece Annual Report from 2019 To 2025
PDF
intro_to_rust.pptx_123456789012446789.pdf
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PPTX
Media And Information Literacy for Grade 12
PDF
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
PDF
Urban Design Final Project-Context
PDF
The Basics of Presentation Design eBook by VerdanaBold
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPTX
CLASSIFICATION OF YARN- process, explanation
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
YOW2022-BNE-MinimalViableArchitecture.pdf
Tenders & Contracts Works _ Services Afzal.pptx
An introduction to AI in research and reference management
Acoustics new for. Sound insulation and absorber
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Chalkpiece Annual Report from 2019 To 2025
intro_to_rust.pptx_123456789012446789.pdf
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
Media And Information Literacy for Grade 12
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
Urban Design Final Project-Context
The Basics of Presentation Design eBook by VerdanaBold
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
HPE Aruba-master-icon-library_052722.pptx
CLASSIFICATION OF YARN- process, explanation
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
YV PROFILE PROJECTS PROFILE PRES. DESIGN

Let's talk about... neuroscience

  • 1. Let’s talk about (neuro)science and its importance in usability/UX of an application
  • 2. Who am I? Andreea Popescu speaker and volunteer andreeazpopescu @andreea_popescu usability/UX specialist @Evozon passionate about (neuro)science, HCI, photography & hiking
  • 3. What do you think usability is?
  • 4. Joel Spolsky, User Interface Design for Programmers “Usability, fundamentally, is a matter of bringing a bit of human rights into the world of computer- human interaction. It's a way to let our ideals shine through in our software, no matter how mundane the software is.”
  • 6. Johannes Robbies, UX Redefined Winning and Keeping Customers with Enhanced Usability and User Experience “The human brain weighs about 1.4 kilograms - that's only 2 percent of our body weight - but it use more than 20 percent of our body energy.”
  • 7. Dr. Suzana Herculano-Houzel “We found that on average the human brain has 86bn neurones [nerve cell that is the basic building block of the nervous system]. And not one [of the brains] that we looked at so far has the 100bn."
  • 9. The frontal lobe is the center of our emotional network (“How did I experience it?”) and our cognitive network (“That’s how I experienced it.”).
  • 11. The parietal lobes mediate tactile and kinaesthetic perception (left lobe: information processing; right lobe: combining of diverse visual, auditory, tactile information into non- language).
  • 13. The temporal lobe serves to organise hearing and memory.
  • 14. frontal lobe parietal lobe temporal lobe occipital lobe
  • 15. The occipital lobe register the characteristics of what we see and then send the information on to the parental lobes for interpretations.
  • 16. These are some examples about how our brain works!
  • 17. Prefrontal cortex: not paying attention to unnecessary information —> cortical flaw has been exacerbated by modernity —> too much information.
  • 19. Rewards and motivation. Stimulates dopamine, one of the main neurotransmitters, which is heavily active in the frontal lobe.
  • 21. Patterns activate predictions and stimulate neurons, and this way the user finds it easier to improve their experiences. Schultz, a physician who explored the human brain in the 70s, “if everything goes according to plan, its dopamine neurons secrete a little burst of enjoyment”.
  • 23. Cognitive control and value-based decision-making tasks appear to depend on different brain regions within the prefrontal cortex. Too many options for choosing an activity create ‘noise’ in the brain, that is mentally exhausting.
  • 25. Left alignment: users can read each line by simply moving their eyes to the left edge each time. This makes your paragraphs faster and easier to read because the user’s eyes don’t have to work as hard to find where the line starts each time.
  • 27. Visual cortex: do not use decorative fonts, because it’s harder for the brain to find shapes in them.
  • 29. Reducing the cognitive load (as remembering, thinking, making decisions) takes less brain effort. E.g. scrolling takes less brain power thank clicking.
  • 31. the auditory part of the new brain that deciphers sound (told) vision and text processing (read) all the vision parts of the brain (to imagine the characters) the emotional part of the mid brain
  • 33. - Dr. David Eagleman “Every single neuron in the brain is complicated as New York city.”
  • 34. Resources • “Making Choices: How Your Brain Decides”: http://healthland.time.com/ 2012/09/04/making-choices-how-your-brain-decides/ • “SpinalCord”: http://www.spinalcord.com/frontal-lobe • “UX Redefined Winning and Keeping Customers with Enhanced Usability and User Experience, Johannes Robbies, 2015 • “How does the brain work when confronted with an interface?”, Marc Van Rymenant: http://www.simplifyinginterfaces.com/2008/07/09/how-does-the- brain-work-when-confronted-with-an-interface-episod-2/ • “Why You Should Never Center Align Paragraph Text”: http://uxmovement.com/ content/why-you-should-never-center-align-paragraph-text/ • “10 ways to design for the human brain”: http://blog.invisionapp.com/design- for-the-human-brain/ Resources