documentv
DESCRIPTION
v . How to write for the web. Russell Warfield, Sustainability Communications Coordinator Friday 29 November. Agenda. Introduction How do people use websites? Overview principles of writing for the web How to edit your copy for the web Good example Questions and Answers. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/1.jpg)
v
How to write for the webRussell Warfield, Sustainability Communications CoordinatorFriday 29 November
![Page 2: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/2.jpg)
Agenda
• Introduction • How do people use websites?• Overview principles of writing for the web• How to edit your copy for the web• Good example• Questions and Answers
![Page 3: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/3.jpg)
How do users read on the web?
![Page 4: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/4.jpg)
• Simple answer is they don’t!
• They scan instead
• Web users have the mentality of “don’t make me think”
![Page 5: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/5.jpg)
How do users scan?
![Page 6: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/6.jpg)
• On a first visit users will first of all glance at the whole page on view on the monitor without focussing
A quirk of some users is they may quickly scroll to the bottom and then back to the top before focussing
![Page 7: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/7.jpg)
How users scan
• The first area a user’s eye will naturally focus upon is the image (if present), followed by the headline and then the intro
• However, it is also known for a user to first focus upon the image but then go straight to the body copy and miss out the headline and intro paragraph
![Page 8: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/8.jpg)
How users scan• Next a user will typically
scan the body copy in the following order – The headlines– Links and downloads – Bold copy – Lists – Sentences last
(if they reach this level of engagement with the page)
![Page 9: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/9.jpg)
How users scan• If a user has engaged
with the page they may then read all of it.
• Typically though this is where the journey ends and the user has taken less than 20% of the words in the article.
• They will now look for links, press the back button or close the site down
• All this has taken just a few seconds
![Page 10: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/10.jpg)
So what do we do?
![Page 11: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/11.jpg)
As a resultWeb pages have to employ scannable text, using:
– Highlighted keywords • bold• hypertext links serve as another one form of highlighting
- Meaningful and communicative sub-headings (not "clever" ones)
– Bulleted lists
– One idea per paragraph (users will skip over any additional ideas if they are not caught by the first trigger words in the paragraph)
– The inverted pyramid style of writing • Starting with the conclusion and work back
– Half the word count (or less) than conventional writing
![Page 12: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/12.jpg)
Editing doesn’t end after the publish button is clicked
Keep asking yourself:“Is this clear?”
“Is there a simpler way to say this?”
“Is there a shorter way to say this?”
“Is this even necessary?”
![Page 13: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/13.jpg)
How editing improves usability
![Page 14: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/14.jpg)
Let’s look at an example…
Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 2006, some of the most popular places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446).
Usability improvement rating 0% by definition
![Page 15: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/15.jpg)
Concise text version(with about half the word count as the control condition)
In 2006, six of the best-attended attractions in Nebraska were Fort Robinson State Park, Scotts Bluff National Monument, Arbor Lodge State Historical Park & Museum, Carhenge, Stuhr Museum of the Prairie Pioneer, and Buffalo Bill Ranch State Historical Park.
Usability improvement rating = 58%
![Page 16: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/16.jpg)
Scannable layout version(using the same text as the control condition in a layout that facilitated scanning)
Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 2006, some of the most popular places were:
– Fort Robinson State Park (355,000 visitors) – Scotts Bluff National Monument (132,166) – Arbor Lodge State Historical Park & Museum (100,000) – Carhenge (86,598) – Stuhr Museum of the Prairie Pioneer (60,002) – Buffalo Bill Ranch State Historical Park (28,446)
Usability improvement rating = 47%
![Page 17: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/17.jpg)
Combined version(using all three improvements in writing style together: concise, scannable, and objective)
In 2006, six of the most-visited places in Nebraska were:
– Fort Robinson State Park – Scotts Bluff National Monument – Arbor Lodge State Historical Park & Museum – Carhenge – Stuhr Museum of the Prairie Pioneer – Buffalo Bill Ranch State Historical Park
Usability improvement rating = 124%
![Page 18: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/18.jpg)
To be effective online
• You have to be brutal in editing your copy offline– Otherwise you are wasting your time– On the web, visitors want you to get to the point– They’re not on your site to admire fine writing
• If you don’t– You will be increasing clutter– Reducing the usability of the website– Making users think the site doesn’t have content
for them
![Page 19: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/19.jpg)
To be effective online
• Shared/Implied Knowledge– Don’t take anything for granted– Anticipate the questions people may have– Answer questions they didn’t think to ask– Examine your content in the context of what
your site visitors probably want to do– Acronyms are dangerous – if in use link
them up to definition
![Page 20: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/20.jpg)
Overview principles of writing for the web
• Good example
![Page 21: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/21.jpg)
![Page 22: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/22.jpg)
Eyetracking behaviour
![Page 23: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/23.jpg)
![Page 24: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/24.jpg)
![Page 25: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/25.jpg)
![Page 26: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/26.jpg)
![Page 27: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/27.jpg)
![Page 28: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/28.jpg)
Scanable
Skimable
Usable
![Page 29: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/29.jpg)
Appendix
![Page 30: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/30.jpg)
Top tips
1 Your audience• Think about your audience first. Who are they? • What are they are visiting the site for?• Think what primary message you want your
audience to learn/remember
![Page 31: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/31.jpg)
Top tips
2 Editing your copy• Never, EVER, dump copy online that has
specifically been written for print• Take your offline copy and be brutal in editing
when putting it online • Look to write all your articles in under 500
words• Get your “killer content” in the first paragraph
of the body copy
![Page 32: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/32.jpg)
Top tips
3. Formatting your copy• Be straight to the point• Use brief sentences • Use short paragraphs (don’t go over 4 lines of text)• Use the white space (its your best allied) • Use sub-headings to convey a new important message• Use bold text to assist scanability• Use hyperlinks to related information/articles in the body
copy• Use bullet lists• End the article with a call to action or links to related
articles on the site
![Page 33: Documentv](https://reader035.vdocument.in/reader035/viewer/2022062520/568164d3550346895dd7058d/html5/thumbnails/33.jpg)
Any questions?