Making information easier to process:
insights from psychology
Dr Chris Atherton
School of PsychologyUniversity of Central Lancashire, UK
http://www.flickr.com/photos/stephangeyer/3020487807/sizes/o/
So what do you do?
“do you know what I’m thinking?”
cognitionperceptionattentionmemory
www.flickr.com/photos/oobrien/1414390564/
communicating technical
information
http://www.flickr.com/photos/su-lin/356999955/
making information taste good
cognitive fluency:“the subjective feeling
that a cognitive process is running smoothly”
(Oppenheimer & Frank, 2007)
... the holy grail of technical
communication?
Describe New York City:__________________________________________
Describe New York City:
______________________________________
(Alter & Oppenheimer, 2008)
Describe New York City:
New York is a large city of five boroughs with about 18 million people .
Describe New York City:
New York’s lights, shimmering in the foggy sky , remind me of outer space .
Describe New York City:
New York is a large city of five boroughs with about 18 million people .
Describe New York City:
New York’s lights, shimmering in the foggy sky , remind me of outer space .
concrete
abstract
cognitive fluency: concreteness,
nearness, familiarity,
pleasantness, trust ...
how do we ensure cognitive fluency?
1. typeface2. layout3. voice4. context5. aesthetic
1. typeface
font wars
Bernard et al., 2003
time to read (screen)
time to read (screen)
statisticallyidentical
better perceived readability
worse perceived readability
typeface is controversial(and partly aesthetic)
brush 12-point
arial 12-point
Song & Schwartz, 2008
exercise routine:ht
tp://
ww
w.fl
ickr
.com
/pho
tos/
mik
ebai
rd/4
8203
1103
/
routine rated as less likely to be followed
routine rated asmore likely to be followed
recipe instructions:
mistral 12-point
arial 12-point
http://www.flickr.com/photos/etringita/648080134/Song & Schwartz, 2008
instructions rated as more difficult
instructions rated asless difficult
recipe rated as slower to make
recipe rated as quicker to make
screen vs. paper?
2. layout
automated publishing = goodbye to DTP?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quam turpis, pharetra in vehicula vel, rutrum id purus. Nunc in augue vitae velit egestas ultricies ultrices a nisl. Mauris hendrerit pharetra nisi, id rhoncus dui sagittis in. Pellentesque eget velit in orci rhoncus malesuada. Quisque mattis tincidunt odio nec pulvinar. In ac mi diam, ut gravida odio. Cras eu cursus ante. Quisque varius placerat mauris sit amet dapibus. Nam elementum lectus et libero iaculis dapibus. Vivamus in ornare eros. Donec malesuada, est eget pretium placerat, erat mi laoreet orci, non iaculis nisl enim eget purus. Praesent dignissim congue facilisis. Nulla tortor lectus, sodales non condimentum molestie, varius vitae lectus. Pellentesque commodo nisl eu odio commodo bibendum. Etiam purus libero, sollicitudin at interdum et, vestibulum sed dui. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id. Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. Maecenas magna tellus, condimentum nec accumsan at, fermentum ac augue. Nam in diam eu magna gravida iaculis at eget lacus. Pellentesque tortor risus, laoreet a scelerisque sed, placerat eget quam. Proin sollicitudin faucibus imperdiet. Ut condimentum libero nec leo fringilla porta. Proin rutrum, enim eu gravida ullamcorper, arcu lorem pulvinar est.
Duis condimentum leo a leo auctor at ultrices leo sodales. Aliquam luctus mauris ac urna imperdiet molestie. Pellentesque eleifend, neque at tincidunt rutrum, tortor est dignissim velit, vel tempor metus velit nec sem. Donec ac porttitor lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, viverra nec ipsum. Ut pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi. Donec egestas, magna eu rhoncus posu. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id.
Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. Maecenas magna tellus, condimentum nec accumsan at, fermentum ac augue. Nam in diam eu magna gravida iaculis at eget lacus. Pellentesque tortor risus, laoreet a scelerisque sed, placerat eget quam. Proin sollicitudin faucibus imperdiet. Ut condimentum libero nec leo fringilla porta. Proin rutrum, enim eu gravida ullamcorper, arcu lorem pulvinar est, at pellentesque mauris urna in velit. ere, purus turpis imperdiet risus, in rhoncus massa justo sit amet augue. Donec est dolor, gravida ut vulputate quis, tristique a urna. Aliquam placerat viverra ante luctus sagittis.
Lorem ipsum dolor sit amet
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quam turpis, pharetra in vehicula vel, rutrum id purus. Nunc in augue vitae velit egestas ultricies ultrices a nisl. Mauris hendrerit pharetra nisi, id rhoncus dui sagittis in. Pellentesque eget velit in orci rhoncus malesuada. Quisque mattis tincidunt odio nec pulvinar. In ac mi diam, ut gravida odio. Cras eu cursus ante. Quisque varius placerat mauris sit amet dapibus. Nam elementum lectus et libero iaculis dapibus. Vivamus in ornare eros. Donec malesuada, est eget pretium placerat, erat mi laoreet orci, non iaculis nisl enim eget purus. Praesent dignissim congue facilisis. Nulla tortor lectus, sodales non condimentum molestie, varius vitae lectus. Pellentesque commodo nisl eu odio commodo bibendum. Etiam purus libero, sollicitudin at interdum et, vestibulum sed dui. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id. Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. Maecenas magna tellus, condimentum nec accumsan at, fermentum ac augue. Nam in diam eu magna gravida iaculis at eget lacus. Pellentesque tortor risus, laoreet a scelerisque sed, placerat eget quam. Proin sollicitudin faucibus imperdiet. Ut condimentum libero nec leo fringilla porta. Proin rutrum, enim eu gravida ullamcorper, arcu lorem pulvinar est.
Duis condimentum leo a leo auctor at ultrices leo sodales. Aliquam luctus mauris ac urna imperdiet molestie.
Pellentesque eleifend, neque at tincidunt rutrum, tortor est dignissim velit, vel tempor metus velit nec sem. Donec ac porttitor lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, viverra nec ipsum. Ut pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi. Donec egestas, magna eu rhoncus posu. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id. Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. Maecenas magna tellus, condimentum nec accumsan at, fermentum ac augue. Nam in diam eu magna gravida iaculis at eget lacus. Pellentesque tortor risus, laoreet a scelerisque sed, placerat eget quam. Proin sollicitudin faucibus imperdiet.
Lorem ipsum dolor sit ametLorem ipsum
Nullam eu augue tortorUt condimentum libero nec leo fringilla porta. Nam in diam eu magna gravida
discontinuity= dysfluency?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quam turpis, pharetra in vehicula vel, rutrum id purus. Nunc in augue vitae velit egestas ultricies ultrices a nisl. Mauris hendrerit pharetra nisi, id rhoncus dui sagittis in. Pellentesque eget velit in orci rhoncus malesuada. Quisque mattis tincidunt odio nec pulvinar. In ac mi diam, ut gravida odio. Cras eu cursus ante. Quisque varius placerat mauris sit amet dapibus. Nam elementum lectus et libero iaculis dapibus. Vivamus in ornare eros. Donec malesuada, est eget pretium placerat, erat mi laoreet orci, non iaculis nisl enim eget purus. Praesent dignissim congue facilisis. Nulla tortor lectus, sodales non condimentum molestie, varius vitae lectus. Pellentesque commodo nisl eu odio commodo bibendum. Etiam purus libero, sollicitudin at interdum et, vestibulum sed dui. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id. Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. Maecenas magna tellus, condimentum nec accumsan at, fermentum ac augue. Nam in diam eu magna gravida iaculis at eget lacus. Pellentesque tortor risus, laoreet a scelerisque sed, placerat eget quam. Proin sollicitudin faucibus imperdiet. Ut condimentum libero nec leo fringilla porta. Proin rutrum, enim eu gravida ullamcorper, arcu lorem pulvinar est, at pellentesque mauris urna in velit. Duis condimentum leo a leo auctor at ultrices leo sodales. Aliquam luctus mauris ac urna imperdiet molestie. Pellentesque eleifend, neque at tincidunt rutrum, tortor est dignissim velit, vel tempor metus velit nec sem. Donec ac porttitor lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, viverra nec ipsum. Ut pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi. Donec egestas, magna eu rhoncus posuere, purus turpis imperdiet risus, in rhoncus massa justo sit amet augue. Nunc pellentesque feugiat magna non pellentesque. Quisque imperdiet metus a lectus lobortis et eleifend eros pellentesque. Donec est dolor, gravida ut vulputate quis, tristique a urna. Aliquam placerat viverra ante luctus sagittis. Duis malesuada mi nec ante gravida tempus. Curabitur malesuada nunc ut justo vestibulum pulvinar. Curabitur leo turpis, bibendum sed ultricies sit amet, tempus et ipsum. Quisque pellentesque purus vel felis cursus laoreet vitae non arcu. Fusce at libero sit amet nibh luctus faucibus ut eu turpis. In condimentum nisi non purus consectetur et imperdiet felis laoreet. Pellentesque id suscipit justo. Vestibulum semper purus a magna viverra viverra. Pellentesque aliquet sapien nec metus posuere et placerat metus semper. Sed suscipit blandit mauris et ornare. Mauris ac elit sit amet elit dignissim ullamcorper dictum eu tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean vitae est dui. Quisque eu lacus a turpis porta rutrum eu vel quam. Proin blandit viverra ligula at elementum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quam turpis, pharetra in vehicula vel, rutrum id purus. Nunc in augue vitae velit egestas ultricies ultrices a nisl. Mauris hendrerit pharetra nisi, id rhoncus dui sagittis in. Pellentesque eget velit in orci rhoncus malesuada. Quisque mattis tincidunt odio nec pulvinar. In ac mi diam, ut gravida odio. Cras eu cursus ante. Quisque varius placerat mauris sit amet dapibus. Nam elementum lectus et libero iaculis dapibus. Vivamus in ornare eros. Donec malesuada, est eget pretium placerat, erat mi laoreet orci, non iaculis nisl enim eget purus. Praesent dignissim congue facilisis. Nulla tortor lectus, sodales non condimentum molestie, varius vitae lectus. Pellentesque commodo nisl eu odio commodo bibendum. Etiam purus libero, sollicitudin at interdum et, vestibulum sed dui. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id. Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. Maecenas magna tellus, condimentum nec accumsan at, fermentum ac augue. Nam in diam eu magna gravida iaculis at eget lacus. Pellentesque tortor risus, laoreet a scelerisque sed, placerat eget quam. Proin sollicitudin faucibus imperdiet. Ut condimentum libero nec leo fringilla porta. Proin rutrum, enim eu gravida ullamcorper, arcu lorem pulvinar est, at pellentesque mauris urna in velit. Duis condimentum leo a leo auctor at ultrices leo sodales. Aliquam luctus mauris ac urna imperdiet molestie. Pellentesque eleifend, neque at tincidunt rutrum, tortor est dignissim velit, vel tempor metus velit nec sem. Donec ac porttitor lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, viverra nec ipsum. Ut pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi. Donec egestas, magna eu rhoncus posuere, purus turpis imperdiet risus, in rhoncus massa justo sit amet augue. Nunc pellentesque feugiat magna non pellentesque. Quisque imperdiet metus a lectus lobortis et eleifend eros pellentesque. Donec est dolor, gravida ut vulputate quis, tristique a urna. Aliquam placerat viverra ante luctus sagittis. Duis malesuada mi nec ante gravida tempus. Curabitur malesuada nunc ut justo vestibulum pulvinar. Curabitur leo turpis, bibendum sed ultricies sit amet, tempus et ipsum. Quisque pellentesque purus vel felis cursus laoreet vitae non arcu. Fusce at libero sit amet nibh luctus faucibus ut eu turpis. In condimentum nisi non purus consectetur et imperdiet felis laoreet. Pellentesque id suscipit justo. Vestibulum semper purus a magna viverra viverra. Pellentesque aliquet sapien nec metus posuere et placerat metus semper. Sed suscipit blandit mauris et ornare. Mauris ac elit sit amet elit dignissim ullamcorper dictum eu tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean vitae est dui. Quisque eu lacus a turpis porta rutrum eu vel quam. Proin blandit viverra ligula at elementum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quam turpis, pharetra in vehicula vel, rutrum id purus. Nunc in augue vitae velit egestas ultricies ultrices a nisl. Mauris hendrerit pharetra nisi, id rhoncus dui sagittis in. Pellentesque eget velit in orci rhoncus malesuada. Quisque mattis tincidunt odio nec pulvinar. In ac mi diam, ut gravida odio. Cras eu cursus ante. Quisque varius placerat mauris sit amet dapibus. Nam elementum lectus et libero iaculis dapibus. Vivamus in ornare eros. Donec malesuada, est eget pretium placerat, erat mi laoreet orci, non iaculis nisl enim eget purus. Praesent dignissim congue facilisis. Nulla tortor lectus, sodales non condimentum molestie, varius vitae lectus. Pellentesque commodo nisl eu odio commodo bibendum. Etiam purus libero, sollicitudin at interdum et, vestibulum sed dui. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id. Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. M
whitespace
white space affects:paragraphs
linesphraseswords
phonemes
white space affects:paragraphs
linesphraseswords
phonemes... readability
the chauffeur annoyed the man with the cigar
(Straub, 2009)
the chauffeur annoyed the man with the cigar
(Straub, 2009)
... who has the cigar?
the chauffeur annoyed the man with the cigar
the chauffeur annoyed the man with the cigar
(Straub, 2009)
the chauffeur annoyed the man with the cigar
the chauffeur annoyed the man with the cigar
(Straub, 2009)
difficult text is much easier to read if related words and phrases are grouped together on the same line
difficult text is much easier to read if related words and phrasesare grouped together on the same line
readability may affect cognitive fluency
http://www.gentlemansemporium.com/webimages/gallery_1850_gents.gif
layout is not a new idea
proximity
similarity
we group objects faster based on proximity ...
(Quinlan & Wilton, 1998)
... than we do based on colour or shape
(Quinlan & Wilton, 1998)
appleyoghurtstrawberrycoffeebreadeggsmilk
teacroissanttoastpotatocheesehammarmalade
9-dot problem
Four straight lines through the dotswithout lifting the pen off the paper
1
2
3
4
start here
there is no square!
proximity is important for instructions
3. voice
the button should only be pressed once
only press the button once
the button should only be pressed once
only press the button onceactive
passive
passive voice:reverses S-V-O
uses more wordstakes longer to process
passive voice:reverses S-V-O
uses more wordstakes longer to process
(in English)
cognitive load= amount of effort needed
to understand a thing
intrinsic cognitive load:how inherently difficult
that thing is
A
C
E
D
F
B
A
CB
extraneous cognitive load:effort due to the way the information is presented
A
CB
A has a reciprocal relationship with B and with C.
B has a reciprocal relationship with A but only receives incoming information from C
C has a reciprocal relationship with A but not with B, to which it feeds forward.
A
CB
passive voice = more words = higher extraneous load
passive voice= words are reversed = less cognitive fluency
Experiment :
gloatsproutbringtheirbenchstocktrain
whole
blacktrapstrapslackcrackflap
wrapwrack
glacksprutslaffblupprib
kreebfrallsowl
“the magic number 7” (± 2)
(Miller, 1956)
magic number 4 ?
(Cowan, 2001)
the chauffeur annoyed the man with the cigar,
who had been staring at him all night,
and who eventually, after one more disgusted look,
stubbed out the cigar and ground it under his heel.
the chauffeur annoyed the man with the cigar,
who had been staring at him all night,
and who eventually, after one more disgusted look,
stubbed out the cigar and ground it under his heel.
the chauffeur annoyed the man with the cigar,
who had been staring at him all night,
and who eventually, after one more disgusted look,
stubbed out the cigar and ground it under his heel.
? ?
the chauffeur annoyed the man with the cigar,
who had been staring at him all night,
and who eventually, after one more disgusted look,
stubbed out the cigar and ground it under his heel.
? ?
???
??
max. load 4-5 items
readable health info:short words
short sentenceslittle passive voice
(Gemoets et al., 2004)
readable maths problems:few subclauses
little passive voice
(Lord et al., 2002)
don’t overload the reader!
4. context
Lorem IpsumPellentesque eleifend, neque at tincidunt rutrum, tortor est dignissim velit, vel tempor metus velit nec sem. Donec ac porttitor lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget e r a t a u c t o r i n t e r d u m . Vestibulum tortor leo, imperdiet ut varius at, viverra nec ipsum. Ut pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi. Donec egestas, magna eu rhoncus posu. In tristique nisi sed velit consectetur cu.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, v i v e r r a n e c i p s u m . U t pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi.
Pellentesque eleifend, neque at tincidunt rutrum, tortor est dignissim velit, vel tempor metus velit nec sem. Donec ac porttitor lacus.
Donec egestas, magna eu rhoncus posu. In tristique nisi sed velit consectetur cu. Donec ac porttitor lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, viverra nec ipsum. Ut pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, v i v e r r a n e c i p s u m . U t pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero.
Lorem IpsumPellentesque eleifend, neque at tincidunt rutrum, tortor est dignissim velit, vel tempor metus velit nec sem. Donec ac porttitor lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget e r a t a u c t o r i n t e r d u m . Vestibulum tortor leo, imperdiet ut varius at, viverra nec ipsum. Ut pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi. Donec egestas, magna eu rhoncus posu. In tristique nisi sed velit consectetur cu.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, v i v e r r a n e c i p s u m . U t pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi.
Pellentesque eleifend, neque at tincidunt rutrum, tortor est dignissim velit, vel tempor metus velit nec sem. Donec ac porttitor lacus.
Donec egestas, magna eu rhoncus posu. In tristique nisi sed velit consectetur cu. Donec ac porttitor lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, viverra nec ipsum. Ut pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, v i v e r r a n e c i p s u m . U t pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero.
modular informationlacks context
“The procedure is quite simple. First, you arrange items into different groups. Of course one pile may be sufficient depending on how
much there is to do. If you have to go somewhere else due to lack of facilities that is the next step;
otherwise, you are pretty well set. It is important not to overdo things. That is, it is better to do too few things at once than too many. In the short run this may not seem
important but complications can easily arise.”
“The procedure is quite simple. First, you arrange items into different groups. Of course one pile may be sufficient depending on how
much there is to do. If you have to go somewhere else due to lack of facilities that is the next step;
otherwise, you are pretty well set. It is important not to overdo things. That is, it is better to do too few things at once than too many. In the short run this may not seem
important but complications can easily arise.”
(Bransford & Johnston, 1972)
context = familarity
= cognitive fluency
context can be visual ...
5. aesthetic
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quam turpis, pharetra in vehicula vel, rutrum id purus. Nunc in augue vitae velit egestas ultricies ultrices a nisl. Mauris hendrerit pharetra nisi, id rhoncus dui sagittis in. Pellentesque eget velit in orci rhoncus malesuada. Quisque mattis tincidunt odio nec pulvinar. In ac mi diam, ut gravida odio. Cras eu cursus ante. Quisque varius placerat mauris sit amet dapibus. Nam elementum lectus et libero iaculis dapibus. Vivamus in ornare eros. Donec malesuada, est eget pretium placerat, erat mi laoreet orci, non iaculis nisl enim eget purus. Praesent dignissim congue facilisis. Nulla tortor lectus, sodales non condimentum molestie, varius vitae lectus. Pellentesque commodo nisl eu odio commodo bibendum. Etiam purus libero, sollicitudin at interdum et, vestibulum sed dui. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id. Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. Maecenas magna tellus, condimentum nec accumsan at, fermentum ac augue. Nam in diam eu magna gravida iaculis at eget lacus. Pellentesque tortor risus, laoreet a scelerisque sed, placerat eget quam. Proin sollicitudin faucibus imperdiet. Ut condimentum libero nec leo fringilla porta. Proin rutrum, enim eu gravida ullamcorper, arcu lorem pulvinar est.
Duis condimentum leo a leo auctor at ultrices leo sodales. Aliquam luctus mauris ac urna imperdiet molestie. Pellentesque eleifend, neque at tincidunt rutrum, tortor est dignissim velit, vel tempor metus velit nec sem. Donec ac porttitor lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, viverra nec ipsum. Ut pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi. Donec egestas, magna eu rhoncus posu. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id.
Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. Maecenas magna tellus, condimentum nec accumsan at, fermentum ac augue. Nam in diam eu magna gravida iaculis at eget lacus. Pellentesque tortor risus, laoreet a scelerisque sed, placerat eget quam. Proin sollicitudin faucibus imperdiet. Ut condimentum libero nec leo fringilla porta. Proin rutrum, enim eu gravida ullamcorper, arcu lorem pulvinar est, at pellentesque mauris urna in velit. ere, purus turpis imperdiet risus, in rhoncus massa justo sit amet augue. Donec est dolor, gravida ut vulputate quis, tristique a urna. Aliquam placerat viverra ante luctus sagittis.
Lorem ipsum dolor sit amet
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quam turpis, pharetra in vehicula vel, rutrum id purus. Nunc in augue vitae velit egestas ultricies ultrices a nisl. Mauris hendrerit pharetra nisi, id rhoncus dui sagittis in. Pellentesque eget velit in orci rhoncus malesuada. Quisque mattis tincidunt odio nec pulvinar. In ac mi diam, ut gravida odio. Cras eu cursus ante. Quisque varius placerat mauris sit amet dapibus. Nam elementum lectus et libero iaculis dapibus. Vivamus in ornare eros. Donec malesuada, est eget pretium placerat, erat mi laoreet orci, non iaculis nisl enim eget purus. Praesent dignissim congue facilisis. Nulla tortor lectus, sodales non condimentum molestie, varius vitae lectus. Pellentesque commodo nisl eu odio commodo bibendum. Etiam purus libero, sollicitudin at interdum et, vestibulum sed dui. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id. Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. Maecenas magna tellus, condimentum nec accumsan at, fermentum ac augue. Nam in diam eu magna gravida iaculis at eget lacus. Pellentesque tortor risus, laoreet a scelerisque sed, placerat eget quam. Proin sollicitudin faucibus imperdiet. Ut condimentum libero nec leo fringilla porta. Proin rutrum, enim eu gravida ullamcorper, arcu lorem pulvinar est.
Duis condimentum leo a leo auctor at ultrices leo sodales. Aliquam luctus mauris ac urna imperdiet molestie.
Pellentesque eleifend, neque at tincidunt rutrum, tortor est dignissim velit, vel tempor metus velit nec sem. Donec ac porttitor lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer cursus elit eget erat auctor interdum. Vestibulum tortor leo, imperdiet ut varius at, viverra nec ipsum. Ut pellentesque nisl id tortor hendrerit sodales. Integer et dolor arcu, ac porta libero. Nulla vitae felis mi. Donec egestas, magna eu rhoncus posu. In tristique nisi sed velit consectetur cursus. Donec consectetur elit quis urna pulvinar quis scelerisque sapien ullamcorper. Quisque sit amet velit felis. Vivamus blandit vehicula dui quis mattis. Maecenas vehicula neque vel justo aliquam mattis. Suspendisse lectus tortor, posuere id tincidunt at, iaculis vel libero. Integer interdum ante sagittis urna mollis in sodales sem mollis. Nulla tincidunt vestibulum purus sed posuere. Aenean vel mauris ante, et egestas tellus. Mauris quis ipsum a nulla molestie euismod non et enim. Sed eu turpis non sapien convallis egestas a euismod dolor. Pellentesque vitae nulla et dui feugiat vulputate. Donec egestas gravida felis, a pretium elit pellentesque id. Nunc consequat elementum turpis, pharetra consequat turpis adipiscing id. Suspendisse egestas felis non diam egestas auctor. Donec lacinia ultricies pulvinar. Aliquam blandit vestibulum est in imperdiet. Nunc ultricies interdum tellus nec porta. Nullam eu augue tortor. Phasellus tincidunt erat vel magna pharetra vitae consectetur purus lobortis. Quisque eget nibh nibh. In hac habitasse platea dictumst. Nulla a augue purus, ac lobortis ipsum. Mauris posuere ultrices ante, quis dapibus libero suscipit et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer odio ligula, consequat id convallis gravida, condimentum sit amet purus. Maecenas magna tellus, condimentum nec accumsan at, fermentum ac augue. Nam in diam eu magna gravida iaculis at eget lacus. Pellentesque tortor risus, laoreet a scelerisque sed, placerat eget quam. Proin sollicitudin faucibus imperdiet.
Lorem ipsum dolor sit ametLorem ipsum
Nullam eu augue tortorUt condimentum libero nec leo fringilla porta. Nam in diam eu magna gravida
aesthetic emotion
being a connoisseur
http://www.flickr.com/photos/su-lin/356999955/
appreciation = cognitive fluency?
the ‘mere exposure’ effect
(Zajonc, 1968)
cognitive fluency affects our emotions
difficult recipe ?
challenging workout ?
‘mere exposure’= misattributed fluency?
averages attract
(www.faceresearch.org)
abstract concrete
abstract concretegeneric prototype specific
(ignorethecode.net)
cognitive fluency = the prototypical
experience?
cognitive fluency:concreteness, nearness, familiarity, pleasantness,
trust ...
do you want your message to be received uncritically?
cognitive dysfluency engages critical thinking
(Alter et al., 2007)
Some small birds live on honey. All birds that live on honey are colourful. Some colourful birds are small.
Some small birds live on honey. All birds that live on honey are colourful. Some colourful birds are small.
all birds
Some small birds live on honey.
small birds
all birds
birds living on honey
Some small birds live on honey.
small birds
all birds
= colourful
All birds that live on honey are colourful.
small birds
birds living on honey
small birds
all birds
Some colourful birds are small. Yes!
= colourful
birds living on honey
More accurate syllogistic reasoning
Less accurate syllogistic reasoning
even ‘faking’ effort can feel dysfluent
(Alter et al., 2007)
a little effort helps us remember
(McDaniel et al., 1986)
Once upon a time there was a little girl called Red Riding Hood
who was going to visit her grandma in the forest. She had baked
a basket of cookies and set off through the woods, skipping ...
The woodcutter rushed into the grandmother’s house
Red Riding Hood knocked on the door, but there was no answer
She skipped through the forest, carrying her basket of cookies
The woodcutter rushed into the grandmother’s house
Red Riding Hood knocked on the door, but there was no answer
She skipped through the forest, carrying her basket of cookies
Once upon a time there was a little girl called Red Riding Hood
who was going to visit her grandma in the forest. She had baked
a basket of cookies and set off through the woods, skipping ...
The woodcutter rushed into the grandmother’s house
Red Riding Hood knocked on the door, but there was no answer
She skipped through the forest, carrying her basket of cookies
less effective for remembering
more effective for remembering
“a little effort is a dangerous thing ...”
1. typeface2. layout3. voice4. context5. aesthetic
1. typeface2. layout3. voice4. context5. aesthetic6. effort
Questions?