SlideShare une entreprise Scribd logo
1  sur  14
Editing for Web
Week 5
The Narrative Web
• What are the components which go towards creating the
narrative web?
• Whose story are you telling? Your company, yourself, your
product?
• How can a website engage its audience/community and tell
"our" story? ie The Age "If it matters to you it matters to us"
• What story does www.crikey.com.au tell?
 Tagline: Telling you what they won't
 Free mode/member login
 "Comments, corrections, clarifications and c*ckups"
Style
• American versus British/Australian English
 Spelling: color vs. colour, behavior vs. behaviour, theater vs. theatre.
 Terminology: truck vs. lorry, cart vs. trolley, two weeks vs. a fortnight.
 Concepts: what is football anyway — American football, soccer, or (for the truly brave)
Aussie rules?
 Slang: do you call this sport "footie"?
 Abbreviations: do readers know that PA=Pennsylvania? Not if they're outside the U.S.
• http://www.useit.com/alertbox/american-british-english.html
Web editing 101
• Longform versus shortform
o Jakob Neilson's Alertbox (usability blog)
o http://www.useit.com/alertbox/content-strategy.html
 Reading benefits vary, depending on user circumstances.
 Most of the time, short articles contain more value per word.
 People sometimes gain higher value from complete or very detailed
information about a problem.
 If you want many readers, focus on short and scannable content. This
is a good strategy for advertising-driven sites or sites that sell impulse
buys.
 If you want people who really need a solution, focus
on comprehensive coverage. This is a good strategy if you sell highly
targeted solutions to complicated problems.
 
• But the very best content strategy is one that mirrors the
users' mixed diet. There's no reason to limit yourself to 
only one content type. It's possible to have short overviews 
for the majority of users and to supplement them with in-
depth coverage and white papers for those few users who 
need to know more.
Hypertext to the Rescue...
• On the Web, you can offer both short and long treatments 
within a single hyperspace. Start with overviews and short, 
simplified pages. Then link to long, in-depth coverage on 
other pages.
• With this approach, you can serve both types of users (or 
Writing for web versus writing for print
• Compare the print edition of today's Age with theage.com.au 
and make a list of differences you spot.
• Jakob Neilson's Alertbox - Writing style for print versus web
• http://www.useit.com/alertbox/print-vs-online-content.html
o On the Web, users are engaged and want to go
places and get things done. The Web is
anactive medium.
o While watching TV, viewers want to be
entertained. They are in relaxation mode and
vegging out; they don't want to make choices. TV
is a passive medium.
How little do users read?
• http://www.useit.com/alertbox/percent-text-read.html
• "On the average Web page, users have time to read at most 28% of the words
during an average visit; 20% is more likely."
• Obviously, users tend to spend more time on pages with more information.
However, the best-fit formula tells us that they spend only 4.4 seconds more for
each additional 100 words.
• Top most used features on the web:
1.Clicking hypertext links
• Clicking buttons on the page (ie applications and feature-
rich Web pages that require users to click page buttons to 
access their functionality)
• The "Back" button
The fickle web reader
• http://www.useit.com/alertbox/print-vs-online-content.html
• NYT headline: "Coping With the Tall Traveler's Curse"
• Why is this a bad headline for web:
o no "information carrying content" in first three words - 
readers often scan and won't even get to the end of the 
headline if it doesn't grab their attention
o SEO friendly headlines - what search terms would 
someone type into a search engine to find your article? 
eg keywords
o headline not specific enough to sell the story (in print 
version, there was a photo of a tall, cramped traveller to 
explain it)
Eye-tracking
• Web readers don't read from start to finish. They jump
around, and skim read
o Users first read in a horizontal movement, usually across the upper part of the content
area. This initial element forms the F's top bar.
o Next, users move down the page a bit and then read across in a second horizontal
movement that typically covers a shorter area than the previous movement. This additional
element forms the F's lower bar.
o Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly
slow and systematic scan that appears as a solid stripe on an eyetracking heatmap. Other
times users move faster, creating a spottier heatmap. This last element forms the F's stem.
Source: Nielsen "F-Shaped Pattern for Reading Web Content"
http://www.useit.com/alertbox/reading_pattern.html
Write and edit for the scanning reader
o subheads
o bulleted lists
o highlighted keywords
o short paragraphs
o the inverted pyramid
o a simple writing style, and
o de-fluffed language devoid of marketese.
(Source: Nielsen's Top 10 mistakes in web design)
http://www.useit.com/alertbox/9605.html
The selective web reader
• Web readers quickly learn to ignore advertising elements, or
content which resembles advertising
o banner blindness
o animation avoidance
o popup purges
o ad blockers
(Source: Neilsen Top 10 Mistakes in Web Design
http://www.useit.com/alertbox/9605.html
• Eyetracking studies show that readers skip around the page
and habitually only skim
Quality links
• The importance of permanence
o http://journalism.nyu.edu/pubzone/weblogs/pressthink/20
05/01/07/wldm_perm.html
When long form features work...
• Click through multiple pages of a feature - means each page
isn't an overwhelming slab of text, and you can check
analytics to see how many people read to the last page.
• Using design & layout to make a longer form piece enticing
to read -
eg http://www.salon.com/news/feature/2009/03/30/eshelman
/
o What tricks do they use to make it easy to read?

Contenu connexe

En vedette

CLUB DE CROCHET magazine
CLUB DE CROCHET magazineCLUB DE CROCHET magazine
CLUB DE CROCHET magazineines Torres
 
Week 6 Participatory Publishing
Week 6 Participatory PublishingWeek 6 Participatory Publishing
Week 6 Participatory PublishingSarah Stokely
 
Writing & Editing Week 7
Writing & Editing Week 7Writing & Editing Week 7
Writing & Editing Week 7Sarah Stokely
 
Life at the cellular level
Life at the cellular levelLife at the cellular level
Life at the cellular levelIan Anderson
 
Empowering Youth Through Creativity
Empowering Youth Through CreativityEmpowering Youth Through Creativity
Empowering Youth Through Creativitythinkamc
 
Responding to the world - 01 Why do we need body systems
Responding to the world - 01 Why do we need body systemsResponding to the world - 01 Why do we need body systems
Responding to the world - 01 Why do we need body systemsIan Anderson
 

En vedette (9)

CLUB DE CROCHET magazine
CLUB DE CROCHET magazineCLUB DE CROCHET magazine
CLUB DE CROCHET magazine
 
Week 6 Participatory Publishing
Week 6 Participatory PublishingWeek 6 Participatory Publishing
Week 6 Participatory Publishing
 
Open Source PR
Open Source PROpen Source PR
Open Source PR
 
Writing & Editing Week 7
Writing & Editing Week 7Writing & Editing Week 7
Writing & Editing Week 7
 
Social Media Marketing
Social Media MarketingSocial Media Marketing
Social Media Marketing
 
Life at the cellular level
Life at the cellular levelLife at the cellular level
Life at the cellular level
 
Yip Gives Local Gene Template
Yip Gives   Local Gene TemplateYip Gives   Local Gene Template
Yip Gives Local Gene Template
 
Empowering Youth Through Creativity
Empowering Youth Through CreativityEmpowering Youth Through Creativity
Empowering Youth Through Creativity
 
Responding to the world - 01 Why do we need body systems
Responding to the world - 01 Why do we need body systemsResponding to the world - 01 Why do we need body systems
Responding to the world - 01 Why do we need body systems
 

Similaire à Week 5 Editing For Web

Six tips for cross-cultural UX
Six tips for cross-cultural UXSix tips for cross-cultural UX
Six tips for cross-cultural UXOban International
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Adding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignAdding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignChristy Van Heugten
 
Writing for web class2
Writing for web class2Writing for web class2
Writing for web class2Anna Polud
 
Week 8 - Interactive News Editing and Producing
Week 8 - Interactive News Editing and ProducingWeek 8 - Interactive News Editing and Producing
Week 8 - Interactive News Editing and Producingkurtgessler
 
Top10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersTop10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersBrian Sullivan
 
Wait what? How to Enhance your Responsive Process with Content Questions
Wait what? How to Enhance your Responsive Process with Content QuestionsWait what? How to Enhance your Responsive Process with Content Questions
Wait what? How to Enhance your Responsive Process with Content QuestionsEileen Webb
 
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...Blend Interactive
 
Publishing 102 11 18
Publishing 102  11 18Publishing 102  11 18
Publishing 102 11 18Karen Brooks
 
best-of-smashing-magazine.pdf
best-of-smashing-magazine.pdfbest-of-smashing-magazine.pdf
best-of-smashing-magazine.pdfempite
 
Internal Com Intranet Writing For The Web S Barratt
Internal Com Intranet Writing For The Web S BarrattInternal Com Intranet Writing For The Web S Barratt
Internal Com Intranet Writing For The Web S BarrattDISUJO
 
08 How To Write For Web
08 How To Write For Web08 How To Write For Web
08 How To Write For WebMaryrose Lyons
 
Deltaplan - SEO Search
Deltaplan - SEO SearchDeltaplan - SEO Search
Deltaplan - SEO SearchRoy Huiskes
 
Design.doc
Design.docDesign.doc
Design.docbutest
 
Thriving in a Mobile Driven World
Thriving in a Mobile Driven WorldThriving in a Mobile Driven World
Thriving in a Mobile Driven Worldprnewswire
 
What is Accessibility and Why Does it Matter to Netflix?
What is Accessibility and Why Does it Matter to Netflix?What is Accessibility and Why Does it Matter to Netflix?
What is Accessibility and Why Does it Matter to Netflix?3Play Media
 

Similaire à Week 5 Editing For Web (20)

Six tips for cross-cultural UX
Six tips for cross-cultural UXSix tips for cross-cultural UX
Six tips for cross-cultural UX
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Adding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignAdding Curb Appeal: Website Redesign
Adding Curb Appeal: Website Redesign
 
Writing for web class2
Writing for web class2Writing for web class2
Writing for web class2
 
Week 8 - Interactive News Editing and Producing
Week 8 - Interactive News Editing and ProducingWeek 8 - Interactive News Editing and Producing
Week 8 - Interactive News Editing and Producing
 
Designing usable forms
Designing usable formsDesigning usable forms
Designing usable forms
 
Making social media work, building on line community
Making social media work, building on line communityMaking social media work, building on line community
Making social media work, building on line community
 
Top10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersTop10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for Bloggers
 
Wait what? How to Enhance your Responsive Process with Content Questions
Wait what? How to Enhance your Responsive Process with Content QuestionsWait what? How to Enhance your Responsive Process with Content Questions
Wait what? How to Enhance your Responsive Process with Content Questions
 
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...
 
Publishing 102 11 18
Publishing 102  11 18Publishing 102  11 18
Publishing 102 11 18
 
best-of-smashing-magazine.pdf
best-of-smashing-magazine.pdfbest-of-smashing-magazine.pdf
best-of-smashing-magazine.pdf
 
Internal Com Intranet Writing For The Web S Barratt
Internal Com Intranet Writing For The Web S BarrattInternal Com Intranet Writing For The Web S Barratt
Internal Com Intranet Writing For The Web S Barratt
 
08 How To Write For Web
08 How To Write For Web08 How To Write For Web
08 How To Write For Web
 
Deltaplan - SEO Search
Deltaplan - SEO SearchDeltaplan - SEO Search
Deltaplan - SEO Search
 
Design.doc
Design.docDesign.doc
Design.doc
 
Thriving in a Mobile Driven World
Thriving in a Mobile Driven WorldThriving in a Mobile Driven World
Thriving in a Mobile Driven World
 
COMMUNICATION
COMMUNICATIONCOMMUNICATION
COMMUNICATION
 
What is Accessibility and Why Does it Matter to Netflix?
What is Accessibility and Why Does it Matter to Netflix?What is Accessibility and Why Does it Matter to Netflix?
What is Accessibility and Why Does it Matter to Netflix?
 

Dernier

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 

Dernier (20)

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 

Week 5 Editing For Web

  • 2. The Narrative Web • What are the components which go towards creating the narrative web? • Whose story are you telling? Your company, yourself, your product? • How can a website engage its audience/community and tell "our" story? ie The Age "If it matters to you it matters to us" • What story does www.crikey.com.au tell?  Tagline: Telling you what they won't  Free mode/member login  "Comments, corrections, clarifications and c*ckups"
  • 3. Style • American versus British/Australian English  Spelling: color vs. colour, behavior vs. behaviour, theater vs. theatre.  Terminology: truck vs. lorry, cart vs. trolley, two weeks vs. a fortnight.  Concepts: what is football anyway — American football, soccer, or (for the truly brave) Aussie rules?  Slang: do you call this sport "footie"?  Abbreviations: do readers know that PA=Pennsylvania? Not if they're outside the U.S. • http://www.useit.com/alertbox/american-british-english.html
  • 4. Web editing 101 • Longform versus shortform o Jakob Neilson's Alertbox (usability blog) o http://www.useit.com/alertbox/content-strategy.html  Reading benefits vary, depending on user circumstances.  Most of the time, short articles contain more value per word.  People sometimes gain higher value from complete or very detailed information about a problem.  If you want many readers, focus on short and scannable content. This is a good strategy for advertising-driven sites or sites that sell impulse buys.  If you want people who really need a solution, focus on comprehensive coverage. This is a good strategy if you sell highly targeted solutions to complicated problems.
  • 5.   • But the very best content strategy is one that mirrors the users' mixed diet. There's no reason to limit yourself to  only one content type. It's possible to have short overviews  for the majority of users and to supplement them with in- depth coverage and white papers for those few users who  need to know more. Hypertext to the Rescue... • On the Web, you can offer both short and long treatments  within a single hyperspace. Start with overviews and short,  simplified pages. Then link to long, in-depth coverage on  other pages. • With this approach, you can serve both types of users (or 
  • 6. Writing for web versus writing for print • Compare the print edition of today's Age with theage.com.au  and make a list of differences you spot. • Jakob Neilson's Alertbox - Writing style for print versus web • http://www.useit.com/alertbox/print-vs-online-content.html o On the Web, users are engaged and want to go places and get things done. The Web is anactive medium. o While watching TV, viewers want to be entertained. They are in relaxation mode and vegging out; they don't want to make choices. TV is a passive medium.
  • 7. How little do users read? • http://www.useit.com/alertbox/percent-text-read.html • "On the average Web page, users have time to read at most 28% of the words during an average visit; 20% is more likely." • Obviously, users tend to spend more time on pages with more information. However, the best-fit formula tells us that they spend only 4.4 seconds more for each additional 100 words. • Top most used features on the web: 1.Clicking hypertext links • Clicking buttons on the page (ie applications and feature- rich Web pages that require users to click page buttons to  access their functionality) • The "Back" button
  • 8. The fickle web reader • http://www.useit.com/alertbox/print-vs-online-content.html • NYT headline: "Coping With the Tall Traveler's Curse" • Why is this a bad headline for web: o no "information carrying content" in first three words -  readers often scan and won't even get to the end of the  headline if it doesn't grab their attention o SEO friendly headlines - what search terms would  someone type into a search engine to find your article?  eg keywords o headline not specific enough to sell the story (in print  version, there was a photo of a tall, cramped traveller to  explain it)
  • 9. Eye-tracking • Web readers don't read from start to finish. They jump around, and skim read o Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F's top bar. o Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F's lower bar. o Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly slow and systematic scan that appears as a solid stripe on an eyetracking heatmap. Other times users move faster, creating a spottier heatmap. This last element forms the F's stem. Source: Nielsen "F-Shaped Pattern for Reading Web Content" http://www.useit.com/alertbox/reading_pattern.html
  • 10.
  • 11. Write and edit for the scanning reader o subheads o bulleted lists o highlighted keywords o short paragraphs o the inverted pyramid o a simple writing style, and o de-fluffed language devoid of marketese. (Source: Nielsen's Top 10 mistakes in web design) http://www.useit.com/alertbox/9605.html
  • 12. The selective web reader • Web readers quickly learn to ignore advertising elements, or content which resembles advertising o banner blindness o animation avoidance o popup purges o ad blockers (Source: Neilsen Top 10 Mistakes in Web Design http://www.useit.com/alertbox/9605.html • Eyetracking studies show that readers skip around the page and habitually only skim
  • 13. Quality links • The importance of permanence o http://journalism.nyu.edu/pubzone/weblogs/pressthink/20 05/01/07/wldm_perm.html
  • 14. When long form features work... • Click through multiple pages of a feature - means each page isn't an overwhelming slab of text, and you can check analytics to see how many people read to the last page. • Using design & layout to make a longer form piece enticing to read - eg http://www.salon.com/news/feature/2009/03/30/eshelman / o What tricks do they use to make it easy to read?