Content Usability A presentation on creating usable content for the online environment. By John Stubbe.

Slides:



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

Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
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.
California State University Fullerton Campus Information Technology Training Timothy Benbow EIGHT ESSENTIALS FOR CREATING ACCESSIBLE PDF DOCUMENTS.
Typography (The study of font).
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.
OCR Functional Skills Leaflets How should it be folded Roll fold Concertina fold Open gate fold Closed Gate fold Simple Folds.
Technical Writing II Acknowledgement: –This lecture notes are based on many on-line documents. –I would like to thank these authors who make the documents.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Typography Principles Communications 320 Desktop Publishing.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Typography Web Design Professor Frank. Characteristics of Type on the Web Magazine/book typography – 1200 dpi Computer screens – 85 ppi (maximum)
Presentation by H. Allen Brizee; Adapted from Baker (2001) Brought to you in cooperation with the Purdue Online Writing Lab HATS - A Design Procedure for.
What Research Tells us About Designing Online Content Judith Norton Chief Instructional Architect B.E.S.T. Coffee Program El Camino College MERLOT International.
Text in multimedia Why would course designers like text? The most inexpensive media to develop Least overhead in storage/transmission But text creation.
Typography and Space for Web Design Important Issues From Web Style Guide.
Chapter 8 Document Design 2 Page Layout
Accessibility IS 403: User Interface Design Shaun Kane 1.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
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.
Document and Web design has five goals:
MODULE 16: TYPOGRAPHY Typography Type selection starts with the BASICS of style and size. GROUPS OF TYPEFACES SHARE SIMILAR CHARACTERISTICS. TYPEFACES.
Powerpoint Rules Adding to your Presentation. Purpose of a Powerpoint Tool to help audience remember message Visual learners stay attentive Used as an.
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.
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.
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;
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.
Info.Design © Writing for the Web Workshop Crafting Usable Content.
What We’ll Cover  Developing your newsletter  Components of a newsletter  Design tips  Tips for success.
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.
Universal Design for Learning & Principles of Web Design C. Candace Chou.
© 2003 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 15 Designing Pages and Documents Technical Communication, 9/e John M. Lannon.
DESIGNING A NEWSLETTER. Consistency & Repetition are Important Every page should look like it belongs to the whole piece Colors, graphic styles, fonts,
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.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Don’t have to be a designer to know when something just ain’t right…
Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell
DTP Word 2002 Chapter 1 Understanding the Desktop Publishing Process.
How to Create Accessible Online Course Content Shivan Mahabir Athanasia (Tania) Kalaitzidis Kevin Korber Danny Villaroel.
User Documentation. Documentation Guidelines  Break the documentation down by tasks  Plan for an audience  State the purpose of the document  Organize.
So many fonts, so much choice. More than 1000 fonts Just as an author struggles to find the right words, the graphic designer struggles to find the right.
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.
Typography & Layout Top Tips! FOLIOz ASQ Course March 2012.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Brochures.  Brochures are small, usually folded, documents used to inform, educate, or persuade the reader.  They are commonly used to promote organizations,
WASHINGTON STATE UNIVERSITY EXTENSION Web It!. Teasers vs leads Know your audience! Tease and link Best bits
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
I Want ALL THE WORDS! How Gestalt Principles and Plain Language Can Help You Become an Effective Document Designer Jennifer Turner and Jessica Schomberg.
Louisa Lambregts, Learning and Teaching Services Tips for Making Web and Learning Materials Impactful Don’t Make Me Read! Creating Web Content With Impact.
Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
Informal Reports By: Jessie Lemmens.  Informative Reports  Analytical Reports If readers are informed If readers are supportive If readers are eager.
How to Make a Simple but Effective PowerPoint Presentation
Designing Documents, Slides, and Screens
English Language Arts.
Desktop Publishing Terminology
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Document Design Justine Nielsen April 28, 2003
Usable Content.
Designing Pages and Documents
Presentation transcript:

Content Usability A presentation on creating usable content for the online environment. By John Stubbe

Content Usability  An anecdote about car seats  “Such manuals are written at a tenth-grade reading level on average, according to a new study, while data suggest that nearly a quarter of U.S. adults read at or below a fifth-grade level, and at least 25 percent read at about an eighth-grade level.”—San Francisco Chronicle, March 2003

Content Usability--Readability  How we read  Components of readability Legibility Sentence and paragraph structure Reading level Layout and white space Consistency

Content Usability--Readability  How we read Reading vs. Scanning  Online readers are content gatherers  Reading online is more physically taxing on your eyes  Information overload

Content Usability--Readability  Components of Readability Legibility  Strong contrast and distinctive pattern attract the eye Use of color (black/dark on white/light)  Fonts (typeface, size, style, and case) Sans-serif fonts such as Arial, Verdana, and Helvetica Clear Type and True Type Clear Type True Type

Content Usability--Readability Patterns of ascending and descending characters: The envelope around the word:  A word about word recognition

Content Usability--Readability  Sentence and paragraph structure Keep sentences and paragraphs short Use subject-verb-object construction when possible:  Jack hit the ball.  The ball was hit by Jack. Limit line length to characters

Content Usability—Readability  Write to the users’ reading level Average American reads at a 10 th- grade reading level Learn who your target audience is and write appropriately Readability tools:  SMOG Readability SMOG Readability  Microsoft Word readability tools

Content Usability--Readability  Layout and white space Use ample white space, particularly when setting line heights  Create enough space for ascenders and descenders, but not so much that the flow of the text is disrupted To indent or not to indent  White space can be used to break up paragraphs

Content Usability--Readability  Consistency Extends from design to content development Use a style guide  The Web Content Style Guide  Web Style Guide, 2 nd Edition  Develop your own style guide

Content Usability  Improve content readability Keep it simple; shorter is better Use powerful language (active voice and verbs) Write for the reader Be direct; avoid fluff Use headings and subheadings Use cascading style sheets Don’t be afraid of giving readers what they expect

Content Usability  Content developers: Another important team member Information architect Graphic designer Database designer Usability engineer Content developer

Content Usability  Benefits: Greater authority and credibility Users/readers will return to your site Users/readers will stay longer

Content Usability Sources: Larson, Kevin. (2004). The science of word recognition. Advanced reading technology, Microsoft Corporation. Lynch, Patrick J. and Horton, Sarah. (2002). Web style guide, 2 nd edition. McGovern, Gerry. (2002). Content critical. McGovern, Gerry et al. (2002). Web content style guide. Tanner, Lindsey. (2003). Study: Infant car seat instructions too difficult for many adults. San Francisco Chronicle.