Writing for the Web Research on how users read on the Web and how authors should write their Web pages.

Slides:



Advertisements
Similar presentations
+ Web Copy That Sells: The Revolutionary Formula for Creating Killer Copy Every Time By: Maria Veloso Presented by Daniel Bright.
Advertisements

Communicative Writing Week 8 MMC120 Instructed by Hillarie Zimmermann MMC120 Instructed by Hillarie Zimmermann.
Communicative Writing Week 8 MMC120 Instructed by Hillarie Zimmermann MMC120 Instructed by Hillarie Zimmermann.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
Understanding editorial and print design. what is print media? Communications delivered via paper or canvas. Print media is a process for reproducing.
Writing for online …communicating information effectively on-screen. Professional Development Workshop 2011 Louise Housden – WestOne Services.
Copyright Writing for the web A word to the wise web designer.
Internal information 1 EPi/Policy training UK September 12, 2008.
Writing for the Web HOW TO WRITE FOR THE WEB. Writing for the Web Characteristics of Web Writing People rarely read Web pages word by word; instead, they.
Writing for the web Web Authors Group Meeting 20 November 2003.
Writing for the Web. User Behavior Only 16% of people read web content word for word.
Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.
Ten Guidelines for Improving Online Communications.
Connie Padilla - New Mexico State University Writing for the Web Increase usability of your site by writing and formatting for the web.
1 Dr. Xiao Qin Auburn University Spring, 2011 COMP 7370 Advanced Computer and Network Security Homework.
Web Printing Continue on Web Usability It is a good idea that web sites can provide a printing version and browsing version for the same document.
The Web Design Environment MSIT 578. Web Design Considerations Part I Screen Resolution Download times Visual Structures –Use of white space –Guiding.
Center for Parent Information & Resources Thanks for joining us today. We’re glad you’re here. Writing for the Web.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Writing for the web Jo Spiller & Ross Ward Learning Technology Section College of Medicine and Veterinary Medicine University of Edinburgh.
CC1H01N1 – Study Skills for Computing/Multimedia Week 2 – Tutorial – Blog Writing.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
Writing for the World Wide Web Differences between Printed Essays and Web Pages Size and diversity of the potential audience Possibilities of hypertext.
CSI-553 Internet Information Presented by: Ignacio Castro June 28, 2006 Internet Usability.
Online Journalism  The Writing Process  Getting Organized  Online Story Structure.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
V How to write for the web Russell Warfield, Sustainability Communications Coordinator Friday 29 November.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
Studying and Learning By: Lexi Kadel. What is Critical Thinking Critical thinking is being able to read, evaluate the information, and apply it. Critical.
Information Resource Design ”How to make a web page scannable” Check out this webpage: Read the summary,
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
TECM 3200 Writing for the Web Dr. Lam. Some fundamental differences First, what do you think some fundamental differences between writing for the web.
Messages and Web Writing
CREATING AND SHAPING Web Page Design Chapter 2. Text Matters  Even though when thinking about building Web pages people think of design first, the heart.
Writing for the Web A short tutorial David Rashty, Isaac Waisberg.
Writing Tips for the Web. Tips for Writing for the Web Write for your audience, not your department. Folks come to your pages to find information. Give.
Effective Web Writing April Overview - Why Content Matters - Reading Online vs Print - Best Practices with Web Writing - Content Plan/Schedule.
Chapter 12.  Web/Online  When preparing news for web consider… ▪ Announce the news as soon as possible ▪ Update in increments ▪ Tell when there is more.
Step 6 Headings And Paragraphs. Background You found a really good web page, with lots of information. But where to begin? There sure is, let’s see how.
Writing for the Web. How do people read online? They don’t. -Jakob Nielsen (1997)
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)
Text Features Information for this presentation is taken from the following source: Reader’s Handbook, A Student Guide to Reading and Learning by Great.
Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell
1 Designing Web Usability: Writing for the Web (see
F-Shaped Pattern For Reading Web Content by JAKOB NIELSEN, 2006.
Writing for the Web The mechanics of writing a winning website Presented by: Amy Painter, Communications Specialist, National Sea Grant College Program.
Online Journalism – Multimedia Package Writing Professor Neil Foote, University of North Texas.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
YOUTH & FAMILIES AGRICULTUREHEALTHECONOMYENVIRONMENTENERGY COMMUNITIES Design with User in Mind.
TECM 4180 Dr. Lam.  What a knowledge base is…  How to conduct interviews…  The difference between data, information, and knowledge…  What information.
Text Features: What You Should Know About Texts. Human beings have important elements in their bodies such as a heart, lungs, blood vessels, and a brain.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
WELCOME! Communication Camp NDSU Agriculture Communication WiFi Connect to NDSU Limited Open browser Enter Full name Password is 7n7K4X6g.
Taking Reading Notes How to Record and Remember Textbook Information.
HOW TO READ TO INCREASE UNDERSTANDING, VOCABULARY, AND NOTE TAKING SKILL.
Writing for the Web. Fly-By Readers Know Your Audience  Who are you writing for?  What are their needs?  What do you want them to experience?
Section 6.1 Section 6.2 Write Web text Use a mission statement
Comm Professor Roberts
FOCUS: IDEAS, ORGANIZATION
Writing for the Web.
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Writing for online/mobile
Writing for Communication on the Web
ICT Communications Lesson 4: Creating Content for the Web
Technology continues to change the way we work and the way we write
Usable Content.
The Writing Process Getting Organized Online Story Structure
Presentation transcript:

Writing for the Web Research on how users read on the Web and how authors should write their Web pages.

I. How Users Read on the Web They don't. People rarely read Web pages word by word; instead, they scan the page, picking out individual words and sentences. Research on how people read websites found that 79 percent of test users always scanned any new page they came across; only 16 percent read word-by- word.

I. How Users Read on the Web As a result, Web pages have to employ scannable text, using: highlighted keywords (hypertext links serve as one form of highlighting; typeface variations and color are others) meaningful 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 few words in the paragraph) the inverted pyramid style, starting with the conclusion half the word count (or less) than conventional writing

I. How Users Read on the Web Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.

I. How Users Read on the Web Implications of the F Pattern The F pattern's implications for Web design are clear and show the importance of following the guidelines for writing for the Web instead of repurposing print content: Users won't read your text thoroughly in a word-by- word manner. Exhaustive reading is rare. Yes, some people will read more, but most won't. The first two paragraphs must state the most important information. There's some hope that users will actually read this material, though they'll probably read more of the first paragraph than the second. Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior. They'll read the third word on a line much less often than the first two words.

I. How Users Read on the Web Teens like cool-looking graphics and that they pay more attention to a website's visual appearance than adult users do. Still, the sites teen users rated the highest for subjective satisfaction were sites with a relatively modest, clean design. They typically marked down overly glitzy sites as too difficult to use. Teenagers like to do stuff on the Web, and dislike sites that are slow or that look fancy but behave clumsily.

I. How Users Read on the Web What's good? The following interactive features all worked well because they let teens do things rather than simply sit and read: Online quizzes Forms for providing feedback or asking questions Online voting Games Features for sharing pictures or stories Message boards Forums for offering and receiving advice Features for creating a website or otherwise adding content

II. Inverted Pyramids in Cyberspace Start with the conclusion. Start the article by telling the reader the conclusion ("After long debate, the Assembly voted to increase state taxes by 10 percent"), follow by the most important supporting information, and end by giving the background. This style is known as the inverted pyramid for the simple reason that it turns the traditional pyramid style around. Inverted-pyramid writing is useful because readers can stop at any time and will still get the most important parts of the article.

II. Inverted Pyramids in Cyberspace The Lead Sentence Start quickly with the news (“Traffic is smothering the campus”), follow it with attribution (“the principal”), give the verb (“said”), And time element (“Tuesday.”). Traffic is smothering the campus the principal said Tuesday.

III. Passive vs. Active Voice Active voice is best for most Web content,When structuring a sentence, active voice ("Actor does X to Object") is usually better than passive voice ("Object has X done to it by Actor") because it more directly represents the action. As a result, readers don't have to jump through as many cognitive hoops when trying to understand what's going on.

IV. Summary Summarize first. Put the main points of your document in the first paragraph, so that readers scanning your pages will not miss your point. Be concise. Use lists rather than paragraphs, but only when your prose lends itself to such treatment. Readers can pick out information more easily from a list than from within a paragraph. Write for scanning. Most Web readers scan pages for relevant materials rather than reading through a document word by word. Guide the reader by highlighting the salient points in your document using headings, lists, and typographical emphasis.