The document discusses the importance of effective web content design, highlighting two approaches: technical and human user-focused development. It outlines five stages of content design that integrate user research, visual design, and interactivity, emphasizing the need for accessibility and usability. The content should be structured using best practices such as plain English and proper semantic organization to enhance user experience.

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

2. Content Design 2 approaches 5 stages

3. what is web content?

4. video educational social promotional

5. audio sound tracks interviews news music pod casts radio streaming

6. images Support content Are content Generate discussion

7. Text as Content

8. text page titles page headings navigation labels site content

9. text page titles page headings navigation labels site content

10. text page titles page headings navigation labels site content

11. text page titles page headings navigation labels site content

12. Content Design

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

14. raw text

15. Best Practice Content Design

16. two approaches technical human

17. User Focused Development User Centred Design technical human

18. User Focused Development Standards compliant Accessible Semantic

19. User Centred Design User research User focus User testing

20. Content Design should take an integrated approach

21. a ground-up approach

22. five stages Content Interactivity Visual design Structure Content

23. 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. content Written for the web User focus Plain English Shorter sentences Journalistic

27. structure Separate content Source order Semantic Accessible

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

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

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

33. interactivity Should enhance usability accessibility content Unobtrusive methods W3C supported format

34. Interactive Content

36. Static Content

38. Progressive Content Design

39. an integrated approach human and technical

40. Begin and End with content

41. questions...?

42. Lisa Herrod Scenario Seven [email_address] Better Content by Design