Web Content From a Designer's Perspective

Looking at web content through the eyes of a designer.

Transcript

1. Content from a designer’s perspective
2. Content vs. Design
3. Design “It takes about 50 milliseconds (that’s 0.05 seconds) for users to form an opinion about your website that determines whether they like your site or not, whether they’ll stay or leave” -2012 Google Study
6. Content
7. “Content is King”
10. Good design gets visitors to stay on a website Good content keeps visitors coming back +  
11. Designing for Content
12. Get All of the Content Up Front
14. …unless we’re talking about cupcake ipsum! Cupcake ipsum dolor sit amet chupa chups marzipan chocolate cake. Bear claw I love muffin jelly wypas pastry carrot cake cookie. Topping caramels faworki chupa chups. I love tart sweet. Jelly liquorice tiramisu jujubes. Powder cake halvah I love. Cookie I love dessert biscuit cheesecake donut. Tart sesame snaps pudding toffee caramels pastry brownie pastry.
15. Think “Lifestyle” and Not “Launch”
16. Make Sure Content is Scan-able
20. Utilize Typography and Images
21. vs.  
26. Use Whitespace
30. Follow Web Patterns
33. Have a Search Bar
36. Developers? UX Designers? Project Managers? Content Strategists?
44. References •  http://www.onextrapixel.com/2011/02/23/planning-for-a-content-heavy-web-design/ •  http://www.shayhowe.com/web-design/web-content-strategy/ •  http://www.urbanfonts.com/blog/2013/02/serif-vs-sans-the-final-battle/ •  http://www.vanseodesign.com/web-design/is-content-necessary/ •  http://research.google.com/pubs/pub38315.html •  http://conversionxl.com/first-impressions-matter-the-importance-of-great-visual-design/ •  http://googleresearch.blogspot.com/2012/08/users-love-simple-and-familiar-designs.html •  http://www.livescience.com/10429-impressions-difficult-change-study.html •  http://www.alexa.com/topsites/countries/US Images: •  http://www.hongkiat.com/blog/beautiful-website-search-box-ui-design/ •  http://blog.kissmetrics.com/common-website-navigation-mistakes/ •  http://www.griplimited.com/ •  http://blog.hiledesign.com/lorem-what/2439/ •  http://www.facebook.com/ •  http://www.bing.com/ •  http://craigslist.org/ •  http://en.wikipedia.org/wiki/Main_Page •  http://www.nytimes.com/ •  http://www.usatoday.com/ •  http://www.newyorker.com/ •  http://jacksonvilleartwalk.com/#media •  http://austinbeerworks.com/beer/ •  http://heymosaic.com/ •  http://www.empellon.com/cocina/#close •  http://www.apple.com/ •  http://mailchimp.com/ •  http://www.wired.com/ •  http://www.maisonmartinmargiela.com/ •  http://venturebeat.com/ •  http://singlefunction.com/wordpress/wp-content/themes/showcastic/styles/common/images/clutter_example.jpg •  http://www.reddit.com/ •  http://www.custommade.com/ •  http://www.indiegogo.com/