don't let crappy content ruin your new site
DESCRIPTION
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.TRANSCRIPT
![Page 1: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/1.jpg)
Nica Lorber / Creative Director / Chapter Three
nicelobster
DON'T LET CRAPPY CONTENT RUIN YOUR NEW SITE
JUNE 3, 2014 / DRUPALCON AUSTIN / UX DESIGN TRACK
![Page 2: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/2.jpg)
chapter_three
![Page 3: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/3.jpg)
AMAZINGWEBSITES
BEAUTIFUL DESIGN
ROCK SOLID DEVELOPMENT
MEANINGFUL CONTENT
AMAZING WEBSITES
![Page 4: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/4.jpg)
THE PROBLEM
![Page 5: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/5.jpg)
photo credit; Joey Parsons https://www.flickr.com/photos/joeyparsons/3531756010/
Businesses & organizations diminish the investment in their sites with poor content
![Page 6: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/6.jpg)
THE SOLUTION
![Page 7: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/7.jpg)
1. More resources
2. Better education
3. Better planning
![Page 8: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/8.jpg)
RESOURCING
![Page 9: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/9.jpg)
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
![Page 10: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/10.jpg)
PROJECT MANAGER
DRUPAL ADMINISTRATOR
DATA ANALYST
HMTL CHOPS
![Page 11: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/11.jpg)
PROJECT MANAGER
WRITER
MARKETER
![Page 12: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/12.jpg)
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
![Page 13: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/13.jpg)
CONTENT DESERVES MORE $$$$$.
![Page 14: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/14.jpg)
RESOURCING SOLUTIONS
• Invest in training your best suited employees
• Prioritize employee retention (more $$$)
• Empower those who understand the web
![Page 15: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/15.jpg)
EDUCATION
![Page 16: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/16.jpg)
WHAT IS CONTENT?
![Page 17: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/17.jpg)
NAVIGATION
![Page 18: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/18.jpg)
COPY
![Page 19: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/19.jpg)
IMAGES
![Page 20: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/20.jpg)
GRAPHICS
![Page 21: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/21.jpg)
TAXONOMY
![Page 22: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/22.jpg)
VIDEOS
![Page 23: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/23.jpg)
Taxonomy
Usability?
Images
Graphics
SYNTHESISof everything on your site
Video
Navigation Speed?
Copy
![Page 24: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/24.jpg)
WHAT IS CRAPPY CONTENT?
![Page 25: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/25.jpg)
1. Is not curated for the web
2. Decreases usability
3. Does not meet site goals
![Page 26: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/26.jpg)
WRITING FOR THE WEBHTTP://CHAPTERTHREE.COM/BLOG/HOW-WRITE-WEB
![Page 27: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/27.jpg)
WHY WRITE DIFFERENTLY FOR THE WEB?
• People read 20% slower online
• People are task focused
• People scan
![Page 28: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/28.jpg)
Reference: http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
![Page 29: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/29.jpg)
![Page 30: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/30.jpg)
![Page 31: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/31.jpg)
![Page 32: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/32.jpg)
![Page 33: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/33.jpg)
![Page 34: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/34.jpg)
CONTENT LENGTH?
![Page 35: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/35.jpg)
![Page 36: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/36.jpg)
AVOID REDUNDANT PHRASES
![Page 37: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/37.jpg)
WRITE CONCISELY
![Page 38: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/38.jpg)
AVOID BANNER BLINDNESS
![Page 39: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/39.jpg)
![Page 40: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/40.jpg)
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?
![Page 41: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/41.jpg)
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?
![Page 42: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/42.jpg)
![Page 43: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/43.jpg)
![Page 44: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/44.jpg)
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/
![Page 45: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/45.jpg)
SOURCING IMAGERY
• Who is in charge of imagery?
• Are there imagery guidelines?
• Is there an image budget?
![Page 46: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/46.jpg)
SOURCING PHOTOS
• Take them yourself
• Search Creative Commons
• Buy them
• Hire a photographer
![Page 47: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/47.jpg)
RESOURCES
• http://www.istockphoto.com
• http://www.stocksy.com
• http://search.creativecommons.org
• http://compfight.com
![Page 48: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/48.jpg)
EXAMPLE
![Page 49: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/49.jpg)
PLANNING
![Page 50: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/50.jpg)
BETTER UX
•What is the nature of the content?
•Who are the content creators?
•What are their skills?
•Image heavy?
•Who writes?
•How often?
![Page 51: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/51.jpg)
CONTENT TEASERS
![Page 52: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/52.jpg)
CONTENT TEASERS
![Page 53: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/53.jpg)
AUTOMATE TEASER LENGTH
![Page 54: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/54.jpg)
MAKE HELPER TEXT ON IMAGE UPLOADS
![Page 55: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/55.jpg)
![Page 56: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/56.jpg)
![Page 57: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/57.jpg)
![Page 58: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/58.jpg)
![Page 59: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/59.jpg)
CREATE DRUPAL-SPECIFIC EDITORIAL GUIDELINES
![Page 60: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/60.jpg)
![Page 61: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/61.jpg)
![Page 62: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/62.jpg)
Pixelated
![Page 63: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/63.jpg)
DESIGN THE GUIDELINES
![Page 64: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/64.jpg)
TEACH IN PERSON
![Page 65: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/65.jpg)
WRITE
![Page 66: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/66.jpg)
![Page 67: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/67.jpg)
![Page 68: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/68.jpg)
1. More resources
2. Better education
3. Better planning
![Page 69: Don't Let Crappy Content Ruin Your New Site](https://reader033.vdocuments.mx/reader033/viewer/2022051611/54b6fd764a7959a5348b4569/html5/thumbnails/69.jpg)
THANK YOU!Nica Lorber / Creative Director / Chapter Three
nicelobster