Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell

Slides:



Advertisements
Similar presentations
Usability Prepared by: The NYS Forum for Information Resource Management IT Accessibility Committee.
Advertisements

Communicative Writing Week 8 MMC120 Instructed by Hillarie Zimmermann MMC120 Instructed by Hillarie Zimmermann.
1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A
1 Today’s Goal: Web Design for Usability To become able to appreciate the role of usability in Web design To become able to identify some of the factors.
Tips for Developing Your PowerPoint Presentation The following recommendations are easy to implement and will help you communicate your content to Annual.
Be Brilliant with Student Loans Material Makeover: basics of effective design MASFAA Wednesday, November 19, 2003.
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.
Usability Information Systems 337 Prof. Harry Plantinga.
Ten Guidelines for Improving Online Communications.
The Use of Typography in Print and Electronically. [typography] “exists to honour content” Robert Bringhurst, The Elements of Typographical Style.
Connie Padilla - New Mexico State University Writing for the Web Increase usability of your site by writing and formatting for the web.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Typography Web Design Professor Frank. Characteristics of Type on the Web Magazine/book typography – 1200 dpi Computer screens – 85 ppi (maximum)
Writing and Organizing Content for the Web Karen Fisher Student Affairs Technology Services November 2012
Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Multimedia: Making it Work
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.
Guidelines for Preparing Slides Presentation title Speaker name, credentials.
TECM 3200 Writing for the Web Dr. Lam. Some fundamental differences First, what do you think some fundamental differences between writing for the web.
Tips for Developing Your PowerPoint Presentation The following recommendations are easy to implement and result in better communication of the educational.
Messages and Web Writing
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
Writing for the Web Research on how users read on the Web and how authors should write their Web pages.
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.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
Web Site Usability: Chapter 3 Billboard Design Summary Notes on Steve Krug Don’t Make Me Think New Riders, 2 nd Edition Ben Hunt Web 2.0 How to Design.
Effective Web Writing April Overview - Why Content Matters - Reading Online vs Print - Best Practices with Web Writing - Content Plan/Schedule.
Prioritizing Web Usability Nielsen and Loranger Chapter 7: Typography: Readability and Legibility Paul Ammann SWE 432 Design.
Document Design ENG 371 Lukowski. Things to Consider Think about your audience and their expectations – How will they read and use your document? – What.
6-1 © 2014 by McGraw-Hill Education. This is proprietary material solely for authorized instructor use. Not authorized for sale or distribution in any.
1Copyright © 2011 Pearson Education, Inc. Publishing as Prentice Hall. Giving Presentations Excerpted From Exploring Microsoft Office 2010 by Grauer, Mulbery.
Writing and Editing Online.  Discusses the concepts of chunking and distilling for online content  Examines how headlines, subheads and summaries can.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Web Site Design 15 Easy Steps to an Excellent Web Site.
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.
Presentation Basics Some guidelines for creating PowerPoint slide shows.
Web Usability A simple illustration. Example: WebVoyage Timeout Utility Lets an opac user know how much time is remaining in session (bottom bar) A pop-up.
The MLA Style: Formatting According to the Modern Language Association Guidelines.
Typography The Science of Text. Fonts Style of type How many fonts in a document? Conservative--one font Typical--two fonts Use a third for emphasis.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Developing Website Content Project Process Content Strategy and Management Writing for the Web Tips and Tricks Discussion Items.
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.
By Mr. Free. My slide show will provide helpful information about creating an effective PowerPoint presentation. My slide show will present six areas.
Content Usability A presentation on creating usable content for the online environment. By John Stubbe.
STANFORD UNIVERSITY INFORMATION TECHNOLOGY SERVICES A Book Review of Letting Go of the Words by Janice (Ginny Reddish) DDD Self –Directed Time January.
Accessible Information Viki Galt, Disability Information Officer University of Edinburgh.
Louisa Lambregts, Learning and Teaching Services Tips for Making Web and Learning Materials Impactful Don’t Make Me Read! Creating Web Content With Impact.
Readability and Legibility
Writing for the Web Upsorn Praphamontripong CS
Presentation Title Presenter name, Associates and Collaborators Extreme Science and Engineering Discovery Environment Introduction   This editable template.
Chapter 7 Text.
Design and Implementation of Software for the Web
Writing for the Web.
Title Author(s) Full Affiliation Details & Id
Developing the web.
Writing for online/mobile
Committee / Presenter Info
Usable Content.
Template for a 32”x 40” poster (title goes here)
Information Systems 337 Prof. Harry Plantinga Usability.
Template for a 32”x 40” poster (title goes here)
Head of Quality Assurance and Practice Improvement
Designing with Accessibility in Mind
TECHNICAL REPORTS WRITING
Presentation transcript:

Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell

“The words on a website are the most important single element on the site because the content is the reason users are visiting the site in the first place.” Jakob Nielsen Web Usability Guru

Online vs. Print

Source: Nielsen Norman Group: People read 25% slower online Users skip and scan; they don’t read “F” pattern

Tip #1: Break Up Text Headers Don’t use more than three layers Use clear headlines (not funny or cutesy) Make lists Use bullets or numbers Don’t make entire page a list

Tip #2: Learn to love white space.

Tip #3: Use inverted pyramid style.

Tip #4: Find the proper voice.

#undernocircumstances shud sum1 feel its ok 2 tlk lik this. You have 140 characters. Use them and stop typing like you’re

Tip #5: Be brief. “Get rid of half the words on each page, then get rid of half of what’s left.” Steve Krug, Web Usability Expert

“I notice that you use plain, simple language, short words and brief sentences. That is the way to write English – it is the modern way and the best way.”

Tip #6: Use active verbs. Active Voice The cat played with the string. Passive Voice The string was played with by the cat. Active Voice A.A. Milne wrote the Winnie-the- Pooh stories. Passive Voice The Winnie-the-Pooh stories were written by A.A. Milne.

Tip #7: Avoid weak verbs.

Tip #8: Format for ease of use. Sans serif fonts are most readable online Font-family: Arial, Helvetica, Verdana Emphasize key concepts Don’t use underlines or italics Bolding works best Be careful of colors

Tip #9: Don’t be hyper about hyperlinking.

Tip #10: Write captions. ??????????????????????????????????

Bonus tip: Use one space after periods.

Web Resources UC Brand Guidelines: itorial.html#! or itorial.html#! The Slot Grammar Girl girlwww.quickanddirtytips.com/grammar- girl Nielsen Norman Group