Nica Lorber / Creative Director / Chapter Three
nicelobster
DON'T LET CRAPPY CONTENT
RUIN YOUR NEW SITE
JUNE 3, 2014 / DRU...
chapter_three
AMAZING
WEBSITES
BEAUTIFUL
DESIGN
ROCK SOLID
DEVELOPMENT
MEANINGFUL
CONTENT
AMAZING
WEBSITES
THE PROBLEM
photo credit; Joey Parsons https://www.flickr.com/photos/joeyparsons/3531756010/
Businesses & organizations diminish the
in...
THE SOLUTION
1. More resources
2. Better education
3. Better planning
RESOURCING
DIGITAL STRATEGIST
DESIGNER
UX DESIGNER
PROJECT MANAGER
WRITER
INFORMATION ARCHITECT
SEO EXPERT
SOCIAL MEDIA EXPERT
MARKET...
PROJECT MANAGER
DRUPAL ADMINISTRATOR
DATA ANALYST
HMTL CHOPS
PROJECT MANAGER
WRITER
MARKETER
DIGITAL STRATEGIST
DESIGNER
UX SPECIALIST
PROJECT MANAGER
COPY WRITER
INFORMATION ARCHITECT
SEO SPECIALIST
SOCIAL MEDIA EX...
CONTENT DESERVES 

MORE $$$$$.
RESOURCING SOLUTIONS
• Invest in training your best suited employees
• Prioritize employee retention (more $$$)
• Empower ...
EDUCATION
WHAT IS CONTENT?
NAVIGATION
COPY
IMAGES
GRAPHICS
TAXONOMY
VIDEOS
Taxonomy
Usability?
Images
Graphics
SYNTHESIS
of everything on your site
Video
Navigation
Speed?
Copy
WHAT IS CRAPPY CONTENT?
1. Is not curated for the web
2. Decreases usability
3. Does not meet site goals
WRITING FOR THE WEB
HTTP://CHAPTERTHREE.COM/BLOG/HOW-WRITE-WEB
WHY WRITE DIFFERENTLY
FOR THE WEB?
• People read 20% slower online
• People are task focused
• People scan
Reference: http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
CONTENT LENGTH?
AVOID REDUNDANT PHRASES
WRITE CONCISELY
AVOID BANNER BLINDNESS
DEFINE CONTENT GOALS
1. What is the communication goal of the page?
2. Who is the audience?
3. What are the key calls to a...
GOALS FOR EDITING
1. What is the utilitarian function of the page?
2. Can content be shorter or more skimmable?
3. Can red...
BREAK GRAMMAR RULES
• Sentence fragments allow users to scan
• 1, 2, 3, instead of one, two, three
• Paragraphs don’t need...
SOURCING IMAGERY
• Who is in charge of imagery?
• Are there imagery guidelines?
• Is there an image budget?
SOURCING PHOTOS
• Take them yourself
• Search Creative Commons
• Buy them
• Hire a photographer
RESOURCES
• http://www.istockphoto.com
• http://www.stocksy.com
• http://search.creativecommons.org
• http://compfight.com
EXAMPLE
PLANNING
BETTER UX
•What is the nature of the content?
•Who are the content creators?
•What are their skills?
•Image heavy?
•Who wr...
CONTENT TEASERS
CONTENT TEASERS
AUTOMATE TEASER LENGTH
MAKE HELPER TEXT 

ON IMAGE UPLOADS
CREATE DRUPAL-SPECIFIC
EDITORIAL GUIDELINES
Pixelated
DESIGN THE GUIDELINES
TEACH IN PERSON
WRITE
1. More resources
2. Better education
3. Better planning
THANK YOU!
Nica Lorber / Creative Director / Chapter Three
nicelobster
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Don't Let Crappy Content Ruin Your New Site
Upcoming SlideShare
Loading in …5
×

Don't Let Crappy Content Ruin Your New Site

1,384 views

Published on

Nothing is worse than delivering a sparkling new site full of promise and seeing it ruined with crappy content. The best designed sites can be wrecked with blurry imagery, poor copy, and incorrect use of styles.

This talk covers factors that contribute to crappy content implementation and the steps we can take to avoid them. I will share deliverables that close the gap between site launch and maintenance.

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

No Downloads
Views
Total views
1,384
On SlideShare
0
From Embeds
0
Number of Embeds
280
Actions
Shares
0
Downloads
17
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Don't Let Crappy Content Ruin Your New Site

  1. 1. Nica Lorber / Creative Director / Chapter Three nicelobster DON'T LET CRAPPY CONTENT RUIN YOUR NEW SITE JUNE 3, 2014 / DRUPALCON AUSTIN / UX DESIGN TRACK
  2. 2. chapter_three
  3. 3. AMAZING WEBSITES BEAUTIFUL DESIGN ROCK SOLID DEVELOPMENT MEANINGFUL CONTENT AMAZING WEBSITES
  4. 4. THE PROBLEM
  5. 5. photo credit; Joey Parsons https://www.flickr.com/photos/joeyparsons/3531756010/ Businesses & organizations diminish the investment in their sites with poor content
  6. 6. THE SOLUTION
  7. 7. 1. More resources 2. Better education 3. Better planning
  8. 8. RESOURCING
  9. 9. DIGITAL STRATEGIST DESIGNER UX DESIGNER PROJECT MANAGER WRITER INFORMATION ARCHITECT SEO EXPERT SOCIAL MEDIA EXPERT MARKETER DRUPAL ADMINISTRATOR DATA ANALYST CONTENT STRATEGIST DEVELOPER SUBJECT EXPERT HMTL CHOPS
  10. 10. PROJECT MANAGER DRUPAL ADMINISTRATOR DATA ANALYST HMTL CHOPS
  11. 11. PROJECT MANAGER WRITER MARKETER
  12. 12. DIGITAL STRATEGIST DESIGNER UX SPECIALIST PROJECT MANAGER COPY WRITER INFORMATION ARCHITECT SEO SPECIALIST SOCIAL MEDIA EXPERT MARKETER DRUPAL ADMINISTRATOR DATA ANALYST CONTENT STRATEGIST DEVELOPER SUBJECT EXPERT HMTL CHOPS Content needs a CHAMPION! Photo by: John Haslam / http://bit.ly/1nx0N9i
  13. 13. CONTENT DESERVES 
 MORE $$$$$.
  14. 14. RESOURCING SOLUTIONS • Invest in training your best suited employees • Prioritize employee retention (more $$$) • Empower those who understand the web
  15. 15. EDUCATION
  16. 16. WHAT IS CONTENT?
  17. 17. NAVIGATION
  18. 18. COPY
  19. 19. IMAGES
  20. 20. GRAPHICS
  21. 21. TAXONOMY
  22. 22. VIDEOS
  23. 23. Taxonomy Usability? Images Graphics SYNTHESIS of everything on your site Video Navigation Speed? Copy
  24. 24. WHAT IS CRAPPY CONTENT?
  25. 25. 1. Is not curated for the web 2. Decreases usability 3. Does not meet site goals
  26. 26. WRITING FOR THE WEB HTTP://CHAPTERTHREE.COM/BLOG/HOW-WRITE-WEB
  27. 27. WHY WRITE DIFFERENTLY FOR THE WEB? • People read 20% slower online • People are task focused • People scan
  28. 28. Reference: http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
  29. 29. CONTENT LENGTH?
  30. 30. AVOID REDUNDANT PHRASES
  31. 31. WRITE CONCISELY
  32. 32. AVOID BANNER BLINDNESS
  33. 33. DEFINE CONTENT GOALS 1. What is the communication goal of the page? 2. Who is the audience? 3. What are the key calls to action?
  34. 34. GOALS FOR EDITING 1. What is the utilitarian function of the page? 2. Can content be shorter or more skimmable? 3. Can redundant content be eliminated?
  35. 35. BREAK GRAMMAR RULES • Sentence fragments allow users to scan • 1, 2, 3, instead of one, two, three • Paragraphs don’t need 3-5 sentences REF: http://www.nngroup.com/articles/break-grammar-rules/
  36. 36. SOURCING IMAGERY • Who is in charge of imagery? • Are there imagery guidelines? • Is there an image budget?
  37. 37. SOURCING PHOTOS • Take them yourself • Search Creative Commons • Buy them • Hire a photographer
  38. 38. RESOURCES • http://www.istockphoto.com • http://www.stocksy.com • http://search.creativecommons.org • http://compfight.com
  39. 39. EXAMPLE
  40. 40. PLANNING
  41. 41. BETTER UX •What is the nature of the content? •Who are the content creators? •What are their skills? •Image heavy? •Who writes? •How often?
  42. 42. CONTENT TEASERS
  43. 43. CONTENT TEASERS
  44. 44. AUTOMATE TEASER LENGTH
  45. 45. MAKE HELPER TEXT 
 ON IMAGE UPLOADS
  46. 46. CREATE DRUPAL-SPECIFIC EDITORIAL GUIDELINES
  47. 47. Pixelated
  48. 48. DESIGN THE GUIDELINES
  49. 49. TEACH IN PERSON
  50. 50. WRITE
  51. 51. 1. More resources 2. Better education 3. Better planning
  52. 52. THANK YOU! Nica Lorber / Creative Director / Chapter Three nicelobster

×