Search

Better Content by Design

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Notes on slide 1

    7 Favorites

    Better Content by Design - Presentation Transcript

    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
    25.  
    26.  
    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
    31.  
    32.  
    33. interactivity Should enhance usability accessibility content Unobtrusive methods W3C supported format
    34. Interactive Content
    35.  
    36. Static Content
    37.  
    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

    + LisaHerrodLisaHerrod, 3 years ago

    custom

    2456 views, 7 favs, 0 embeds more stats

    This presentation discusses a best practice approac more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 2456
      • 2456 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 7
    • Downloads 99
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Tags

    -->
    Search
    RSS Feed
    What's new?

    © 2009 SlideShare Inc. All Rights Reserved