63
Chris Atherton Head of Design Dept for Business, Innovation & Skills @finiteattention Cognitive psychology and content design All of this was true when I started writing this talk …

Cognitive Psychology and Content Design

Embed Size (px)

Citation preview

Page 1: Cognitive Psychology and Content Design

Chris Atherton Head of Design Dept for Business, Innovation & Skills

@finiteattention

Cognitive psychology and content design

All of this was true when I started writing this talk …

Page 2: Cognitive Psychology and Content Design

1. attention 2. vision 3. working memory 4. cognitive load 5. words 6. stress 7. questions?

Page 3: Cognitive Psychology and Content Design

1. attention

Page 4: Cognitive Psychology and Content Design

two attentional systems:

Page 5: Cognitive Psychology and Content Design

a) getting your attention quick, free, effortless

Page 6: Cognitive Psychology and Content Design

Checking out some rusty old farm machinery in a park in Stockholm, as you do …

Page 7: Cognitive Psychology and Content Design

O HAI, TWITTER LOGO

Page 8: Cognitive Psychology and Content Design

Must … not … press … most obvious button … NNGGGGGGHHHH

Page 9: Cognitive Psychology and Content Design

b) keeping your attention tends towards impossible

Page 10: Cognitive Psychology and Content Design

(content) design = attention management

Page 11: Cognitive Psychology and Content Design

2. vision

Page 12: Cognitive Psychology and Content Design

Quinlan & Wilton, 1999

Visual perception seems to happen in a particular order:

Page 13: Cognitive Psychology and Content Design

Quinlan & Wilton, 1999

first

Grouping by spatial layout (things that are near each other ‘belong’ together)

Page 14: Cognitive Psychology and Content Design

Quinlan & Wilton, 1999

second

Then we start looking at more qualitative features, like colour …

Page 15: Cognitive Psychology and Content Design

third?

… or features and local shape

Page 16: Cognitive Psychology and Content Design

Visual object recognition progresses (broadly) from global to local

Page 17: Cognitive Psychology and Content Design

So when we’re seeing a page on GOV.UK …

Page 18: Cognitive Psychology and Content Design

It starts as a grey-scale layout of shapes

Page 19: Cognitive Psychology and Content Design

… then colour and smaller features resolve

Page 20: Cognitive Psychology and Content Design

… before text and (eventually) meaning

(I say ‘eventually’ — less than half a second)

Page 21: Cognitive Psychology and Content Design

blocks of words are objects first

my point:

visual weight on the page acts like a magnet for attention long before meaning is involved

Page 22: Cognitive Psychology and Content Design

3. working memory

Page 23: Cognitive Psychology and Content Design

Long term memory

rehearsal

or meaning

Short term/ working memory

working memory is a very leaky bucket

Page 24: Cognitive Psychology and Content Design

recall of words from a list presented sequentially

"Serial position" by Obli (talk) (Uploads) - Obli (talk) (Uploads). Licensed under CC BY-SA 3.0 via Wikipedia - https://en.wikipedia.org/wiki/File:Serial_position.png#/media/File:Serial_position.png

Page 25: Cognitive Psychology and Content Design

Rehearsed and/or lacks interference

Still in the leaky

bucket

Page 26: Cognitive Psychology and Content Design

7 ± 2

Miller, 1956Miller, 1956

the leaky bucket can hold

this relates to new, unrelated words/digits/etc

Page 27: Cognitive Psychology and Content Design

4 ± ?

Cowan, 2001Cowan, 2001

the leaky bucket can hold

much more recent evidence suggests …

Page 28: Cognitive Psychology and Content Design

your screen

sidebar: it’s messed up that we mostly read in landscape but design documents for portrait.

Page 29: Cognitive Psychology and Content Design

fuzzy OK OKgreat

Page 30: Cognitive Psychology and Content Design

we should never ask people to hold stuff

in the leaky bucket

Page 31: Cognitive Psychology and Content Design

4. cognitive load

Cognitive load as a thing is kind of unfalsifiable, but it’s a useful framework?

Page 32: Cognitive Psychology and Content Design

intrinsic cognitive load

~ number of moving parts

a task can have …

Page 33: Cognitive Psychology and Content Design

extraneous cognitive load

extra moving parts added by the delivery medium

…and …

Page 34: Cognitive Psychology and Content Design

working memory has very limited capacity

Page 35: Cognitive Psychology and Content Design

intrinsic

load

extraneous

load

transfer to LTM

low intrinsic load and extraneous load = more resources left for absorbing info

Page 36: Cognitive Psychology and Content Design

extraneous

load

transfer to

LTM

intrinsic

load

a complex piece of information leaves you fewer resources for storing the information

Page 37: Cognitive Psychology and Content Design

intrinsic

load

extraneous

load

transfer to

LTM

likewise, an overly burdensome way of presenting information makes it hard to grasp

Page 38: Cognitive Psychology and Content Design

your mission: reduce extraneous

cognitive load

Page 39: Cognitive Psychology and Content Design

reducing policy complexity (intrinsic load)

is the long game

Page 40: Cognitive Psychology and Content Design

we can reduce extrinsic load right now

with better (content) design

Page 41: Cognitive Psychology and Content Design

5. words

Page 42: Cognitive Psychology and Content Design

Psycholinguistic determinants of question difficulty http://www.suristat.eu/document/documentArticle/Faass_et_al.pdf

Effects of survey question comprehensibility on response quality http://www.timolenzner.de/resources/Lenzner+2012.pdf

These are really interesting papers.

Page 43: Cognitive Psychology and Content Design

infrequently-used words

— context vs. word dominance

The authors talk about …

Page 44: Cognitive Psychology and Content Design

imprecise terminology

— vague pronouns (e.g. ‘it’)

The authors talk about …

Page 45: Cognitive Psychology and Content Design

imprecise terminology

— ambiguous word parts

The authors talk about …

Page 46: Cognitive Psychology and Content Design

complex syntax

— ‘garden path’ sentences

The authors talk about …

Page 47: Cognitive Psychology and Content Design

complex syntax

— burying the lede

The authors talk about …

Page 48: Cognitive Psychology and Content Design

many logical operators

— e.g. ’or’

The authors talk about …

Page 49: Cognitive Psychology and Content Design

passive voice

The authors talk about …

Page 50: Cognitive Psychology and Content Design

Nice.

Page 51: Cognitive Psychology and Content Design

nominalisations

— ‘enforce a restriction’ vs. ‘restrict’

The authors talk about …

Page 52: Cognitive Psychology and Content Design

bridging inferences

The authors talk about …

(making people do the hard work themselves rather than spelling it out is, well, mean.)

Page 53: Cognitive Psychology and Content Design

how do we convince people of the value

of plain language?

Page 54: Cognitive Psychology and Content Design

go play on scholar.google.com

as content designers, you are well equipped to make sense of this wordy stuff :)

Page 55: Cognitive Psychology and Content Design

your primary evidence is always data

from user research

… your context matters, though. See the current psychology replicability crisis.

Page 56: Cognitive Psychology and Content Design

6. stress

disclaimer: way out of my wheelhouse. See my former colleague @Drsurvival :)

Page 57: Cognitive Psychology and Content Design

this is the ‘dunker’, where oil rig workers have to train to ditch out of a flying helicopter (!)

Page 58: Cognitive Psychology and Content Design

Survival — Mind and Brain https://thepsychologist.bps.org.uk/volume-24/edition-1/survival-%E2%80%93-mind-and-brain

super-accessible paper on the effects of acute stress on cognition. One to ponder.

Page 59: Cognitive Psychology and Content Design

design for limited working memory

When we do this, we improve GOV.UK for everyone, not just those under great stress.

Page 60: Cognitive Psychology and Content Design

don’t make people rely on the leaky bucket

Page 61: Cognitive Psychology and Content Design

6. questions

Page 62: Cognitive Psychology and Content Design

Susan Weinschenk: 100 things every designer needs to know about people https://www.amazon.co.uk/Things-Every-Designer-Needs-People/dp/0321767535

people always ask me what they can read. This is great:

Page 63: Cognitive Psychology and Content Design

Thank you :)

@finiteattention