SlideShare a Scribd company logo
1 of 42
Better Content by Design Lisa Herrod: Scenario Seven Open Publish: August 2007
Content Design 2 approaches 5 stages
what is web content?
video ,[object Object],[object Object],[object Object]
audio ,[object Object],[object Object],[object Object],[object Object],[object Object]
images ,[object Object],[object Object],[object Object]
Text as Content
text ,[object Object],[object Object],[object Object],[object Object]
text ,[object Object],[object Object],[object Object],[object Object]
text ,[object Object],[object Object],[object Object],[object Object]
text ,[object Object],[object Object],[object Object],[object Object]
Content Design
what is design? ,[object Object],[object Object]
raw   text
Best Practice  Content Design
two approaches ,[object Object],[object Object]
User Focused Development   User Centred Design  technical human
User Focused Development Standards compliant Accessible Semantic
User Centred Design    User research User focus User testing
Content Design should take an integrated approach
a ground-up approach
five stages ,[object Object],[object Object],[object Object],[object Object],[object Object]
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
content ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
structure ,[object Object],[object Object],[object Object],[object Object]
Headings, lists, paragraphs, images, emphasis, block quotes, tables, forms
visual design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
visual design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
interactivity Should enhance  usability accessibility content Unobtrusive methods W3C supported format
Interactive Content
 
Static Content
 
Progressive  Content Design
an  integrated  approach human and technical
Begin and End with content
questions...?
Lisa Herrod Scenario Seven [email_address] Better Content by Design

More Related Content

Similar to Better Content by Design

Thoughtful theming
Thoughtful themingThoughtful theming
Thoughtful themingonefinejay
 
RDVO - Building UX Pattern Libraries
RDVO - Building UX Pattern LibrariesRDVO - Building UX Pattern Libraries
RDVO - Building UX Pattern LibrariesBen Zipkin
 
Designing (Deciding) in the Browser
Designing (Deciding) in the BrowserDesigning (Deciding) in the Browser
Designing (Deciding) in the BrowserSang-Min Yoon
 
presentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptx
presentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptxpresentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptx
presentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptxNoeky12
 
Final Presentation - AIGEME
Final Presentation - AIGEMEFinal Presentation - AIGEME
Final Presentation - AIGEMEblackpowde
 
6 accessibility review of open educational resources
6 accessibility review of open educational resources6 accessibility review of open educational resources
6 accessibility review of open educational resourcesAEGIS-ACCESSIBLE Projects
 
The Science of Subtraction: A Minimalist Guide to Web Design
The Science of Subtraction: A Minimalist Guide to Web DesignThe Science of Subtraction: A Minimalist Guide to Web Design
The Science of Subtraction: A Minimalist Guide to Web DesignArabNet ME
 
Podcasting: A real mobile platform
Podcasting: A real mobile platformPodcasting: A real mobile platform
Podcasting: A real mobile platformLee Kraus
 
Developing Great Content To Win The War On The Web
Developing Great Content To Win The War On The WebDeveloping Great Content To Win The War On The Web
Developing Great Content To Win The War On The WebWriterAccess
 
Mind Click Services
Mind Click ServicesMind Click Services
Mind Click ServicesMind Click
 
PA Training Nov 5-6 Day 2 - Talk 2. Content Management Best Practices
PA Training Nov 5-6 Day 2 - Talk 2. Content Management Best PracticesPA Training Nov 5-6 Day 2 - Talk 2. Content Management Best Practices
PA Training Nov 5-6 Day 2 - Talk 2. Content Management Best PracticesMilan Zdravković
 
Immigration Pathfinder
Immigration PathfinderImmigration Pathfinder
Immigration Pathfindersmkitsis
 
Keys to Responsive Design
Keys to Responsive DesignKeys to Responsive Design
Keys to Responsive DesignIntelligent_ly
 
Intranet content tactics
Intranet content tacticsIntranet content tactics
Intranet content tacticsIntranätverk
 
Instructional Design for Learning Objects
Instructional Design for Learning ObjectsInstructional Design for Learning Objects
Instructional Design for Learning ObjectsSanjaya Mishra
 
Slide Deck vs Screencast
Slide Deck vs ScreencastSlide Deck vs Screencast
Slide Deck vs ScreencastAbby Bedford
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web designMR Z
 

Similar to Better Content by Design (20)

Web site design
Web site designWeb site design
Web site design
 
Design for the Web
Design for the WebDesign for the Web
Design for the Web
 
Thoughtful theming
Thoughtful themingThoughtful theming
Thoughtful theming
 
RDVO - Building UX Pattern Libraries
RDVO - Building UX Pattern LibrariesRDVO - Building UX Pattern Libraries
RDVO - Building UX Pattern Libraries
 
Designing (Deciding) in the Browser
Designing (Deciding) in the BrowserDesigning (Deciding) in the Browser
Designing (Deciding) in the Browser
 
presentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptx
presentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptxpresentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptx
presentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptx
 
Final Presentation - AIGEME
Final Presentation - AIGEMEFinal Presentation - AIGEME
Final Presentation - AIGEME
 
Deck_Rob Flaherty
Deck_Rob FlahertyDeck_Rob Flaherty
Deck_Rob Flaherty
 
6 accessibility review of open educational resources
6 accessibility review of open educational resources6 accessibility review of open educational resources
6 accessibility review of open educational resources
 
The Science of Subtraction: A Minimalist Guide to Web Design
The Science of Subtraction: A Minimalist Guide to Web DesignThe Science of Subtraction: A Minimalist Guide to Web Design
The Science of Subtraction: A Minimalist Guide to Web Design
 
Podcasting: A real mobile platform
Podcasting: A real mobile platformPodcasting: A real mobile platform
Podcasting: A real mobile platform
 
Developing Great Content To Win The War On The Web
Developing Great Content To Win The War On The WebDeveloping Great Content To Win The War On The Web
Developing Great Content To Win The War On The Web
 
Mind Click Services
Mind Click ServicesMind Click Services
Mind Click Services
 
PA Training Nov 5-6 Day 2 - Talk 2. Content Management Best Practices
PA Training Nov 5-6 Day 2 - Talk 2. Content Management Best PracticesPA Training Nov 5-6 Day 2 - Talk 2. Content Management Best Practices
PA Training Nov 5-6 Day 2 - Talk 2. Content Management Best Practices
 
Immigration Pathfinder
Immigration PathfinderImmigration Pathfinder
Immigration Pathfinder
 
Keys to Responsive Design
Keys to Responsive DesignKeys to Responsive Design
Keys to Responsive Design
 
Intranet content tactics
Intranet content tacticsIntranet content tactics
Intranet content tactics
 
Instructional Design for Learning Objects
Instructional Design for Learning ObjectsInstructional Design for Learning Objects
Instructional Design for Learning Objects
 
Slide Deck vs Screencast
Slide Deck vs ScreencastSlide Deck vs Screencast
Slide Deck vs Screencast
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web design
 

More from Lisa Herrod

A11yCamp2015_Agile Accessibility
A11yCamp2015_Agile AccessibilityA11yCamp2015_Agile Accessibility
A11yCamp2015_Agile AccessibilityLisa Herrod
 
The Age of Awareness
The Age of AwarenessThe Age of Awareness
The Age of AwarenessLisa Herrod
 
Lean Usability for startups
Lean Usability for startupsLean Usability for startups
Lean Usability for startupsLisa Herrod
 
Designing for Diversity
Designing for DiversityDesigning for Diversity
Designing for DiversityLisa Herrod
 
Deafness and the User Experience
Deafness and the User ExperienceDeafness and the User Experience
Deafness and the User ExperienceLisa Herrod
 
User Testing For The Rest Of Us
User Testing For The Rest Of UsUser Testing For The Rest Of Us
User Testing For The Rest Of UsLisa Herrod
 
Usability: More than Skin Deep
Usability: More than Skin DeepUsability: More than Skin Deep
Usability: More than Skin DeepLisa Herrod
 
Supporting the Individual in Collaborative Content
Supporting the Individual in Collaborative Content Supporting the Individual in Collaborative Content
Supporting the Individual in Collaborative Content Lisa Herrod
 
Usability in a Multidisciplinary Team
Usability in a Multidisciplinary TeamUsability in a Multidisciplinary Team
Usability in a Multidisciplinary TeamLisa Herrod
 
WE05 Eye Tracking the User Experience
WE05 Eye Tracking the User ExperienceWE05 Eye Tracking the User Experience
WE05 Eye Tracking the User ExperienceLisa Herrod
 

More from Lisa Herrod (10)

A11yCamp2015_Agile Accessibility
A11yCamp2015_Agile AccessibilityA11yCamp2015_Agile Accessibility
A11yCamp2015_Agile Accessibility
 
The Age of Awareness
The Age of AwarenessThe Age of Awareness
The Age of Awareness
 
Lean Usability for startups
Lean Usability for startupsLean Usability for startups
Lean Usability for startups
 
Designing for Diversity
Designing for DiversityDesigning for Diversity
Designing for Diversity
 
Deafness and the User Experience
Deafness and the User ExperienceDeafness and the User Experience
Deafness and the User Experience
 
User Testing For The Rest Of Us
User Testing For The Rest Of UsUser Testing For The Rest Of Us
User Testing For The Rest Of Us
 
Usability: More than Skin Deep
Usability: More than Skin DeepUsability: More than Skin Deep
Usability: More than Skin Deep
 
Supporting the Individual in Collaborative Content
Supporting the Individual in Collaborative Content Supporting the Individual in Collaborative Content
Supporting the Individual in Collaborative Content
 
Usability in a Multidisciplinary Team
Usability in a Multidisciplinary TeamUsability in a Multidisciplinary Team
Usability in a Multidisciplinary Team
 
WE05 Eye Tracking the User Experience
WE05 Eye Tracking the User ExperienceWE05 Eye Tracking the User Experience
WE05 Eye Tracking the User Experience
 

Recently uploaded

Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demoHarshalMandlekar2
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 

Recently uploaded (20)

Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demo
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 

Better Content by Design