SlideShare a Scribd company logo
1 of 20
Brain-friendly design:
How brain science can help keep readers engaged
The geeky-nerdy stuff
Objective
Empirically test how readers mentally engage with and
respond to news design that is “Brain friendly” by
aligning design to brain truths
Methodology
Media Psychophysiology an experimental research method
using physiological indicators (heart rate and skin
conductance) of attention to measure “engagement.”
More geekiness
Research procedure
• 80 Adults who regularly obtain news from online sources
were recruited to participate.
• Participants read 4 news stories (2 brain friendly / 2 brain
unfriendly).
• Psychophysiological measures were recorded while
participants read each story.
• Participants completed self-report questions measuring
perceptions of the story immediately after reading each
story.
We’re not done nerding you out yet
Readers more effectively engage with
thematically segmented news writing.
The brain only has so many resources to
allocate all the mental tasks — perceiving,
paying attention to, trying to remember, and
learn information. It has to simultaneously shift
attention and effort between the tasks. So
there's a cost. For every task, there are fewer
resources left to process other tasks.
Readers more effectively engage with
semantically related page design.
Anything that pulls processing away from the central idea of
what the individual is focused on will be either frustrating or
ignored. We've developed the ability to just completely tune
out distracting elements. A [poorly placed] ad may get us for
a moment, and evoke negative emotion (not good for an
news organization wanting to build relationships), or the
user is just going to block it out: banner ad blindness.
Readers engage with motivationally
relevant news.
In milliseconds, the brain immediately determines
the motivation significance of information in our
sensory environment. So, in reporting and delivering
the news, journalists shouldn't be afraid of emotion.
That motivates the brain to process. That signals
importance. Ask: “Is there any element in here
portraying emotion, such as good photographs?”
Brain-unfriendly design
Distracting elements can reduce comprehension
• Animated gifs
• Odd sizes, shapes that interrupt flow
• Garish colors that overpower content
• Auto-play
• Flyovers, takeovers, popovers, popups, swoops
• Photos and links to unrelated stories
Brain-friendly design
Elements of brain-friendly design
• Formatting the text of the story into shorter paragraphs.
• Highlighting important story facts and terms.
• Clean, uncluttered page design.
• Uninterrupted flow.
• Interactions that user calls for, not autoplay
• Readable type on all platforms
Want to know more?
• https://www.rjionline.org/stories/how-to-make-online-news-
brain-friendly
• https://www.rjionline.org/stories/how-do-we-improve-online-
news-design-to-help-readers-better-understand-stor
• https://www.rjionline.org/stories/results-are-in-a-cleaner-
webpage-design-equals-more-engaged-readers
• https://www.rjionline.org/stories/elements-of-brain-friendly-
design-for-news-websites
Alex Remington: alexander.remington@washpost.com
Brian Steffens: steffensb@rjionline.org
RJI Fellows Paul Bolls (2011-2012), Barrett Golding (2015-2016)

More Related Content

What's hot (8)

February Journal Apac
February Journal ApacFebruary Journal Apac
February Journal Apac
 
FTT Red Book Cover Design for website graphics 02 24 16
FTT Red Book Cover Design for website graphics 02 24 16FTT Red Book Cover Design for website graphics 02 24 16
FTT Red Book Cover Design for website graphics 02 24 16
 
Principal Cohort Training
Principal Cohort TrainingPrincipal Cohort Training
Principal Cohort Training
 
Project management game
Project management gameProject management game
Project management game
 
Big data Hype(And Reality)
Big data Hype(And Reality)Big data Hype(And Reality)
Big data Hype(And Reality)
 
Pukeatua 08
Pukeatua 08Pukeatua 08
Pukeatua 08
 
March 2018 Digital Learning Newsletter
March 2018 Digital Learning Newsletter March 2018 Digital Learning Newsletter
March 2018 Digital Learning Newsletter
 
Week3 srr
Week3 srrWeek3 srr
Week3 srr
 

Similar to Brain-friendly design: How brain science can help keep readers engaged

How to make Mental Health Infographic to help people awareness.pdf
How to make Mental Health Infographic to help people awareness.pdfHow to make Mental Health Infographic to help people awareness.pdf
How to make Mental Health Infographic to help people awareness.pdf
Drawtify,Inc.
 
Tasks Research_fin
Tasks Research_finTasks Research_fin
Tasks Research_fin
tadams76
 

Similar to Brain-friendly design: How brain science can help keep readers engaged (20)

Generative Research — InVision DesignTalk
Generative Research — InVision DesignTalkGenerative Research — InVision DesignTalk
Generative Research — InVision DesignTalk
 
2. proposal
2. proposal2. proposal
2. proposal
 
Tools for design thinking - University of Virginia
Tools for design thinking - University of VirginiaTools for design thinking - University of Virginia
Tools for design thinking - University of Virginia
 
Bp 0550
Bp 0550Bp 0550
Bp 0550
 
Humanizing Digital Experiences at UXSEA Summit 2018
Humanizing Digital Experiences at UXSEA Summit 2018Humanizing Digital Experiences at UXSEA Summit 2018
Humanizing Digital Experiences at UXSEA Summit 2018
 
Talk It Out, Or Write It Down?
Talk It Out, Or Write It Down?Talk It Out, Or Write It Down?
Talk It Out, Or Write It Down?
 
LTUX JHB - An Empathetic Servant Leader
LTUX  JHB - An Empathetic Servant LeaderLTUX  JHB - An Empathetic Servant Leader
LTUX JHB - An Empathetic Servant Leader
 
How to start generating leads with infographics
How to start generating leads with infographicsHow to start generating leads with infographics
How to start generating leads with infographics
 
2. proposal
2. proposal2. proposal
2. proposal
 
How to make Mental Health Infographic to help people awareness.pdf
How to make Mental Health Infographic to help people awareness.pdfHow to make Mental Health Infographic to help people awareness.pdf
How to make Mental Health Infographic to help people awareness.pdf
 
Tasks Research_fin
Tasks Research_finTasks Research_fin
Tasks Research_fin
 
Unit 2.pptx
Unit 2.pptxUnit 2.pptx
Unit 2.pptx
 
Graphic organizers
Graphic organizersGraphic organizers
Graphic organizers
 
Foundations understanding users and interactions
Foundations  understanding users and interactionsFoundations  understanding users and interactions
Foundations understanding users and interactions
 
Boosting Your Brainstorming with Mind Mapping
Boosting Your Brainstorming with Mind MappingBoosting Your Brainstorming with Mind Mapping
Boosting Your Brainstorming with Mind Mapping
 
Mind Mapping for CPAs
Mind Mapping for CPAsMind Mapping for CPAs
Mind Mapping for CPAs
 
Powerful Techniques to Understand Customer Motivations
Powerful Techniques to Understand Customer MotivationsPowerful Techniques to Understand Customer Motivations
Powerful Techniques to Understand Customer Motivations
 
Hitting Your Mark - Content Strategy & Optimization
Hitting Your Mark - Content Strategy & OptimizationHitting Your Mark - Content Strategy & Optimization
Hitting Your Mark - Content Strategy & Optimization
 
Thinking like Humans - Tools to improve how we solve problems for our users
Thinking like Humans - Tools to improve how we solve problems for our usersThinking like Humans - Tools to improve how we solve problems for our users
Thinking like Humans - Tools to improve how we solve problems for our users
 
Creative Thinking.pptx
Creative Thinking.pptxCreative Thinking.pptx
Creative Thinking.pptx
 

More from Reynolds Journalism Institute (RJI)

Archie Thornton: Content and the Fourth Industrial Revolution
Archie Thornton: Content and the Fourth Industrial RevolutionArchie Thornton: Content and the Fourth Industrial Revolution
Archie Thornton: Content and the Fourth Industrial Revolution
Reynolds Journalism Institute (RJI)
 
Uzo Iweala: Who speaks for Africa
Uzo Iweala: Who speaks for AfricaUzo Iweala: Who speaks for Africa
Uzo Iweala: Who speaks for Africa
Reynolds Journalism Institute (RJI)
 
Sarah Hill: The uncanny valley of VR distribution
Sarah Hill: The uncanny valley of VR distributionSarah Hill: The uncanny valley of VR distribution
Sarah Hill: The uncanny valley of VR distribution
Reynolds Journalism Institute (RJI)
 
Alejandro González: The story is your mothership
Alejandro González: The story is your mothershipAlejandro González: The story is your mothership
Alejandro González: The story is your mothership
Reynolds Journalism Institute (RJI)
 
Younger, Jennifer: lighntning talk, Digital Preservation: Aggregated, Collabo...
Younger, Jennifer: lighntning talk, Digital Preservation: Aggregated, Collabo...Younger, Jennifer: lighntning talk, Digital Preservation: Aggregated, Collabo...
Younger, Jennifer: lighntning talk, Digital Preservation: Aggregated, Collabo...
Reynolds Journalism Institute (RJI)
 

More from Reynolds Journalism Institute (RJI) (20)

Art Holliday, BJ ’76, alumni speaker
Art Holliday, BJ ’76, alumni speakerArt Holliday, BJ ’76, alumni speaker
Art Holliday, BJ ’76, alumni speaker
 
Christopher Guess presents Push
Christopher Guess presents PushChristopher Guess presents Push
Christopher Guess presents Push
 
Hurley Symposium 2017 fake news survey
Hurley Symposium 2017 fake news surveyHurley Symposium 2017 fake news survey
Hurley Symposium 2017 fake news survey
 
Archie Thornton: Content and the Fourth Industrial Revolution
Archie Thornton: Content and the Fourth Industrial RevolutionArchie Thornton: Content and the Fourth Industrial Revolution
Archie Thornton: Content and the Fourth Industrial Revolution
 
Victor Hernandez: 50 things we learned at RJI-Distribution
Victor Hernandez: 50 things we learned at RJI-DistributionVictor Hernandez: 50 things we learned at RJI-Distribution
Victor Hernandez: 50 things we learned at RJI-Distribution
 
Kaizar Campwala: Distribution in service of brand loyalty
Kaizar Campwala: Distribution in service of brand loyaltyKaizar Campwala: Distribution in service of brand loyalty
Kaizar Campwala: Distribution in service of brand loyalty
 
Zahra rasool presentation
Zahra rasool presentationZahra rasool presentation
Zahra rasool presentation
 
Uzo Iweala: Who speaks for Africa
Uzo Iweala: Who speaks for AfricaUzo Iweala: Who speaks for Africa
Uzo Iweala: Who speaks for Africa
 
Adam Falk: Subscribe now or forever hold your audience?
Adam Falk: Subscribe now or forever hold your audience?Adam Falk: Subscribe now or forever hold your audience?
Adam Falk: Subscribe now or forever hold your audience?
 
Ben Norskov and Mohini Duta: Playing news
Ben Norskov and Mohini Duta: Playing newsBen Norskov and Mohini Duta: Playing news
Ben Norskov and Mohini Duta: Playing news
 
Katherine Bell: Beyond the funnel
Katherine Bell: Beyond the funnelKatherine Bell: Beyond the funnel
Katherine Bell: Beyond the funnel
 
John Rampton: Advanced content promotion — how the big boys are doing it
John Rampton: Advanced content promotion — how the big boys are doing itJohn Rampton: Advanced content promotion — how the big boys are doing it
John Rampton: Advanced content promotion — how the big boys are doing it
 
Sarah Hill: The uncanny valley of VR distribution
Sarah Hill: The uncanny valley of VR distributionSarah Hill: The uncanny valley of VR distribution
Sarah Hill: The uncanny valley of VR distribution
 
Alejandro González: The story is your mothership
Alejandro González: The story is your mothershipAlejandro González: The story is your mothership
Alejandro González: The story is your mothership
 
Kari Paul: Brand loyalty as a distribution strategy
Kari Paul: Brand loyalty as a distribution strategyKari Paul: Brand loyalty as a distribution strategy
Kari Paul: Brand loyalty as a distribution strategy
 
Welsh, Ben: The framework fix: how to build better archives by helping news n...
Welsh, Ben: The framework fix: how to build better archives by helping news n...Welsh, Ben: The framework fix: how to build better archives by helping news n...
Welsh, Ben: The framework fix: how to build better archives by helping news n...
 
Skinner, Katherine: Alignment and Reciprocity
Skinner, Katherine: Alignment and ReciprocitySkinner, Katherine: Alignment and Reciprocity
Skinner, Katherine: Alignment and Reciprocity
 
Leetaru, Kalev: The GDELT Project
Leetaru, Kalev: The GDELT ProjectLeetaru, Kalev: The GDELT Project
Leetaru, Kalev: The GDELT Project
 
Zwaard, Kate: Technology and Community: Why we need partners, collaborators a...
Zwaard, Kate: Technology and Community: Why we need partners, collaborators a...Zwaard, Kate: Technology and Community: Why we need partners, collaborators a...
Zwaard, Kate: Technology and Community: Why we need partners, collaborators a...
 
Younger, Jennifer: lighntning talk, Digital Preservation: Aggregated, Collabo...
Younger, Jennifer: lighntning talk, Digital Preservation: Aggregated, Collabo...Younger, Jennifer: lighntning talk, Digital Preservation: Aggregated, Collabo...
Younger, Jennifer: lighntning talk, Digital Preservation: Aggregated, Collabo...
 

Recently uploaded

THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
Faga1939
 
9953056974 Call Girls In Pratap Nagar, Escorts (Delhi) NCR
9953056974 Call Girls In Pratap Nagar, Escorts (Delhi) NCR9953056974 Call Girls In Pratap Nagar, Escorts (Delhi) NCR
9953056974 Call Girls In Pratap Nagar, Escorts (Delhi) NCR
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
The political system of the united kingdom
The political system of the united kingdomThe political system of the united kingdom
The political system of the united kingdom
lunadelior
 
{Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...
{Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...{Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...
{Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...
hyt3577
 

Recently uploaded (20)

America Is the Target; Israel Is the Front Line _ Andy Blumenthal _ The Blogs...
America Is the Target; Israel Is the Front Line _ Andy Blumenthal _ The Blogs...America Is the Target; Israel Is the Front Line _ Andy Blumenthal _ The Blogs...
America Is the Target; Israel Is the Front Line _ Andy Blumenthal _ The Blogs...
 
Politician uddhav thackeray biography- Full Details
Politician uddhav thackeray biography- Full DetailsPolitician uddhav thackeray biography- Full Details
Politician uddhav thackeray biography- Full Details
 
THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
THE OBSTACLES THAT IMPEDE THE DEVELOPMENT OF BRAZIL IN THE CONTEMPORARY ERA A...
 
9953056974 Call Girls In Pratap Nagar, Escorts (Delhi) NCR
9953056974 Call Girls In Pratap Nagar, Escorts (Delhi) NCR9953056974 Call Girls In Pratap Nagar, Escorts (Delhi) NCR
9953056974 Call Girls In Pratap Nagar, Escorts (Delhi) NCR
 
*Navigating Electoral Terrain: TDP's Performance under N Chandrababu Naidu's ...
*Navigating Electoral Terrain: TDP's Performance under N Chandrababu Naidu's ...*Navigating Electoral Terrain: TDP's Performance under N Chandrababu Naidu's ...
*Navigating Electoral Terrain: TDP's Performance under N Chandrababu Naidu's ...
 
Transformative Leadership: N Chandrababu Naidu and TDP's Vision for Innovatio...
Transformative Leadership: N Chandrababu Naidu and TDP's Vision for Innovatio...Transformative Leadership: N Chandrababu Naidu and TDP's Vision for Innovatio...
Transformative Leadership: N Chandrababu Naidu and TDP's Vision for Innovatio...
 
The political system of the united kingdom
The political system of the united kingdomThe political system of the united kingdom
The political system of the united kingdom
 
declarationleaders_sd_re_greens_theleft_5.pdf
declarationleaders_sd_re_greens_theleft_5.pdfdeclarationleaders_sd_re_greens_theleft_5.pdf
declarationleaders_sd_re_greens_theleft_5.pdf
 
KING VISHNU BHAGWANON KA BHAGWAN PARAMATMONKA PARATOMIC PARAMANU KASARVAMANVA...
KING VISHNU BHAGWANON KA BHAGWAN PARAMATMONKA PARATOMIC PARAMANU KASARVAMANVA...KING VISHNU BHAGWANON KA BHAGWAN PARAMATMONKA PARATOMIC PARAMANU KASARVAMANVA...
KING VISHNU BHAGWANON KA BHAGWAN PARAMATMONKA PARATOMIC PARAMANU KASARVAMANVA...
 
Job-Oriеntеd Courses That Will Boost Your Career in 2024
Job-Oriеntеd Courses That Will Boost Your Career in 2024Job-Oriеntеd Courses That Will Boost Your Career in 2024
Job-Oriеntеd Courses That Will Boost Your Career in 2024
 
422524114-Patriarchy-Kamla-Bhasin gg.pdf
422524114-Patriarchy-Kamla-Bhasin gg.pdf422524114-Patriarchy-Kamla-Bhasin gg.pdf
422524114-Patriarchy-Kamla-Bhasin gg.pdf
 
04052024_First India Newspaper Jaipur.pdf
04052024_First India Newspaper Jaipur.pdf04052024_First India Newspaper Jaipur.pdf
04052024_First India Newspaper Jaipur.pdf
 
05052024_First India Newspaper Jaipur.pdf
05052024_First India Newspaper Jaipur.pdf05052024_First India Newspaper Jaipur.pdf
05052024_First India Newspaper Jaipur.pdf
 
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreie
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreieGujarat-SEBCs.pdf pfpkoopapriorjfperjreie
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreie
 
Embed-2 (1).pdfb[k[k[[k[kkkpkdpokkdpkopko
Embed-2 (1).pdfb[k[k[[k[kkkpkdpokkdpkopkoEmbed-2 (1).pdfb[k[k[[k[kkkpkdpokkdpkopko
Embed-2 (1).pdfb[k[k[[k[kkkpkdpokkdpkopko
 
06052024_First India Newspaper Jaipur.pdf
06052024_First India Newspaper Jaipur.pdf06052024_First India Newspaper Jaipur.pdf
06052024_First India Newspaper Jaipur.pdf
 
China's soft power in 21st century .pptx
China's soft power in 21st century   .pptxChina's soft power in 21st century   .pptx
China's soft power in 21st century .pptx
 
Group_5_US-China Trade War to understand the trade
Group_5_US-China Trade War to understand the tradeGroup_5_US-China Trade War to understand the trade
Group_5_US-China Trade War to understand the trade
 
Embed-4.pdf lkdiinlajeklhndklheduhuekjdh
Embed-4.pdf lkdiinlajeklhndklheduhuekjdhEmbed-4.pdf lkdiinlajeklhndklheduhuekjdh
Embed-4.pdf lkdiinlajeklhndklheduhuekjdh
 
{Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...
{Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...{Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...
{Qatar{^🚀^(+971558539980**}})Abortion Pills for Sale in Dubai. .abu dhabi, sh...
 

Brain-friendly design: How brain science can help keep readers engaged

  • 1. Brain-friendly design: How brain science can help keep readers engaged
  • 2. The geeky-nerdy stuff Objective Empirically test how readers mentally engage with and respond to news design that is “Brain friendly” by aligning design to brain truths Methodology Media Psychophysiology an experimental research method using physiological indicators (heart rate and skin conductance) of attention to measure “engagement.”
  • 3. More geekiness Research procedure • 80 Adults who regularly obtain news from online sources were recruited to participate. • Participants read 4 news stories (2 brain friendly / 2 brain unfriendly). • Psychophysiological measures were recorded while participants read each story. • Participants completed self-report questions measuring perceptions of the story immediately after reading each story.
  • 4. We’re not done nerding you out yet
  • 5.
  • 6. Readers more effectively engage with thematically segmented news writing. The brain only has so many resources to allocate all the mental tasks — perceiving, paying attention to, trying to remember, and learn information. It has to simultaneously shift attention and effort between the tasks. So there's a cost. For every task, there are fewer resources left to process other tasks.
  • 7.
  • 8. Readers more effectively engage with semantically related page design. Anything that pulls processing away from the central idea of what the individual is focused on will be either frustrating or ignored. We've developed the ability to just completely tune out distracting elements. A [poorly placed] ad may get us for a moment, and evoke negative emotion (not good for an news organization wanting to build relationships), or the user is just going to block it out: banner ad blindness.
  • 9.
  • 10. Readers engage with motivationally relevant news. In milliseconds, the brain immediately determines the motivation significance of information in our sensory environment. So, in reporting and delivering the news, journalists shouldn't be afraid of emotion. That motivates the brain to process. That signals importance. Ask: “Is there any element in here portraying emotion, such as good photographs?”
  • 12.
  • 13. Distracting elements can reduce comprehension • Animated gifs • Odd sizes, shapes that interrupt flow • Garish colors that overpower content • Auto-play • Flyovers, takeovers, popovers, popups, swoops • Photos and links to unrelated stories
  • 15.
  • 16. Elements of brain-friendly design • Formatting the text of the story into shorter paragraphs. • Highlighting important story facts and terms. • Clean, uncluttered page design. • Uninterrupted flow. • Interactions that user calls for, not autoplay • Readable type on all platforms
  • 17.
  • 18.
  • 19. Want to know more? • https://www.rjionline.org/stories/how-to-make-online-news- brain-friendly • https://www.rjionline.org/stories/how-do-we-improve-online- news-design-to-help-readers-better-understand-stor • https://www.rjionline.org/stories/results-are-in-a-cleaner- webpage-design-equals-more-engaged-readers • https://www.rjionline.org/stories/elements-of-brain-friendly- design-for-news-websites
  • 20. Alex Remington: alexander.remington@washpost.com Brian Steffens: steffensb@rjionline.org RJI Fellows Paul Bolls (2011-2012), Barrett Golding (2015-2016)