Standards-next: Content and Cognition

1,299 views

Published on

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

Published in: Technology, Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,299
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • 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

    ×