Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

24
How you read on the web ...and why you should care

description

Christine Cawthorne, web copywriter,

Transcript of Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Page 1: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

How you read on the web

...and why you should care

Page 2: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Christine Cawthorne

• Web copywriter

Page 4: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

eye eye cap’n

What do your eyes do when you read?

Page 5: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

smooth operator

You don’t read as smoothly as you

think you do

Page 6: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

space hopper

Your eyes bounce around the text

Page 7: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

boiiiiing

http://www.microsoft.com/typography/ctfonts/WordRecognition.aspx

Page 8: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

oops, forgetful

You can drop 30% of the words

when reading!

Page 9: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Bouma baby

The shape of the word is called ‘bouma’

Page 10: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

THIS IS HARD TO READ

The theory of parallel

letterwise recognition

Page 11: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Bam!

We recognise the shapes of the first

10,000 words we ever learned

Page 12: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

brainpower

Using these words on websites helps

‘reduce the cognitive load’

Page 13: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

The f word

We read in an F shape

Page 14: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

F-in ell

http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

Page 15: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Who cares?

You should

Page 16: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Write better

Condense your ideas

Page 17: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Write betterer

Explain things quickly

Page 18: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Users only read 20%

http://www.nngroup.com/articles/how-little-do-users-read/

Page 19: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Write well good

Explain things simply

Page 20: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Write like a pro

Tell the user what they want to know

Page 21: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Write like you’re right

Not what you want to say (zzz)

Page 22: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Paragraphs are friends

White space around words helps you

understand what’s written

Page 23: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Frontload

First three words

Page 24: Christine Cawthorne's Geekeasy talk: How you read on the web (and why you should care)

Ta da, done!

Help the user complete their task