Writing for the web. Aims By the end of this workshop you should be able to say- why reading on screen is more difficult than on paper produce text for.

Slides:



Advertisements
Similar presentations
Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
Advertisements

Writing a press release Aims of the session Is it really news? Essential components of a press release Writing a press release Sending a press release.
Basics (and musts) of web design: integration of plain language, usability, and information architecture Lisbon | October 13, 2010.
Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
Road Safety Council of Northern Ireland Barry Griffin – Executive Officer.
(Modern Language Association)
Understanding editorial and print design. what is print media? Communications delivered via paper or canvas. Print media is a process for reproducing.
Maintaining a Website April Old vs New – Maintained with Dreamweaver/Contribute – Style is fixed by template (header, left menu,
Offered by the Center for Teaching and Learning 1.
AuthorAID Workshop on Proposal Writing Rwanda June 2011.
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
Writing for the web Web Authors Group Meeting 20 November 2003.
USING THE WEB FOR MARKETING. Why the web is important Know your audience Tasks and links Creating great content Search engine optimisation How the Computer.
Connie Padilla - New Mexico State University Writing for the Web Increase usability of your site by writing and formatting for the web.
July 1998Thane Terrill Using the Web Thane B. Terrill Summer 1998.
Educator Websites Friend or Foe? Presented by Jeff Gullion Instructor, Information Technology Des Moines Area Community College IBEA Conference October.
A cluey freelance copywriters presentation © Copyright Cluey Consulting
Academic Writing Workshop
Writing for the web Jo Spiller & Ross Ward Learning Technology Section College of Medicine and Veterinary Medicine University of Edinburgh.
Writing and Organizing Content for the Web Karen Fisher Student Affairs Technology Services November 2012
PowerPoint Presentation Guidelines
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
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.
Notes to Teachers 1.Northstar digital literacy assessment or an alternate assessment should be done at the start of each new unit. To access the assessments,
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
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.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
 #1 cause of work related fatalities.  This includes truck drivers and others who drive full time for a living as well as highway workers and others.
Press Association Websites The job of a website is to house information and make it easily accessible.
TECM 3200 Writing for the Web Dr. Lam. Some fundamental differences First, what do you think some fundamental differences between writing for the web.
Web awareness and web writing March Course content what you need to know about online content what is good content? planning your content how to.
Website Publishing Guidelines How to write website content to optimise traffic.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Design  Good design is good because of its fitness to a particular user fitness to a particular task  In general, you are not your user!  Our class.
Title of This Poster: Font Arial, 96 pt References Conclusions Name of Presenter Universtiy of Texas at Dallas address You can type over this text.
Writing for the Web Research on how users read on the Web and how authors should write their Web pages.
PowerPoint Presentation Tips & Recommendations. Insert Your Presentation Title Here Insert Presenter(s) Name(s), CPP? Insert Your Title Here Insert Your.
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.
Writing for the Web Megan McDermott Web Redesign Bootcamp November 19, 2010.
Effective Web Writing April Overview - Why Content Matters - Reading Online vs Print - Best Practices with Web Writing - Content Plan/Schedule.
Lesson 8. Test 1 Topics Browser incompatibility Design Tips Site Navigation Browser- safe color Monitor resolution Content Copyright Use of tables vs.
Coatbridge High School 10 Commandments For Good Design Layouts.
The Word on Word The Basics of Microsoft Word. When do I use Word and when do I use PowerPoint? PowerPoint Word LettersEssays InvitationsReports Recipes.
Writing for the Web – Spring 2004 “Good writing…must capture the reader immediately and force him to keep reading.” - William Zinsser, On Writing Well.
Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.
TITLE IN CAPS Type sub-title here – this can be the date of the presentation, the presenter’s name or a longer explanation of the presentation subject.
Principles of effective web design NOTES Flo Morris-Duffin.
Planning Regular words Keep it short Get active Proofreading Hidden verbs Presentation Assessments Clear English Proofreading Tips.
Written Presentations of Technical Subject Writing Guide vs. Term paper Writing style: specifics Editing Refereeing.
Online Journalism – Multimedia Package Writing Professor Neil Foote, University of North Texas.
Killer Web Content’s “Six C’s”. People read differently on the web  If it’s not obvious, they don’t see it.  Bring meaning down to the bare essentials.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Description To convince the audience events and experiences Narration appearance and feelings processes and relationships Exposition are interesting and.
PAMPHLET. Pamphlet  A pamphlet is an unbound booklet (that is, without a hard cover or binding).booklethard coverbinding  It may consist of a single.
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.
Web coordinator workshop. Introduction Meet and greet –Who are you and what was the last website you visited? Comms team – here for support + our role.
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
Thinking Web > CONTENT DEVELOPMENT
Writing for the Web Monday 22 June 2010 Presenter: Jon Matthias
Content Best Practices
Writing for the Web.
Corporate Web Development Training:
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Writing for online/mobile
Arleen Williams ESL 3 Academic
Writing for Communication on the Web
Inspired by the Center for Teaching and Learning
Presentation transcript:

Writing for the web

Aims By the end of this workshop you should be able to say- why reading on screen is more difficult than on paper produce text for the screen that is easy and interesting to read

What’s different about reading on the web? Reading conditions not as good as the printed page : screen flicker - causing eye strain lower resolution - less text can be seen monitors aren’t as portable or flexible as paper – can’t read sitting on the sofa or on the tube. text in a book is 277 times sharper

What’s different about reading on the web? This means users – read 25% slower than in print scan text rather than read from beginning to end (79% of web users scan pages) have short attention spans easily become impatient if they can’t find what they are looking for.

So what do you need to do? Plan - What are you hoping to achieve? Style - conversational Help them scan Check your words Paragraphs Be concise - every word has to fight for it’s life Always aim for the message to be understood without word for word reading

Be concise “Get rid of half the words on each page, then get rid of half of what’s left.” Most important information at the top. Avoid scrolling Use contractions

Avoid unnecessary content Most web users won’t bother reading 'welcome' messages like : “ Welcome to this great new area of the web site. These fascinating pages are designed to show you all the really interesting and important work that Friends of the Earth local groups are doing all around England, Wales and Northern Ireland (and also the Channel Islands and Isle of Man)”

Size matters Words Don’t use words over 10 letters long. Avoid using more than one long word in any sentence.

Size matters Sentences Try to have no more than 20 words in one sentence. Don’t let a sentence run over 2 lines. Try to vary sentence length.

Size matters Paragraphs Try to vary paragraph length. Avoid having more than 3 sentences in any one paragraph. Never have more than 30 or 40 words in one paragraph. Use one idea per paragraph

Other useful tips

Lists

Headings Bad headlines Prince Charles launches International Sustainability Unit Marine Programme report into sustainable fishing From tomorrow, high pressure and freezing conditions will return to Britain According to research, two-thirds of environmentalists think Chris Huhne has done his job well Lib Dem minister Ed Davey named the new energy and climate change secretary Better headlines Royal approval for sustainable fish Temperatures set to plunge again Chris Huhne: most greens ‘ think he has done well ’ Ed Davey is new energy secretary

Images Bad images

Better images

Numbers Use % not percent. Use numbers instead of words e.g. 10% Don’t use numbers if you don’t have to e.g. use half instead of 50% )

Avoid jargon Explain acronyms Avoid puns Search Engine Optimization Useful tips

Links doesn’t work with screen readers helps scanning don’t need to tell people what to do

Links So instead of : To find out more about the Final Demand campaign, click here,click here Find out more about the Final Demand campaign or even just More about the Final Demand campaign

Bolding Use to help scanning Don’t overuse

Italics, underlining and CAPITALS Italic is difficult to read on screen. CAPITALS MAKE IT LOOK LIKE YOU’RE SHOUTING. Underlining is confusing

Example During the last five years it has been revealed through surveys that the number of Americans killed annually in car accidents has climbed to more than 55,000. This needless slaughter on streets and highways can be attributed to three general causes. Mechanical failures, especially those related to faulty brakes and bald tyres, account for a significant number of fatal accidents. Environmental conditions such as blind corners, narrow streets, heavy fog, intermittent rain or snow resulting in slippery roads also contribute to the grisly accident statistics. But without doubt the most frequently reported factors in car accidents are errors of human judgement ‑ all the way from such follies as excessive speed and drunken driving to such momentary lapses as failure to signal a turn or a change from one lane to another. The man behind the wheel is often his own worst enemy.

Rise in road deaths Over 55,000 Americans are killed in car accidents each year, according to surveys carried out in the last five years. The main cause is error of judgement ‑ from excessive speed and drunken driving to failure to signal. Other causes are Mechanical failure ‑ especially faulty brakes and bald tyres Environmental conditions ‑ blind corners, narrow streets, heavy fog and slippery roads Example