Usable Content.

Slides:



Advertisements
Similar presentations
Typography Typography exists to honor content. — Robert Bringhurst,
Advertisements

Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
Usability Prepared by: The NYS Forum for Information Resource Management IT Accessibility Committee.
Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
SEM A - Promotion PE - Develop content for use in marketing communications to create interest in product/business/idea PI - Write content for use.
Be Brilliant with Student Loans Material Makeover: basics of effective design MASFAA Wednesday, November 19, 2003.
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.
Typography Usability & Readability
DEVELOP CONTENT FOR USE IN MARKETING COMMUNICATIONS TO CREATE INTEREST IN PRODUCT/BUSINESS/IDEA.
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.
A cluey freelance copywriters presentation © Copyright Cluey Consulting
Lecture 2 COMP1900 Website Construction 3 Michele Huston Web Project Officer Scholarly Technology Services THE AUSTRALIAN NATIONAL UNIVERSITY.
Writing for the web Jo Spiller & Ross Ward Learning Technology Section College of Medicine and Veterinary Medicine University of Edinburgh.
Typography Web Design Professor Frank. Characteristics of Type on the Web Magazine/book typography – 1200 dpi Computer screens – 85 ppi (maximum)
Overview Discusses the concepts of chunking and distilling for online content Examines how headlines, subheads and summaries can be effectively written.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Multimedia: Making it Work
© 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.
Document Etiquette. White space An essential design element Should balance text and graphics Allows readers to digest what is being communicated Carries.
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.
Develop content for use in marketing communications to create interest in product/business/idea 3.05.
3.05 Develop content for use in marketing communications to create interest in product/business/idea.
Messages and Web Writing
Learning & the Internet Linda Behling Gillis, Ed.S. Region 4 ESC.
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.
W eb D esign Concepts. The Web Design Process  Design Phase  Production Phase  Distribution Phase  Maintenance Phase.
How to type your paper. Login Use your pin number for your user name Use your date of birth as your pin. Example if your birth date is Aug. 27, 2000 use.
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 AGCJ 407 Web Authoring in Agricultural Communications Note: Special thanks to University of Maine Cooperative Extension Service for.
Info.Design © Writing for the Web Workshop Crafting Usable Content.
Writing and Editing Online.  Discusses the concepts of chunking and distilling for online content  Examines how headlines, subheads and summaries can.
Design Strategies for Effective Presentations PowerPoint Poisoning Have you experienced it? Have you experienced it? How can you avoid it? How can.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Writing for the Web. How do people read online? They don’t. -Jakob Nielsen (1997)
Web Design Basics Creating Appealing Websites Basics of Web Design: HTML 5 and CSS3, Felke-Morris, T.c.
Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.
HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell
Writing for the Web The mechanics of writing a winning website Presented by: Amy Painter, Communications Specialist, National Sea Grant College Program.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
English for Careers Chapter 14 Writing for Multimedia.
Brochures.  Brochures are small, usually folded, documents used to inform, educate, or persuade the reader.  They are commonly used to promote organizations,
Content Usability A presentation on creating usable content for the online environment. By John Stubbe.
SEM A - Promotion PI - Write website content.
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.
SEM A - Promotion PI - Write website content.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
10 Tips for building a better Website Making Web sites involves three very different kinds of skill—technical, visual, and editorial—and the three must.
Section 6.1 Section 6.2 Write Web text Use a mission statement
Designing Documents, Slides, and Screens
Applying Typography in CSS
Web Pages Prepared by Lim Thian Li
1.01 Investigate typefaces and fonts.
Website Content Design
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Writing for online/mobile
ICT Communications Lesson 4: Creating Content for the Web
Good document design saves time and money, reduces legal problems, and builds goodwill. A well-designed document looks inviting, friendly, and easy to.
Good document design saves time and money, reduces legal problems, and builds goodwill. A well-designed document looks inviting, friendly, and easy to.
Typography Usability & Readability
3.05 Develop content for use in marketing communications to create interest in product/business/idea.
3.05 Develop content for use in marketing communications to create interest in product/business/idea.
10 Tips for building a better Website
Adding Text and links to your classes in PowerSchool
Presentation transcript:

Usable Content

Readability Scannability Legibility Text Readability Scannability Legibility

Legibility (ease of reading letter forms) Readability (ease of reading content) Because the screen is much harder to read than a printed page . . . Use 50% of the amount of text on the Web that you would in print. Sentences should be concise and direct. Scannability is the ability of the eye to scan a page and quickly glean important information Keep paragraphs short (1-3 sentences each is common) Use subheadings that summarize each unit of information. Paragraphs are single-spaced and first line is not indented. Double space between paragraphs. Use bulleted and numbered lists when possible. People resist scrolling horizontally, but they will scroll vertically to follow information of interest. If a page gets too long, break it up into separate links. Write for both searchers and linkers. Legibility (ease of reading letter forms) Make type large enough and simple enough to be read. Times Roman, Arial, and Verdana are commonly used for body text—not only because they are legible but because they are also commonly available on the end users’ computers, whereas other fonts will not read properly in HTML if the end user doesn’t have them installed.

Bilboards & Headlines .

Get attention Target the audience Deliver a complete messag (USP / Hot News) Draw us into the body copy (make us click)

Every paragraph (as well as every page as a whole) is an inverted pyramid

Subheadings are direct and scannable. They lead us through an organized sequence of ideas (even though each paragraph could stand alone)

Home Page Content

Another Common Format: News and Other Original Content Look for model sites for the type of web site you want to build.

QUESTIONS?