Offered by the Center for Teaching and Learning 1.

Slides:



Advertisements
Similar presentations
Reviewed by: Mandy Parsons.  High quality content  Easy navigation  Planning, selecting, organizing, writing, illustrating, reviewing, and testing.
Advertisements

January 14, Introducing RedDot Allows you to edit pages in the system. Provides greater flexibility and control over your content. Allows the reuse.
Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
Understanding editorial and print design. what is print media? Communications delivered via paper or canvas. Print media is a process for reproducing.
Starting and Customizing a PowerPoint Slide Show
Writing Content for the Internet The Art & Science of Internet Communication.
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.
McGraw-Hill/Irwin © 2009 The McGraw-Hill Companies, All Rights Reserved.
Writing for the web Web Authors Group Meeting 20 November 2003.
Skills: short document writing technique, tips Concepts: types of Internet writing This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
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.
Spring PowerPoint Basics Why is it a good tool to use? Easier than 3 X 5 Note Cards Organized presentations are “heard” better.
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.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
PDFs & Dorsetforyou.com Laura Hall Senior Website Officer
© 2006 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice An FAQ on FAQs for Libraries Pamela.
Designing a Classroom Web Site Using NVU Beginning Level.
Overview Discusses the concepts of chunking and distilling for online content Examines how headlines, subheads and summaries can be effectively written.
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.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
© 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.
Good Web Design And other life skills…. “I can recognize good and poor web design.”
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.
Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.
TECM 3200 Writing for the Web Dr. Lam. Some fundamental differences First, what do you think some fundamental differences between writing for the web.
COMMON APPLICATION FUNCTIONS Presentation. Bullets  Symbols used to organize data into a list.  This  Is  An  Example  Of  A  Bullet  List.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
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.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Writing for the Web A short tutorial David Rashty, Isaac Waisberg.
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
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.
Revising your Paper. What is Revision? Revision literally means to “see again.” When you revise, you look at something from a fresh, critical perspective.
Amity School of Engineering and Technology Effective Written Communication Presentation on Web Based Writing By Aakriti Khanna Lakshya Mehta Meghna Sahay.
Desktop Publishing Design Tips and Guidelines. Effective Design Attractive and pleasing to look at and read Well-organized Self-explanatory Link between.
Principles of effective web design NOTES Flo Morris-Duffin.
The Writing Process Language Arts.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Notes: Animation (yes or no): Text/Audio Narration: Title: Scene Graphics (yes or no) : Audio (yes or no): Slide number: Skill or Concept:
Tools to Help you Write Effectively AGRICULTURAL COMMUNICATION IN ACTION.
Presentation Title Presentation Subtitle. 2 Slide Title to go here Subheading (first level text) Bullet 1 (second level text) –Bullet 2 Bullet 3 –Bullet.
TABLE OF CONTENTS 2014 BasmahAlQadheeb. What is a report? A report is a clearly structured document that presents information as clearly as possible.
Online Journalism – Multimedia Package Writing Professor Neil Foote, University of North Texas.
Web Site Development - Process of planning and creating a website.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Fast Ferry Template. 2 Slide Title to go here, can run over two lines if necessary Subheading (first level text) Bullet 1 (second level text) –Bullet.
STANFORD UNIVERSITY INFORMATION TECHNOLOGY SERVICES A Book Review of Letting Go of the Words by Janice (Ginny Reddish) DDD Self –Directed Time January.
Presenter’s name Date Animated Taxi Template. 2 2 Slide Title to go here Subheading (first level text)  Bullet 1 (second level text)  Bullet 2 –Bullet.
Human Computer Interaction: World Wide Web Rebecca W. Boren, Ph.D. Introduction to Human Factors & Ergonomics Engineering IEE 437/547 November 2, 2011.
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.
  Writing a Research Paper  Creating a Technological Presentation  Creating a Display Board  Writing a Test Guidelines for the Following.
SEM A - Promotion PI - Write website content.
Welcome to the Basic Microsoft Word Guide. Before you start this Guide, you will need to complete “Basic Computer”; “Basic Windows” and know how to type.
Thinking Web > CONTENT DEVELOPMENT
Web-design.
Year 7 E-Me Web design.
Writing for the Web.
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Writing for online/mobile
Final Website Plan You are to create a final website of your CHOICE ( after Frau’s approval, of course). Here is the time to show me all that you have.
Business Communication
ICT Communications Lesson 4: Creating Content for the Web
Inspired by the Center for Teaching and Learning
Information Systems 337 Prof. Harry Plantinga Usability.
Planning, Composing & Revising
Presentation transcript:

Offered by the Center for Teaching and Learning 1

 Users SCAN the web (79%)  Credibility is important  Users detest promotional writing style  Users read at most 28% of text (Source: Jakob Nielsen's UseIt.com)Jakob Nielsen's UseIt.com 2

 Purpose  Audience  Duration  Content 3

Write short Notice each section on the page at the right is very short. That’s good. 4

I really mean it. Write short Again, each section on the page to the right is very short. That’s very good. 5

Don’t clutter Too many people want to put way too much on a page, especially their home page. Here’s one that didn’t. A successful company: 6

7

“Chunking” -- another way of saying “writing short” Write small bits of succinct copy. Why? Because readers scan web copy. And because it takes longer to read words on a screen. 8

Chunk? Chunking. Now, this is a new word. How long should a chunk be? 1. Short. Succinct. (14 words per sentence maximum, according to American Press Institute) 2. One uninterrupted idea. 3. No transitions from one idea to the next. (Source: Shel Holtz in lecture at UIS, February 2008.) 9

Subheads… remember, readers will scan 10 This is part of the AARP home page… Notice the chunks and subheads on the left and on the bottom…

Subheads… How to write a clever headline 1. Read your headline out loud. 2. Get pumped up before you write 3. Get to the point. Keep it simple. 4. Write a bunch of headlines. 5. Examine your subject. 6. Write in one or two syllable words. (Source: By Declan Dunn, The ClickZ Network, Feb 22, 2002)The ClickZ Network 11

Links: Create links rather than more copy whenever possible Remember, readers will scan… The UIS home page is mostly hyperlinks. Easy to navigate. 12

Is longer copy EVER OK on the web? Yes. But usually not on the first page. Because readers scan web copy. Readers will go to long stuff if they really want it. It’s better to start with something short. Then create a link to the longer piece. That’s what newspapers and CNN do. You get to longer stuff with chunks and links and subheads. 13

 Home Page ◦ Subheads ◦ List of related links ◦ Possibly images  Other Pages ◦ Introductory topical paragraph (95% of readers read) ◦ List of related links ◦ LOTS of subheads ◦ Possibly images 14

 Style/Tone ◦ Use actions verbs ◦ Write to your readers – use “you” ◦ Write about your reader 15

 Organization ◦ Bullet and number lists  One or two lines  5-9 items per list ◦ Spacing  Space between paragraphs or sentences ◦ Use heading styles to separate subhead categories ◦ Use columns to separate navigation and main text 16

 Revise content with an eye for your audience and to keep content up to date  Edit for grammar and punctuation errors  Proofread for typos 17

Readers usually SCAN web copy. So… write… 1. Short: Write short -- short sentences, short paragraphs. 2. Chunks: Write in chunks. 4. Subheads: Use subheads, not transitional words. 5. Links: Use hyperlinks to provide more information. 6. Use subheads, chunks and links to direct someone to more details or longer pieces, first 7. Contrast home page versus other pages 8. Write to and about your reader using action verbs and “you” 9. Organize text using bullet and number lists, spacing, heading styles, and columns 10. Revise, edit, and proofread. 18

 Cluttering a page with too many words and long paragraphs.  Taking something you’ve written for print and just putting it onto a web site and calling that your good web site. Instead, use the principles above and rework your material for web readability.  Technical references – internet, world wide web, computers or servers, files, etc.  Underlining text that is not a hyperlink 19

 Images  Audio  Video  Charts  Graphs  Polls 20 …but always remember not to clutter or “turn off” your audience by too many design elements or text…especially LOUD, multi-colored, distracting designs.

1. Let’s look at the following bad website examples: ◦ ◦ ◦ ◦ ◦ 2. Let’s look at the following good website examples: ◦ ◦ ◦ 3. One your own, find a well-designed/written website and poorly designed/written website 21

 Re-write and format the following: ◦ In order to serve our customers as effectively as possible, we will begin to offer them several new options for settling claims starting January 1. One of these new options pertains to a choice of drive- up facilities, which will allow customers to pick the facility that is most convenient to their homes or jobs. Another one is a new short-form estimate. In the past, customers have asked for faster ways to settle claims. With these new options in place, we now have a better array of services to meet their needs. 22

Did your revision reformatting look like this? New customer claims options (as of 1/1): ◦ Drive-up facilities (convenience) ◦ Short-form estimate (faster claims settlement) 23

 Always brainstorm/pre-write  Remember the10 principles  Never conform to worst practices 24

Dunn, Declan See The ClickZ Network.The ClickZ Network Holtz, Shel Lecture at UIS. Also see A Shel of My Former Self.A Shel of My Former Self. MIT Libraries. See MIT's Guidelines for Writing for the Web.MIT's Guidelines for Writing for the Web. Nielson, Jakob. See UseIt.comSee UseIt.com Purdue University. Purdue's Web Writing TipsPurdue's Web Writing Tips Wojcicki, Ed Lecture at UIS for PAD