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

presentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptx
presentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptxpresentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptx
presentationaigemestephanienoirpoudre-141007041309-conversion-gate01.pptx
Noeky12
 
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
AEGIS-ACCESSIBLE Projects
 
Immigration Pathfinder
Immigration PathfinderImmigration Pathfinder
Immigration Pathfinder
smkitsis
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web design
MR 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 Accessibility
Lisa Herrod
 
Usability in a Multidisciplinary Team
Usability in a Multidisciplinary TeamUsability in a Multidisciplinary Team
Usability in a Multidisciplinary Team
Lisa 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

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Recently uploaded (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 

Better Content by Design