FOWD November 2007
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

FOWD November 2007

on

  • 218,005 views

'Destroy The Web 2.0 Look': a presentation by Elliot Jay Stocks at Future of Web Design, November 2007

'Destroy The Web 2.0 Look': a presentation by Elliot Jay Stocks at Future of Web Design, November 2007

Statistics

Views

Total Views
218,005
Views on SlideShare
145,778
Embed Views
72,227

Actions

Likes
232
Downloads
3,219
Comments
20

807 Embeds 72,227

http://elliotjaystocks.com 38089
http://www.vanseodesign.com 7614
http://alt1040.com 1834
http://www.mauriciogiraldo.com 1513
http://www.jay-han.com 1308
http://www.graphic-design-blog.com 1215
http://www.gdambra.com 940
http://colorspretty.blogspot.com 879
http://www.pl0g.de 856
http://www.werbeblogger.de 848
http://benjaminsterling.com 490
http://smorgasbord-design.blogspot.com 485
http://designportugues.blogs.sapo.pt 481
http://goodexperience.com 461
http://www.thewavingcat.com 436
http://www.asiermarques.com 403
http://interaction.dundee.ac.uk 361
http://aggregatemadbox.com 344
http://www.aloestudios.com 326
http://www.colmeia.tv 317
http://fipolab.com 283
http://splitdadiz.com 283
http://www.goodexperience.com 273
http://www.programavostok.com 258
http://marinonrails.blogspot.com 244
http://sirehdancengkeh.com 235
http://www.netvibes.com 230
http://pea-nuts.org 220
http://uisaint.com 210
http://www.elliotjaystocks.com 209
http://www.vijayforvictory.com 194
http://www.thalisvalle.com 191
http://www.simdalom.com 187
http://comunicacaodigital.unisinos.br 179
http://www.noventilador.com.br 179
http://static.slideshare.net 176
http://www.etudoounada.com.br 167
http://aloestudios.com 164
http://nerowinger.com 161
http://www.vcfreak.com 159
http://www.carlosarranz.es 158
http://www.futuraimmagine.com 154
http://www.asourceofinspiration.com 150
http://entwickler.com 147
http://2creativo.net 142
http://createordie.de 139
http://www.2creativo.es 136
http://istand4him.blogspot.com 134
http://www.siestaviolenta.com 125
http://istand4him.blogspot.com.br 125
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

15 of 20 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

FOWD November 2007 Presentation Transcript

  • 1. Destroy The “Web 2.0 Look” by Elliot Jay Stocks elliotjaystocks.com/fowd
  • 2. We have a problem... or two
  • 3. We have a problem... or two Problem 01: a design problem
  • 4. What do people consider to be the “Web 2.0 Look”?
  • 5. What do people consider to be the “Web 2.0 Look”? Vibrant, high contrast colours
  • 6. What do people consider to be the “Web 2.0 Look”? Vibrant, high contrast colours ‘Special offer’ badges
  • 7. What do people consider to be the “Web 2.0 Look”? Vibrant, high contrast colours ‘Special offer’ badges Gloss / sheen
  • 8. What do people consider to be the “Web 2.0 Look”? Vibrant, high contrast colours ‘Special offer’ badges Gloss / sheen Bevelled edges
  • 9. What do people consider to be the “Web 2.0 Look”? Vibrant, high contrast colours ‘Special offer’ badges Gloss / sheen Bevelled edges Gradients
  • 10. What do people consider to be the “Web 2.0 Look”? Vibrant, high contrast colours ‘Special offer’ badges Gloss / sheen Bevelled edges Gradients Diagonal lines
  • 11. What do people consider to be the “Web 2.0 Look”? Vibrant, high contrast colours ‘Special offer’ badges Gloss / sheen Bevelled edges Gradients Diagonal lines Soft-focus effects (subtle outer glow)
  • 12. What do people consider to be the “Web 2.0 Look”? Vibrant, high contrast colours ‘Special offer’ badges Gloss / sheen Bevelled edges Gradients Diagonal lines Soft-focus effects (subtle outer glow) REFLECTED LOGO!!!
  • 13. From now on:
  • 14. From now on: You’re only allowed to use a logo reflection if your company name has the word ‘reflect’ in it.
  • 15. Where did it come from?
  • 16. Where did it come from? The undisputed shiny kings of sheen:
  • 17. Where did it come from? The undisputed shiny kings of sheen: Apple.
  • 18. Where did it come from? The undisputed shiny kings of sheen: Apple. Apple have used this look with subtlety and its portrayal is always in a constant state of evolution.
  • 19. Where did it come from? The undisputed shiny kings of sheen: Apple. Apple have used this look with subtlety and its portrayal is always in a constant state of evolution. Tweaking and modifying popular design aesthetics is the only way to avoid cliche.
  • 20. Where did it come from? The undisputed shiny kings of sheen: Apple. Apple have used this look with subtlety and its portrayal is always in a constant state of evolution. Tweaking and modifying popular design aesthetics is the only way to avoid cliche. In time, even the best ideas will become cliched when over-used.
  • 21. Big name designers...
  • 22. Big name designers...
  • 23. Big name designers... ... are not bowing down to trends.
  • 24. Big name designers... ... are not bowing down to trends. Take note: if the world’s best and most original designers are avoiding cliches, there is
  • 25. Big name designers... ... are not bowing down to trends. Take note: if the world’s best and most original designers are avoiding cliches, there is a) a reason
  • 26. Big name designers... ... are not bowing down to trends. Take note: if the world’s best and most original designers are avoiding cliches, there is a) a reason, and b) a technique.
  • 27. ‘Make My Logo Bigger’ cream makemylogobiggercream.com
  • 28. ‘Make My Logo Bigger’ cream makemylogobiggercream.com It highlights the serious issue that non-creative clients often have too much power over designers.
  • 29. ‘Make My Logo Bigger’ cream makemylogobiggercream.com It highlights the serious issue that non-creative clients often have too much power over designers. It’s up to designers to assert their role in a project.
  • 30. We have a problem... or two Problem 01: a design problem Problem 02: a conceptual problem
  • 31. The web design recruitment industry
  • 32. “We’re looking for a great Web 2.0 designer!”
  • 33. “Our client is after a designer who can make sites look Web 2.0.”
  • 34. “We want a designer who can design to current trends.”
  • 35. The web design recruitment industry
  • 36. The web design recruitment industry, senior management
  • 37. The web design recruitment industry, senior management, and marketers
  • 38. The web design recruitment industry, senior management, and marketers If Web 2.0 translates as successful business, who cares what it really means?
  • 39. The web design recruitment industry, senior management, and marketers If Web 2.0 translates as successful business, who cares what it really means? Following trends is often profitable.
  • 40. The web design recruitment industry, senior management, and marketers If Web 2.0 translates as successful business, who cares what it really means? Following trends is often profitable. Misunderstanding arrives because of the removal from the ‘doing’ process.
  • 41. Tim O’Reilly’s article about Web 2.0 tinyurl.com/y3uhod Web 1.0 Web 2.0 DoubleClick Google AdSense Ofoto Flickr Akamai BitTorrent mp3.com Napster Britannica Online Wikipedia personal websites blogging evite upcoming.org and EVDB domain name speculation search engine optimization page views cost per click screen scraping web services publishing participation content management systems wikis directories (taxonomy) tagging (quot;folksonomyquot;) stickiness syndication
  • 42. Jesse James Garrett’s article about AJAX tinyurl.com/29nlsm “Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates: • standards-based presentation using XHTML and CSS; • dynamic display and interaction using the Document Object Model; • data interchange and manipulation using XML and XSLT; • asynchronous data retrieval using XMLHttpRequest; • and JavaScript binding everything together.”
  • 43. Web 2.0 on Wikipedia en.wikipedia.org/wiki/Web_2 Web 2.0 refers to a perceived second generation of web-based communities and hosted services which aim to facilitate collaboration and sharing between users. Although the term suggests a new version of the World Wide Web, it does not refer to an update to any technical specifications, but to changes in the ways software developers and end-users use the internet.
  • 44. When was design mentioned?
  • 45. When was design mentioned? It wasn’t.
  • 46. Web 2.0 is not a design aesthetic
  • 47. Web 2.0 is not a design aesthetic is not a design aesthetic is not a design aesthetic is not a design aesthetic is not a design aesthetic is not a design aesthetic is not a design aesthetic is not a design aesthetic.
  • 48. Or is it?
  • 49. Or is it? There are some benefits to referring to it as an aesthetic rather than a concept.
  • 50. Or is it? There are some benefits to referring to it as an aesthetic rather than a concept. But ultimately this leads to false understanding.
  • 51. Conclusion
  • 52. Conclusion Design cliches will always exist. Understand why the exist, for whom they exist, and how to avoid them.
  • 53. Conclusion Design cliches will always exist. Understand why the exist, for whom they exist, and how to avoid them. Incorporating current trends into your work can be a very good move, but add a dash of originality too.
  • 54. Conclusion Design cliches will always exist. Understand why the exist, for whom they exist, and how to avoid them. Incorporating current trends into your work can be a very good move, but add a dash of originality too. Learn from the best - don’t rely on the flock to provide inspiration. Adapt continuously.
  • 55. Conclusion Design cliches will always exist. Understand why the exist, for whom they exist, and how to avoid them. Incorporating current trends into your work can be a very good move, but add a dash of originality too. Learn from the best - don’t rely on the flock to provide inspiration. Adapt continuously. Educate the masses that the “Web 2.0 Look” is a meaningless term. Web 2.0 is a concept... ... not a design aesthetic.
  • 56. Thank you elliotjaystocks.com/fowd