better content by design
DESCRIPTION
This presentation discusses a best practice approach to content development, with a focus on text as content, using progressive content development techniques.TRANSCRIPT
1 of 50
Better Content by Design
Lisa Herrod: Scenario SevenOpen Publish: August 2007
2 of 50
ContentDesign
2 approaches5 stages
3 of 50
what is web content?
4 of 50
videoeducational socialpromotional
5 of 50
audiosound tracks interviews news music pod castsradio streaming
6 of 50
imagesSupport contentAre contentGenerate discussion
7 of 50
Text as Content
8 of 50
textpage titlespage headingsnavigation labelssite content
9 of 50
textpage titlespage headingsnavigation labelssite content
10 of 50
textpage titlespage headingsnavigation labelssite content
11 of 50
textpage titlespage headingsnavigation labelssite content
12 of 50
Content Design
13 of 50
what is design?
A deliberate decision To enhance the value of an object
14 of 50
raw text
15 of 50
Best Practice Content Design
16 of 50
two approaches
technicalhuman
17 of 50
User Focused Development
User Centred Design
technical
human
18 of 50
User Focused Development
Standards compliant
Accessible
Semantic
19 of 50
User Centred Design
User research
User focus
User testing
20 of 50
Content Design
should take an integrated approach
21 of 50
a ground-up approach
22 of 50
five stages
ContentInteractivityVisual designStructureContent
23 of 50
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
24 of 50
contentWritten for the webUser focusPlain EnglishShorter sentencesJournalistic
25 of 50
26 of 50
27 of 50
structureSeparate contentSource orderSemantic Accessible
28 of 50
Headings, lists, paragraphs, images, emphasis, block quotes, tables, forms
29 of 50
visual designSeparate design CSSColour contrastVisual hierarchyPage layoutWhite spaceTypography Sans-serif
30 of 50
visual designSeparate design CSSColour contrastVisual hierarchyPage layoutWhite spaceTypography Sans-serif
31 of 50
32 of 50
33 of 50
interactivityShould enhance
usabilityaccessibilitycontent
Unobtrusive methodsW3C supported format
34 of 50
Interactive Content
35 of 50
36 of 50
Static Content
37 of 50
38 of 50
Progressive Content Design
39 of 50
an integrated approach
human and technical
40 of 50
Begin and End
with content
41 of 50
questions...?
