Web awareness and web writing March 2013. Course content what you need to know about online content what is good content? planning your content how to.

Slides:



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

Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
Presentation Title Goes Here and Should Not Be Longer Than Two Lines Presenter Name Presenter Title.
NSU Web Services Website Guidelines & Creating Accessible Website Content.
Internal information 1 EPi/Policy training UK September 12, 2008.
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
OCR Functional Skills Leaflets How should it be folded Roll fold Concertina fold Open gate fold Closed Gate fold Simple Folds.
Web Accessibility Web Services Office of Communications.
Writing for the web Web Authors Group Meeting 20 November 2003.
Copyright © 2003 by The McGraw-Hill Companies, Inc. All rights reserved. Business and Administrative Communication SIXTH EDITION.
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
CSE1204 – Information Systems 1 Communication and documentation: Oral communication Presentations.
A Beginners Guide to Web Site Design. What we will cover…. Planning your site. Creating a template. Images and Fonts. Absolute vs. Relative Links.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Writing for the web Jo Spiller & Ross Ward Learning Technology Section College of Medicine and Veterinary Medicine University of Edinburgh.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
Business Memo purpose of writer needs of reader Memos solve problems
Electronic Communication and Web Accessibility Workshop.
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.
Designing for the Web 7 Useful Design Principles.
© 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.
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials Screens: Presentation skills Suitable for: Improver Advanced.
English Paper One. In the exam you will be asked to read a text and write about the layout, presentation and the language used – you will do well if you.
Administrative Policy Writing Spring Administrative Policy Writing Spring 2011 Introduction This week we are discussing a type of public-policy.
PassMeritDistinction Candidates will collect and display examples of: navigation buttons navigation bar advertising banner from at least two different.
Web awareness and writing October Your website isn’t written for you, it’s for your visitors.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Website Publishing Guidelines How to write website content to optimise traffic.
By Deo ODIE INTRO TO PRESS PACK. Outline By the end of this session, the participant should be able to; a.Identify an appropriate tool for use when need.
CC Presentation Guidelines. Introduction Communicate thoughts and ideas effectively using various tools and media Presentation skills important.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
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.
Easy steps to a better Web site Tracy McMurphy Agricultural Communications Services Oklahoma State University.
Effective Web Writing April Overview - Why Content Matters - Reading Online vs Print - Best Practices with Web Writing - Content Plan/Schedule.
What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.
LESSONS 8 & 9 CURRICULUM VITAE. LEARNING OUTCOMES By the end of session you will be able to: Understand the purpose of the CV within the selection process.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Cover Letter YOUTH CENTRAL – Cover Letters & Templates
CMS Essentials January 2013 v CMS Essentials: Course outline Brief recap of the Web Awareness and Writing course with ongoing references to: University.
REPORT Valentina Widya.S.
Preparing for the Content Management System Ronna Johnston Web Content Best Practices 10/26/2015.
Planning to Write an Accessible Online Course. CHRISTINE SCHERER Content Editor KRISTINA WILSON Learning Designer
Developing Website Content Project Process Content Strategy and Management Writing for the Web Tips and Tricks Discussion Items.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Preparing a Scientific Poster for Presentation
STANFORD UNIVERSITY INFORMATION TECHNOLOGY SERVICES A Book Review of Letting Go of the Words by Janice (Ginny Reddish) DDD Self –Directed Time January.
HTML5 SEMANTICS TO OR NOT TO THAT IS THE QUESTION BY WILLIAM MURRAY.
Online Copywriting eMarketing: The Essential Guide to Online Marketing
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.
Study Support Session Oral Presentations. Identifying the Purpose  What are you hoping to achieve: to inform, train, persuade or demonstrate?  Are you.
WELCOME! Communication Camp NDSU Agriculture Communication WiFi Connect to NDSU Limited Open browser Enter Full name Password is 7n7K4X6g.
Selecting and Using Information in Projects. Research Steps Choose your topic List what you already know Keywords Select your sources Research Questions.
Thinking Web > CONTENT DEVELOPMENT
Creating Website Content CS Programming Languages for Web Applications
Web section best practice checklist for departments
Digital Writing Types of web copy.
Corporate Web Development Training:
How to Become an Expert on Any Topic!
Corporate Web Development Training:
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Easy-to-Read: access to information, effective communication
ICT Communications Lesson 4: Creating Content for the Web
Writing an Engineering Report (Formal Reports)
Creating Website Content CS Programming Languages for Web Applications
Creating Website Content CS Programming Languages for Web Applications
Pulse Virtual Training
Presentation transcript:

Web awareness and web writing March 2013

Course content what you need to know about online content what is good content? planning your content how to write for the reader tone of voice using the Inverted Pyramid web standards good page layout use meaningful headings make lists link text images being aware of the legal bits what’s next?

It’s the web you don’t know who the user is …or what they will see well authored content will be accessible to everyone, always, everywhere. You shouldn’t assume anything about your reader or what they will be using – but you can guarantee their access to your content by respecting web standards.

What you need to know about online content reading from the screen is slower than from the page web readers tire quickly people will read and understand more of short, simple texts your readers may not be native speakers most users don’t read, they just scan text. Eye tracking results produce mainly an ‘F’ or ‘E’ pattern on the web page.

What is good content? Exercise 1: Imagine you are a prospective student trying to find and apply for student accommodation. Take a look at some of these sites and note down what you think are examples of good and bad content. 1.Abertay Dundee: 2.Warwick: 3.Edinburgh: 4.UCL: 5.York: Good content effectively communicates its intended message to its intended audience.

Planning your content Who are you writing for? do you have more than one group of readers? how old are they? what do they do? where do they live? what device might they be using? What do you know about their characteristics, behaviours and attitudes?

Planning your content Why are you writing? to encourage people to act, think or feel? to enable people? How can we engage? share stories pass on information share facts

What is the purpose of your site? Exercise 2: Find the web pages you will be editing or think about the site you want to create and write down: Who is your audience? What do you think they want to do? What do you want them to do? How do you think you could engage with your audience? How do you think you could improve your pages?

How to write for the reader Clear and concise: to the point avoiding jargon and acronyms Short: one brief, memorable sentence Active: make every sentence active Positive: talk about what can be done, not what can’t be done Specific: address a particular challenge or issue Credible: use facts and examples to back up your message Organise content around users needs, not your convenience. Always focus on what your reader needs to know – not what you want to tell them.

Active/passive voice 1.“Books may be borrowed from the library.” 2. “It is recommended that...” Plain English “…subsequent approval of which will be a pre-requisite to the raising of any internal order mechanism.” “You can borrow books from the library.” “We recommend that...” “You will need approval before we can raise an internal order.” How to write for the reader

Tone of voice Our tone aims to be: clear and concise honest and open friendly and professional personal and direct Self-references try to avoid using ‘the University of Bath’ or ‘the University’ use ‘we’ and ‘our’ instead ‘Bath’ should not be used (unless talking about the city!)

Using the Inverted Pyramid What does it do? turns the traditional paragraph upside down begins with the topic sentence which summarises the facts used in journalistic writing Why use it? the most important information is more likely to get read!

Why are these important? Having web standards means working towards a unified look and feel across the external website: to position the University and to produce high quality, audience-focused web content What do they contain? Visual Identity: layout on web pages for videos, photos, quotes, tables and how to use the header and footer, tone of voice and more. Web Standards: web writing, headings, images, linking, file and folder names, calls to action and more. go.bath.ac.uk/visid go.bath.ac.uk/webstandards Creating standards

Good page layout Page header Vital text Call to action Section header Image Important text 6 Page header summarises vital text Vital text: ‘must have’ info, one idea… Call to action: ‘apply’, ‘buy now’,’ Section header: readable, clear Bulleted list: more ‘must have’ info Important info: short, relevant, one idea… White space: to rest the eye Image placement: supporting, apparent Inverted pyramid: ‘conclusion’ first Least important Call to action 3

Using meaningful headings What should you know? headings let users see what’s available at a glance they also allow screen readers to detect structure search engines also read your headings What should you do? use headings generously make your headings outline your structure keep them simple and descriptive use meaningful page titles too use sentence case

Make lists Because: lists are easy to read users can quickly identify items in a list browsers and screen readers help users with lists lists make things easier for you

How to use lists If the sentence before the bullets ends with a colon (like this one): start each point with a lower case letter don’t punctuate at the end of each line finish the last one with a full stop. If the bullets are a self-contained list (ie there’s no sentence ending in a colon before them) do them like this. Capital letter at the start of each one. And a full stop at the end of each one. If your bullet points are all questions, ignore the above and start them with caps (even if you’ve got a colon). Because otherwise it looks a bit weird.

Link text What you need to know: users rely on informative link text search engines do too link text is really important for users of non-visual browsers What you should do: write link text which makes sense on its own make link text long enough to click easily never use ‘here’ or ‘click here’ use action phrases for action links e.g. Order a prospectus rather than prospectusOrder a prospectus prospectus

Link text Exercise 3: Try rewriting these examples of bad link text: Click here to download SafariClick here Visit our website to learn about our researchVisit our website For information about the medical centre click here.click here Click here to order nowClick here Tell me more about Web DesignTell me more Download a brochure herehere

Images images should always be appropriate for the content of the page they should be supporting not distracting look at the visual identity for photography guidelinesphotography guidelines always use alt text Alt text we provide alt text as an alternative to the image say in words what the image says in pictures don’t describe the image, say what it shows Photography guidelines:

The legal bits… Copyright for example, don’t use photographic content without consent or paying for it Advertising standards we should always be legal, honest, decent and truthful Equality Act (2010) use inclusive language (according to race, religion, culture, gender, age, disability and so on) don’t create a two tier level of provision that discriminates. Freedom of Information (FOI) the publication scheme and right of access request Data Protection and Privacy Statement always gain consent to use personal information. For example, using a model release form, permission to use names and addresses Disclaimer

What’s next? Editing in the CMS (essentials) training Course covers: using web awareness and web writing principles using the CMS to make simple page changes creating links to pages pasting content from another source adding contact details from Person Finder

Questions and general discussion Do you have any questions? Thinking about your website/pages – How do you think you could improve them now? Are there any issues you’d like advice on? How could you use the tools we’ve discussed?