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

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

7. What do people consider to
be the “Web 2.0 Look”?

8. What do people consider to
be the “Web 2.0 Look”?
Vibrant, high contrast colours

10. What do people consider to
be the “Web 2.0 Look”?
Vibrant, high contrast colours
‘Special offer’ badges

12. What do people consider to
be the “Web 2.0 Look”?
Vibrant, high contrast colours
‘Special offer’ badges
Gloss / sheen

14. What do people consider to
be the “Web 2.0 Look”?
Vibrant, high contrast colours
‘Special offer’ badges
Gloss / sheen
Bevelled edges

16. What do people consider to
be the “Web 2.0 Look”?
Vibrant, high contrast colours
‘Special offer’ badges
Gloss / sheen
Bevelled edges
Gradients

18. 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

20. 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)

22. 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!!!

27. From now on:

28. From now on:
You’re only allowed
to use a logo reflection
if your company name
has the word ‘reflect’ in it.

29. Where did it come from?

30. Where did it come from?
The undisputed shiny kings of sheen:

32. Where did it come from?
The undisputed shiny kings of sheen: Apple.

33. 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.

34. 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.

35. 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.

36. Big name designers...

44. Big name designers...

45. Big name designers...
... are not bowing down to trends.

46. 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

47. 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

48. 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.

49. ‘Make My Logo Bigger’
cream makemylogobiggercream.com

54. ‘Make My Logo Bigger’
cream makemylogobiggercream.com
It highlights the serious issue that non-creative clients
often have too much power over designers.

55. ‘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.

56. We have a problem... or two
Problem 01: a design problem
Problem 02: a conceptual problem

57. The web design
recruitment industry

58. “We’re looking for a great
Web 2.0 designer!”

59. “Our client is after a designer
who can make sites look
Web 2.0.”

60. “We want a designer who can
design to current trends.”

61. The web design
recruitment industry

62. The web design
recruitment industry,
senior management

63. The web design
recruitment industry,
senior management,
and marketers

64. The web design
recruitment industry,
senior management,
and marketers
If Web 2.0 translates as successful business, who cares
what it really means?

65. 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.

66. 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.

67. 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

68. 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.”

69. 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.

70. When was design
mentioned?

71. When was design
mentioned?
It wasn’t.

72. Web 2.0 is not a design
aesthetic

73. 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.

74. Or is it?

75. Or is it?
There are some benefits to referring to it as an
aesthetic rather than a concept.

76. 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.

77. Conclusion

78. Conclusion
Design cliches will always exist. Understand why the
exist, for whom they exist, and how to avoid them.

79. 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.

80. 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.

81. 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.

82. Thank you
elliotjaystocks.com/fowd