Web Content From a Designer's Perspective

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/