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

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
 
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
 
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesZilliz
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
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
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
"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
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
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
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 

Recently uploaded (20)

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!
 
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
 
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
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
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
"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
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
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
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 

Better Content by Design