Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Standards-next: Content and Cognition

1,381 views

Published on

This is the presentation I gave at Standards-next on 2009-09-19

Published in: Technology, Design
  • Be the first to comment

Standards-next: Content and Cognition

  1. 1. Content and Cognition Ian Pouncey
  2. 2. Content and Cognition • How we should use content • Using content in multiple forms • What to avoid
  3. 3. Consistency • Navigation • Fonts and font sizes • Interactive elements: links and buttons
  4. 4. Structure • Headings • Lists • White space • Clear differentiation between content types
  5. 5. Focus • Avoid • contrasting blocks of colour • unexpected sound • moving content • pop ups
  6. 6. Readability • Adequate text size and line height • Limited line length • Colour contrast • Short paragraphs
  7. 7. Transformability • Supports text re-sizing • Supports user styles • Works without images or styles • Provide an API or feed
  8. 8. Content • Spelling and grammar • Definitions of terms • One subject • Summarise
  9. 9. Let’s make something
  10. 10. Generated content • Content inserted with CSS. • Not read out by screen reader software. • Use only in cases where the content doesn’t make sense on an unstyled page.
  11. 11. Generated content <p class="instructions-search">You can search this site using the search form provided</p> .instructions-search:after { content: ", which is below and to the right of the logo."; }
  12. 12. Generated content
  13. 13. Images
  14. 14. Audio and video • To limit the amount of work required you can combine the audio with the visual. Start with an audible version, and then repeat with a visual demonstration. • Keep it simple - A plain backdrop, not too much movement, speak simply and clearly. • Play only on demand. Automatically playing audio visual content is distraction to many users, annoying to most others • Include HTML controls to start and stop your movie - flash is still not universally accessible.
  15. 15. Distractions • Avoid busy backgrounds
  16. 16. Distractions
  17. 17. Distractions
  18. 18. Tasks • Don’t assume that ‘simple’ tasks are easy • The same applies to ‘What colour is the sky’ type questions
  19. 19. Me • http://ianpouncey.com/ • @IanPouncey

×