SlideShare a Scribd company logo

Standards-next: Content and Cognition

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

1 of 19
Download to read offline
Content and Cognition
        Ian Pouncey
Content and Cognition
• How we should use content
• Using content in multiple forms
• What to avoid
Consistency
• Navigation
• Fonts and font sizes
• Interactive elements: links and buttons
Structure
• Headings
• Lists
• White space
• Clear differentiation between content types
Focus
• Avoid
 • contrasting blocks of colour
 • unexpected sound
 • moving content
 • pop ups
Readability
• Adequate text size and line height
• Limited line length
• Colour contrast
• Short paragraphs

Recommended

Web Accessibility and why we need it
Web Accessibility and why we need itWeb Accessibility and why we need it
Web Accessibility and why we need itGenevieve Nelson
 
Child Theme Basics & Twenty Seventeen Theme Demo
Child Theme Basics & Twenty Seventeen Theme DemoChild Theme Basics & Twenty Seventeen Theme Demo
Child Theme Basics & Twenty Seventeen Theme DemoDouglas Yuen
 
Writing effective online copy
Writing effective online copyWriting effective online copy
Writing effective online copyAlterra
 
Green Hectares Rural Tech Workshop - Adding Content
Green Hectares Rural Tech Workshop - Adding ContentGreen Hectares Rural Tech Workshop - Adding Content
Green Hectares Rural Tech Workshop - Adding ContentGreen Hectares
 
Building Websites with WordPress UBC Summer 2012
Building Websites with WordPress UBC Summer 2012Building Websites with WordPress UBC Summer 2012
Building Websites with WordPress UBC Summer 2012Tris Hussey
 

More Related Content

What's hot

Why Blogs Are Better
Why Blogs Are BetterWhy Blogs Are Better
Why Blogs Are BetterTris Hussey
 
Food blogging at UBC
Food blogging at UBCFood blogging at UBC
Food blogging at UBCTris Hussey
 
TBEX Europe 2016 - Ebook from Content to Formatting to Publication
TBEX Europe 2016 - Ebook from Content to Formatting to PublicationTBEX Europe 2016 - Ebook from Content to Formatting to Publication
TBEX Europe 2016 - Ebook from Content to Formatting to PublicationLinda Aksomitis, Travel Blogger
 
Selecting a WordPress theme
Selecting a WordPress themeSelecting a WordPress theme
Selecting a WordPress themeWarren Denley
 
My final project
My final projectMy final project
My final projectnovember81
 
Photoshop Best Practices for Web Design
Photoshop Best Practices for Web DesignPhotoshop Best Practices for Web Design
Photoshop Best Practices for Web DesignImage X Media
 
I'm Using WordPress, Now What? Starter Edition
I'm Using WordPress, Now What? Starter EditionI'm Using WordPress, Now What? Starter Edition
I'm Using WordPress, Now What? Starter EditionThom Allen
 
Child Themes, Starter Themes, and Frameworks... Oh My!
Child Themes, Starter Themes, and Frameworks... Oh My!Child Themes, Starter Themes, and Frameworks... Oh My!
Child Themes, Starter Themes, and Frameworks... Oh My!Julie Kuehl
 
Child Theme Frameworks
Child Theme FrameworksChild Theme Frameworks
Child Theme Frameworksryngrn
 
Epub in the wild
Epub in the wildEpub in the wild
Epub in the wildliz_castro
 
Html5 - the new kid on the block
Html5 - the new kid on the blockHtml5 - the new kid on the block
Html5 - the new kid on the blockMarian Borca
 

What's hot (12)

Why Blogs Are Better
Why Blogs Are BetterWhy Blogs Are Better
Why Blogs Are Better
 
Food blogging at UBC
Food blogging at UBCFood blogging at UBC
Food blogging at UBC
 
TBEX Europe 2016 - Ebook from Content to Formatting to Publication
TBEX Europe 2016 - Ebook from Content to Formatting to PublicationTBEX Europe 2016 - Ebook from Content to Formatting to Publication
TBEX Europe 2016 - Ebook from Content to Formatting to Publication
 
Selecting a WordPress theme
Selecting a WordPress themeSelecting a WordPress theme
Selecting a WordPress theme
 
Jump to Joomla - Barcamp Nashville 2010
Jump to Joomla - Barcamp Nashville 2010Jump to Joomla - Barcamp Nashville 2010
Jump to Joomla - Barcamp Nashville 2010
 
My final project
My final projectMy final project
My final project
 
Photoshop Best Practices for Web Design
Photoshop Best Practices for Web DesignPhotoshop Best Practices for Web Design
Photoshop Best Practices for Web Design
 
I'm Using WordPress, Now What? Starter Edition
I'm Using WordPress, Now What? Starter EditionI'm Using WordPress, Now What? Starter Edition
I'm Using WordPress, Now What? Starter Edition
 
Child Themes, Starter Themes, and Frameworks... Oh My!
Child Themes, Starter Themes, and Frameworks... Oh My!Child Themes, Starter Themes, and Frameworks... Oh My!
Child Themes, Starter Themes, and Frameworks... Oh My!
 
Child Theme Frameworks
Child Theme FrameworksChild Theme Frameworks
Child Theme Frameworks
 
Epub in the wild
Epub in the wildEpub in the wild
Epub in the wild
 
Html5 - the new kid on the block
Html5 - the new kid on the blockHtml5 - the new kid on the block
Html5 - the new kid on the block
 

Viewers also liked

“Progress and Challenges in Interactive Cognitive Systems”
“Progress and Challenges in Interactive Cognitive Systems”“Progress and Challenges in Interactive Cognitive Systems”
“Progress and Challenges in Interactive Cognitive Systems”diannepatricia
 
Audio Visual Elements to Engage Your Audience, David Stout, Swank Audio Visuals
Audio Visual Elements to Engage Your Audience, David Stout, Swank Audio VisualsAudio Visual Elements to Engage Your Audience, David Stout, Swank Audio Visuals
Audio Visual Elements to Engage Your Audience, David Stout, Swank Audio VisualsInfoComm International
 
Effective Visual Communication
Effective Visual CommunicationEffective Visual Communication
Effective Visual CommunicationSinoj Mullangath
 
Visual Communication That Works! (PPT)
Visual Communication That Works! (PPT)Visual Communication That Works! (PPT)
Visual Communication That Works! (PPT)Barry Casey
 

Viewers also liked (6)

“Progress and Challenges in Interactive Cognitive Systems”
“Progress and Challenges in Interactive Cognitive Systems”“Progress and Challenges in Interactive Cognitive Systems”
“Progress and Challenges in Interactive Cognitive Systems”
 
Audio Visual Elements to Engage Your Audience, David Stout, Swank Audio Visuals
Audio Visual Elements to Engage Your Audience, David Stout, Swank Audio VisualsAudio Visual Elements to Engage Your Audience, David Stout, Swank Audio Visuals
Audio Visual Elements to Engage Your Audience, David Stout, Swank Audio Visuals
 
Laird ibm-small
Laird ibm-smallLaird ibm-small
Laird ibm-small
 
Effective Visual Communication
Effective Visual CommunicationEffective Visual Communication
Effective Visual Communication
 
Visual Communication That Works! (PPT)
Visual Communication That Works! (PPT)Visual Communication That Works! (PPT)
Visual Communication That Works! (PPT)
 
Visual Communication
Visual CommunicationVisual Communication
Visual Communication
 

Similar to Standards-next: Content and Cognition

A beautiful design can also be accessible
A beautiful design can also be accessibleA beautiful design can also be accessible
A beautiful design can also be accessibleToufic Sbeiti
 
Keeping Your Website Accessible
Keeping Your Website AccessibleKeeping Your Website Accessible
Keeping Your Website AccessibleKelli Wise
 
Online platform for ict content development
 Online platform for ict content development Online platform for ict content development
Online platform for ict content developmentImmaeviorge
 
E-Content Development - R.D.Sivakumar
E-Content Development - R.D.Sivakumar E-Content Development - R.D.Sivakumar
E-Content Development - R.D.Sivakumar Sivakumar R D .
 
Accessible content
Accessible contentAccessible content
Accessible contentMaja Benke
 
Practical accessibility
Practical accessibilityPractical accessibility
Practical accessibilityIan Pouncey
 
Producing Powerful and Effective Presentations
Producing Powerful and Effective PresentationsProducing Powerful and Effective Presentations
Producing Powerful and Effective PresentationsHenry Osborne
 
Internet, accessibility and word processing
Internet, accessibility and word processingInternet, accessibility and word processing
Internet, accessibility and word processingLinda Wallin
 
Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Adrian Roselli
 
Web accessibility with Ametys CMS
Web accessibility with Ametys CMSWeb accessibility with Ametys CMS
Web accessibility with Ametys CMSAmetys
 
Information literacy tutorial design & development
Information literacy tutorial design & developmentInformation literacy tutorial design & development
Information literacy tutorial design & developmentmikeypage10
 
Accessibility 101
Accessibility 101Accessibility 101
Accessibility 101LindaHurd
 
[T.e.l.l. January] Finding the Best Tool for Creating Slides with Audio
[T.e.l.l. January] Finding the Best Tool for Creating Slides with Audio[T.e.l.l. January] Finding the Best Tool for Creating Slides with Audio
[T.e.l.l. January] Finding the Best Tool for Creating Slides with AudioBCcampus
 

Similar to Standards-next: Content and Cognition (20)

A beautiful design can also be accessible
A beautiful design can also be accessibleA beautiful design can also be accessible
A beautiful design can also be accessible
 
Keeping Your Website Accessible
Keeping Your Website AccessibleKeeping Your Website Accessible
Keeping Your Website Accessible
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Online platform for ict content development
 Online platform for ict content development Online platform for ict content development
Online platform for ict content development
 
Web Designing Services
Web Designing Services Web Designing Services
Web Designing Services
 
E-Content Development - R.D.Sivakumar
E-Content Development - R.D.Sivakumar E-Content Development - R.D.Sivakumar
E-Content Development - R.D.Sivakumar
 
Accessible content
Accessible contentAccessible content
Accessible content
 
Practical accessibility
Practical accessibilityPractical accessibility
Practical accessibility
 
accessibility
accessibilityaccessibility
accessibility
 
Producing Powerful and Effective Presentations
Producing Powerful and Effective PresentationsProducing Powerful and Effective Presentations
Producing Powerful and Effective Presentations
 
BasicDesign.ppt
BasicDesign.pptBasicDesign.ppt
BasicDesign.ppt
 
Internet, accessibility and word processing
Internet, accessibility and word processingInternet, accessibility and word processing
Internet, accessibility and word processing
 
Writing for the web
Writing for the webWriting for the web
Writing for the web
 
Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018
 
Web accessibility with Ametys CMS
Web accessibility with Ametys CMSWeb accessibility with Ametys CMS
Web accessibility with Ametys CMS
 
Information literacy tutorial design & development
Information literacy tutorial design & developmentInformation literacy tutorial design & development
Information literacy tutorial design & development
 
Accessibility 101
Accessibility 101Accessibility 101
Accessibility 101
 
Accessibility 101
Accessibility 101Accessibility 101
Accessibility 101
 
[T.e.l.l. January] Finding the Best Tool for Creating Slides with Audio
[T.e.l.l. January] Finding the Best Tool for Creating Slides with Audio[T.e.l.l. January] Finding the Best Tool for Creating Slides with Audio
[T.e.l.l. January] Finding the Best Tool for Creating Slides with Audio
 
Visual design
Visual designVisual design
Visual design
 

More from Ian Pouncey

How to make an inaccessible website - CSS Minsk JS
How to make an inaccessible website - CSS Minsk JSHow to make an inaccessible website - CSS Minsk JS
How to make an inaccessible website - CSS Minsk JSIan Pouncey
 
Accessible user experiences in four minutes, thirty three seconds
Accessible user experiences in four minutes, thirty three secondsAccessible user experiences in four minutes, thirty three seconds
Accessible user experiences in four minutes, thirty three secondsIan Pouncey
 
Accessible Code for Web Designers - CSUN 2017
Accessible Code for Web Designers - CSUN 2017Accessible Code for Web Designers - CSUN 2017
Accessible Code for Web Designers - CSUN 2017Ian Pouncey
 
Accessible UX&D – Minimal Viable Design
Accessible UX&D – Minimal Viable DesignAccessible UX&D – Minimal Viable Design
Accessible UX&D – Minimal Viable DesignIan Pouncey
 
Accessibility at the BBC
Accessibility at the BBCAccessibility at the BBC
Accessibility at the BBCIan Pouncey
 
Cyberethics and accessibility
Cyberethics and accessibilityCyberethics and accessibility
Cyberethics and accessibilityIan Pouncey
 

More from Ian Pouncey (6)

How to make an inaccessible website - CSS Minsk JS
How to make an inaccessible website - CSS Minsk JSHow to make an inaccessible website - CSS Minsk JS
How to make an inaccessible website - CSS Minsk JS
 
Accessible user experiences in four minutes, thirty three seconds
Accessible user experiences in four minutes, thirty three secondsAccessible user experiences in four minutes, thirty three seconds
Accessible user experiences in four minutes, thirty three seconds
 
Accessible Code for Web Designers - CSUN 2017
Accessible Code for Web Designers - CSUN 2017Accessible Code for Web Designers - CSUN 2017
Accessible Code for Web Designers - CSUN 2017
 
Accessible UX&D – Minimal Viable Design
Accessible UX&D – Minimal Viable DesignAccessible UX&D – Minimal Viable Design
Accessible UX&D – Minimal Viable Design
 
Accessibility at the BBC
Accessibility at the BBCAccessibility at the BBC
Accessibility at the BBC
 
Cyberethics and accessibility
Cyberethics and accessibilityCyberethics and accessibility
Cyberethics and accessibility
 

Recently uploaded

From Challenger to Champion: How SpiraPlan Outperforms JIRA+Plugins
From Challenger to Champion: How SpiraPlan Outperforms JIRA+PluginsFrom Challenger to Champion: How SpiraPlan Outperforms JIRA+Plugins
From Challenger to Champion: How SpiraPlan Outperforms JIRA+PluginsInflectra
 
"Journey of Aspiration: Unveiling the Path to Becoming a Technocrat and Entre...
"Journey of Aspiration: Unveiling the Path to Becoming a Technocrat and Entre..."Journey of Aspiration: Unveiling the Path to Becoming a Technocrat and Entre...
"Journey of Aspiration: Unveiling the Path to Becoming a Technocrat and Entre...shaiyuvasv
 
Bit N Build Poland
Bit N Build PolandBit N Build Poland
Bit N Build PolandGDSC PJATK
 
2024 February Patch Tuesday
2024 February Patch Tuesday2024 February Patch Tuesday
2024 February Patch TuesdayIvanti
 
"AIRe - AI Reliability Engineering", Denys Vasyliev
"AIRe - AI Reliability Engineering", Denys Vasyliev"AIRe - AI Reliability Engineering", Denys Vasyliev
"AIRe - AI Reliability Engineering", Denys VasylievFwdays
 
Dynamical systems simulation in Python for science and engineering
Dynamical systems simulation in Python for science and engineeringDynamical systems simulation in Python for science and engineering
Dynamical systems simulation in Python for science and engineeringMassimo Talia
 
Automate Your Master Data Processes for Shared Service Center Excellence
Automate Your Master Data Processes for Shared Service Center ExcellenceAutomate Your Master Data Processes for Shared Service Center Excellence
Automate Your Master Data Processes for Shared Service Center ExcellencePrecisely
 
Confoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data scienceConfoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data scienceSusan Ibach
 
IT Nation Evolve event 2024 - Quarter 1
IT Nation Evolve event 2024  - Quarter 1IT Nation Evolve event 2024  - Quarter 1
IT Nation Evolve event 2024 - Quarter 1Inbay UK
 
Early Tech Adoption: Foolish or Pragmatic? - 17th ISACA South Florida WOW Con...
Early Tech Adoption: Foolish or Pragmatic? - 17th ISACA South Florida WOW Con...Early Tech Adoption: Foolish or Pragmatic? - 17th ISACA South Florida WOW Con...
Early Tech Adoption: Foolish or Pragmatic? - 17th ISACA South Florida WOW Con...Adrian Sanabria
 
AI Act & Standardization: UNINFO involvement
AI Act & Standardization: UNINFO involvementAI Act & Standardization: UNINFO involvement
AI Act & Standardization: UNINFO involvementMimmo Squillace
 
Zi-Stick UBS Dongle ZIgbee from Aeotec manual
Zi-Stick UBS Dongle ZIgbee from  Aeotec manualZi-Stick UBS Dongle ZIgbee from  Aeotec manual
Zi-Stick UBS Dongle ZIgbee from Aeotec manualDomotica daVinci
 
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERNRonnelBaroc
 
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?GleecusTechlabs1
 
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24Umar Saif
 
Introduction to Multimodal LLMs with LLaVA
Introduction to Multimodal LLMs with LLaVAIntroduction to Multimodal LLMs with LLaVA
Introduction to Multimodal LLMs with LLaVARobert McDermott
 
My sample product research idea for you!
My sample product research idea for you!My sample product research idea for you!
My sample product research idea for you!KivenRaySarsaba
 
Bringing nullability into existing code - dammit is not the answer.pptx
Bringing nullability into existing code - dammit is not the answer.pptxBringing nullability into existing code - dammit is not the answer.pptx
Bringing nullability into existing code - dammit is not the answer.pptxMaarten Balliauw
 
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions...
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions..."How we created an SRE team in Temabit as a part of FOZZY Group in conditions...
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions...Fwdays
 
M.Aathiraju Self Intro.docx-AD21001_____
M.Aathiraju Self Intro.docx-AD21001_____M.Aathiraju Self Intro.docx-AD21001_____
M.Aathiraju Self Intro.docx-AD21001_____Aathiraju
 

Recently uploaded (20)

From Challenger to Champion: How SpiraPlan Outperforms JIRA+Plugins
From Challenger to Champion: How SpiraPlan Outperforms JIRA+PluginsFrom Challenger to Champion: How SpiraPlan Outperforms JIRA+Plugins
From Challenger to Champion: How SpiraPlan Outperforms JIRA+Plugins
 
"Journey of Aspiration: Unveiling the Path to Becoming a Technocrat and Entre...
"Journey of Aspiration: Unveiling the Path to Becoming a Technocrat and Entre..."Journey of Aspiration: Unveiling the Path to Becoming a Technocrat and Entre...
"Journey of Aspiration: Unveiling the Path to Becoming a Technocrat and Entre...
 
Bit N Build Poland
Bit N Build PolandBit N Build Poland
Bit N Build Poland
 
2024 February Patch Tuesday
2024 February Patch Tuesday2024 February Patch Tuesday
2024 February Patch Tuesday
 
"AIRe - AI Reliability Engineering", Denys Vasyliev
"AIRe - AI Reliability Engineering", Denys Vasyliev"AIRe - AI Reliability Engineering", Denys Vasyliev
"AIRe - AI Reliability Engineering", Denys Vasyliev
 
Dynamical systems simulation in Python for science and engineering
Dynamical systems simulation in Python for science and engineeringDynamical systems simulation in Python for science and engineering
Dynamical systems simulation in Python for science and engineering
 
Automate Your Master Data Processes for Shared Service Center Excellence
Automate Your Master Data Processes for Shared Service Center ExcellenceAutomate Your Master Data Processes for Shared Service Center Excellence
Automate Your Master Data Processes for Shared Service Center Excellence
 
Confoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data scienceConfoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data science
 
IT Nation Evolve event 2024 - Quarter 1
IT Nation Evolve event 2024  - Quarter 1IT Nation Evolve event 2024  - Quarter 1
IT Nation Evolve event 2024 - Quarter 1
 
Early Tech Adoption: Foolish or Pragmatic? - 17th ISACA South Florida WOW Con...
Early Tech Adoption: Foolish or Pragmatic? - 17th ISACA South Florida WOW Con...Early Tech Adoption: Foolish or Pragmatic? - 17th ISACA South Florida WOW Con...
Early Tech Adoption: Foolish or Pragmatic? - 17th ISACA South Florida WOW Con...
 
AI Act & Standardization: UNINFO involvement
AI Act & Standardization: UNINFO involvementAI Act & Standardization: UNINFO involvement
AI Act & Standardization: UNINFO involvement
 
Zi-Stick UBS Dongle ZIgbee from Aeotec manual
Zi-Stick UBS Dongle ZIgbee from  Aeotec manualZi-Stick UBS Dongle ZIgbee from  Aeotec manual
Zi-Stick UBS Dongle ZIgbee from Aeotec manual
 
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN
 
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?
Unlocking the Cloud's True Potential: Why Multitenancy Is The Key?
 
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
 
Introduction to Multimodal LLMs with LLaVA
Introduction to Multimodal LLMs with LLaVAIntroduction to Multimodal LLMs with LLaVA
Introduction to Multimodal LLMs with LLaVA
 
My sample product research idea for you!
My sample product research idea for you!My sample product research idea for you!
My sample product research idea for you!
 
Bringing nullability into existing code - dammit is not the answer.pptx
Bringing nullability into existing code - dammit is not the answer.pptxBringing nullability into existing code - dammit is not the answer.pptx
Bringing nullability into existing code - dammit is not the answer.pptx
 
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions...
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions..."How we created an SRE team in Temabit as a part of FOZZY Group in conditions...
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions...
 
M.Aathiraju Self Intro.docx-AD21001_____
M.Aathiraju Self Intro.docx-AD21001_____M.Aathiraju Self Intro.docx-AD21001_____
M.Aathiraju Self Intro.docx-AD21001_____
 

Standards-next: Content and Cognition