AIGA Homegrown: Writing for the Web
-
Upload
aiga-raleigh -
Category
Design
-
view
330 -
download
0
description
Transcript of AIGA Homegrown: Writing for the Web
![Page 1: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/1.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/2.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/3.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/4.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/5.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/6.jpg)
©2011 hesketh.com/inc. All rights reserved.
Now Future
![Page 7: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/7.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/8.jpg)
![Page 9: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/9.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/10.jpg)
How do you PET your audience?
![Page 11: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/11.jpg)
![Page 12: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/12.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/13.jpg)
©2011 hesketh.com/inc. All rights reserved.
Choose your words carefully, but…
![Page 14: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/14.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/15.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/16.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/17.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/18.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/19.jpg)
![Page 20: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/20.jpg)
![Page 21: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/21.jpg)
visual.ly
![Page 22: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/22.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/23.jpg)
©2011 hesketh.com/inc. All rights reserved.
Now Future
Navigation labels
Calls to action
![Page 24: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/24.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/25.jpg)
©2011 hesketh.com/inc. All rights reserved.
Don’t Do It! Mystery Meat Navigation
![Page 26: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/26.jpg)
Before…
![Page 27: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/27.jpg)
After…
![Page 28: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/28.jpg)
Not
everyon
e is a
navigato
r
![Page 29: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/29.jpg)
©2011 hesketh.com/inc. All rights reserved.
Our Goals Audience Goals
Effective Calls to Action
![Page 30: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/30.jpg)
©2011 hesketh.com/inc. All rights reserved.
![Page 31: AIGA Homegrown: Writing for the Web](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/31.jpg)
©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](https://reader033.fdocuments.in/reader033/viewer/2022060120/559322781a28ab8f418b4706/html5/thumbnails/32.jpg)
©2011 hesketh.com/inc. All rights reserved.
Thank You…
What are your questions?
Alice [email protected]@StratChick919.834.2552 ext. 17