Better Content by Design

Better Content by Design Lisa Herrod: Scenario Seven Open Publish: August 2007

Content Design 2 approaches 5 stages

what is web content?

video
educational
social
promotional

audio
sound tracks interviews
news
music
pod casts
radio streaming

images
Support content
Are content
Generate discussion

Text as Content

text
page titles
page headings
navigation labels
site content

Content Design

what is design?
A deliberate decision
To enhance the value of an object

raw text

Best Practice Content Design

two approaches
technical
human

User Focused Development User Centred Design technical human

User Focused Development Standards compliant Accessible Semantic

User Centred Design User research User focus User testing

Content Design should take an integrated approach

a ground-up approach

five stages
Content
Interactivity
Visual design
Structure
Content

Design stage Design approach content structure visual design interactivity User research, Writing for the web Semantics, Standards CSS, Separate presentation Standards, Progressive enhancement content User research

content
Written for the web
User focus
Plain English
Shorter sentences
Journalistic

structure
Separate content
Source order
Semantic
Accessible

Headings, lists, paragraphs, images, emphasis, block quotes, tables, forms

visual design
Separate design CSS
Colour contrast
Visual hierarchy
Page layout
White space
Typography Sans-serif

interactivity Should enhance usability accessibility content Unobtrusive methods W3C supported format

Interactive Content

Static Content

Progressive Content Design

an integrated approach human and technical

Begin and End with content

questions...?

Lisa Herrod Scenario Seven [email_address] Better Content by Design

Better Content by Design

by LisaHerrod on Aug 03, 2007

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 12

Statistics

Better Content by Design — Presentation Transcript