Your SlideShare is downloading. ×
Standards-next: Content and Cognition
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Standards-next: Content and Cognition

926

Published on

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

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

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

No Downloads
Views
Total Views
926
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

    • 1. Content and Cognition Ian Pouncey
    • 2. Content and Cognition • How we should use content • Using content in multiple forms • What to avoid
    • 3. Consistency • Navigation • Fonts and font sizes • Interactive elements: links and buttons
    • 4. Structure • Headings • Lists • White space • Clear differentiation between content types
    • 5. Focus • Avoid • contrasting blocks of colour • unexpected sound • moving content • pop ups
    • 6. Readability • Adequate text size and line height • Limited line length • Colour contrast • Short paragraphs
    • 7. Transformability • Supports text re-sizing • Supports user styles • Works without images or styles • Provide an API or feed
    • 8. Content • Spelling and grammar • Definitions of terms • One subject • Summarise
    • 9. Let’s make something
    • 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. 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. Generated content
    • 13. Images
    • 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. Distractions • Avoid busy backgrounds
    • 16. Distractions
    • 17. Distractions
    • 18. Tasks • Don’t assume that ‘simple’ tasks are easy • The same applies to ‘What colour is the sky’ type questions
    • 19. Me • http://ianpouncey.com/ • @IanPouncey

    ×