aiga homegrown: writing for the web

32
©2011 hesketh.com/inc. All rights reserved. Alice Williams 919.834.2552 x17 [email protected] March 13, 2012 Fewer Words, More Action What designers need to know about writing for the Web Good start. Needs more gibberish.

Upload: aiga-raleigh

Post on 01-Jul-2015

331 views

Category:

Design


0 download

DESCRIPTION

If you’re reading this, you’re probably a designer, which means you’re more likely to express yourself visually than with words. That also means attending a writing workshop is probably not your first choice on how to spend a perfectly good lunch. But wait! What if we told you that today's designers are destined to become web writers? True – you may not feel comfortable with words, but neither do most web audiences! These days, communicating verbally is part of the job description for all of us. Let Alice Williams show you how to communicate what your next web visitor wants to know as painlessly as possible – for both of you. Listen, have a nice lunch, make friends with fellow designers – and maybe even cozy up to words. All in all, it's not too bad for a lunch. Connect with Alice before the event (@StratChick) and let her know what you'd like to learn about writing for the web.

TRANSCRIPT

Page 1: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Alice Williams919.834.2552 [email protected]

March 13, 2012

Fewer Words, More ActionWhat designers need to know about writing for the

Web

Good start. Needs more gibberish.

Page 2: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Let’s get warmed up

Who are you in six words or less?

Kindle is not quite the same.

Page 3: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

First Things First: Who are you? (But really, Why should I care?)

What would they believe or value?

What do they believe or value?

What do we currently claim?

What would we like to become?

Now Future

Now FutureExternal

InternalOUR BRAND

Chris Grams, The Ad-Free Brand: Secrets to Building Successful Brands in A Digital World (2011)

Page 4: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Why does it matter?

Now Future

The Web is about SHOWING, not TELLING.

If you don’t figure out who you authentically are, you have nothing to show.

Page 5: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Why does it matter?

Now Future

hesketh.com: Web-powered outcomes for empowered clients

Page 6: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Now Future

Page 7: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Why does it matter?

Now Future

Museum of Life & Science• Explore, connect, learn, share (or)

• Creating opportunities for lifelong science discovery

Page 8: AIGA Homegrown: Writing for the Web
Page 9: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Going Deeper

Now Future

Establishing Persuasion, Emotion and Trust (PET)

Can I do it?

Will I do it?

Information architecture & user experience

User-informed design & content

Page 10: AIGA Homegrown: Writing for the Web

How do you PET your audience?

Page 11: AIGA Homegrown: Writing for the Web
Page 12: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Your Tools: Elements of Tone

? Mirroring of user mental models

? Use of person & voice

? Content choice (how much detail, which details, what forms of evidence)

? Word choice (connotations, level of technical usage, complexity, parts of speech)

? Sentence structure/cadence

? Information chunking

? Selection of visual elements

Page 13: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Choose your words carefully, but…

Page 14: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Working on the Web means saying goodbye to control

http://www.flickr.com/photos/suzee_que/3852900728/

What Do Your Web Visitors See?

Page 15: AIGA Homegrown: Writing for the Web

Source: http://www.useit.com/eyetracking/

1) Top line of F is first

2) Middle line of F is second3) Vertical line

of F is third & most intense

May quickly scan for a

call to action

May quickly scan for a

call to action

Banner Blindness

Banner Blindness

Page 16: AIGA Homegrown: Writing for the Web

Source: http://www.useit.com/eyetracking/

Visual division of space can extend the lines of the F

Visually highlighted areas

can change patterns

Page 17: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

What Eye Tracking Tells Us

Scannability is key!Front load key information in the first two

(short) paragraphs.Say goodbye to “clever” leads & subheads.Integrate & visually brand large banners. Visitors are not reading all your text –

period. Most will read 20% - 30%*

* Harald Weinreich, Hartmut Obendorf, Eelco Herder, and Matthias Maye. ”Not Quite the Average: An Empirical Study of Web Use," in the ACM Transactions on the Web, vol. 2, no. 1 (February 2008), article #5.

Page 18: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Source: http://www.useit.com/alertbox/percent-text-read.html

Why you usually get to win in a debate with your web copywriter.

For every additional 100 words on a page, visitors will only spend another 4.4 seconds there

Page 19: AIGA Homegrown: Writing for the Web
Page 20: AIGA Homegrown: Writing for the Web
Page 21: AIGA Homegrown: Writing for the Web

visual.ly

Page 22: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Now Future

"Would you tell me, please, which way I ought to go from here?""That depends a good deal on where you want to get to," said the Cat."I don’t much care where--" said Alice."Then it doesn’t matter which way you go," said the Cat.

Now, for the action

Page 23: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Now Future

Navigation labels

Calls to action

Page 24: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Now Future

Lack of mutual exclusivity

Jargon or proprietary terms

Way too many choices

Find my navigation

Page 25: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Don’t Do It! Mystery Meat Navigation

Page 26: AIGA Homegrown: Writing for the Web

Before…

Page 27: AIGA Homegrown: Writing for the Web

After…

Page 28: AIGA Homegrown: Writing for the Web

Not

everyon

e is a

navigato

r

Page 29: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Our Goals Audience Goals

Effective Calls to Action

Page 30: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Page 31: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

In Summary, good web writing… Shows, not just tells, your brand Allows for easy scanning Offers clear navigation & Calls to

Action

Page 32: AIGA Homegrown: Writing for the Web

©2011 hesketh.com/inc. All rights reserved.

Thank You…

What are your questions?

Alice [email protected]@StratChick919.834.2552 ext. 17