Web Content From a Designer's Perspective

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
  4. None
  5. None
  6. Content

  7. “Content is King”

  8. None
  9. None
  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

  13. None
  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

  17. None
  18. None
  19. None
  20. Utilize Typography and Images

  21. vs.  

  22. None
  23. None
  24. None
  25. None
  26. Use Whitespace

  27. None
  28. None
  29. None
  30. Follow Web Patterns

  31. None
  32. None
  33. Have a Search Bar

  34. None
  35. None
  36. Developers? UX Designers? Project Managers? Content Strategists?

  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  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/