FOWD November 2007

82
Destroy The “Web 2.0 Look” by Elliot Jay Stocks elliotjaystocks.com/fowd

description

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

Transcript of FOWD November 2007

Page 1: FOWD November 2007

Destroy The “Web 2.0 Look”by Elliot Jay Stockselliotjaystocks.com/fowd

Page 2: FOWD November 2007

We have a problem... or two

Page 3: FOWD November 2007

We have a problem... or two

Problem 01: a design problem

Page 4: FOWD November 2007
Page 5: FOWD November 2007
Page 6: FOWD November 2007
Page 7: FOWD November 2007

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

Page 8: FOWD November 2007

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

Vibrant, high contrast colours

Page 9: FOWD November 2007
Page 10: FOWD November 2007

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

Vibrant, high contrast colours‘Special offer’ badges

Page 11: FOWD November 2007
Page 12: FOWD November 2007

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

Vibrant, high contrast colours‘Special offer’ badgesGloss / sheen

Page 13: FOWD November 2007
Page 14: FOWD November 2007

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

Vibrant, high contrast colours‘Special offer’ badgesGloss / sheenBevelled edges

Page 15: FOWD November 2007
Page 16: FOWD November 2007

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

Vibrant, high contrast colours‘Special offer’ badgesGloss / sheenBevelled edgesGradients

Page 17: FOWD November 2007
Page 18: FOWD November 2007

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

Vibrant, high contrast colours‘Special offer’ badgesGloss / sheenBevelled edgesGradientsDiagonal lines

Page 19: FOWD November 2007
Page 20: FOWD November 2007

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

Vibrant, high contrast colours‘Special offer’ badgesGloss / sheenBevelled edgesGradientsDiagonal linesSoft-focus effects (subtle outer glow)

Page 21: FOWD November 2007
Page 22: FOWD November 2007

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

Vibrant, high contrast colours‘Special offer’ badgesGloss / sheenBevelled edgesGradientsDiagonal linesSoft-focus effects (subtle outer glow)REFLECTED LOGO!!!

Page 23: FOWD November 2007
Page 24: FOWD November 2007
Page 25: FOWD November 2007
Page 26: FOWD November 2007
Page 27: FOWD November 2007

From now on:

Page 28: FOWD November 2007

From now on:

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

Page 29: FOWD November 2007

Where did it come from?

Page 30: FOWD November 2007

Where did it come from?

The undisputed shiny kings of sheen:

Page 31: FOWD November 2007
Page 32: FOWD November 2007

Where did it come from?

The undisputed shiny kings of sheen: Apple.

Page 33: FOWD November 2007

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.

Page 34: FOWD November 2007

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.

Page 35: FOWD November 2007

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.

Page 36: FOWD November 2007

Big name designers...

Page 37: FOWD November 2007
Page 38: FOWD November 2007
Page 39: FOWD November 2007
Page 40: FOWD November 2007
Page 41: FOWD November 2007
Page 42: FOWD November 2007
Page 43: FOWD November 2007
Page 44: FOWD November 2007

Big name designers...

Page 45: FOWD November 2007

Big name designers...

... are not bowing down to trends.

Page 46: FOWD November 2007

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

Page 47: FOWD November 2007

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

Page 48: FOWD November 2007

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.

Page 49: FOWD November 2007

‘Make My Logo Bigger’ cream makemylogobiggercream.com

Page 50: FOWD November 2007
Page 51: FOWD November 2007
Page 52: FOWD November 2007
Page 53: FOWD November 2007
Page 54: FOWD November 2007

‘Make My Logo Bigger’ cream makemylogobiggercream.com

It highlights the serious issue that non-creative clients often have too much power over designers.

Page 55: FOWD November 2007

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

Page 56: FOWD November 2007

We have a problem... or two

Problem 01: a design problem

Problem 02: a conceptual problem

Page 57: FOWD November 2007

The web design recruitment industry

Page 58: FOWD November 2007

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

Page 59: FOWD November 2007

“Our client is after a designer who can make sites look

Web 2.0.”

Page 60: FOWD November 2007

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

Page 61: FOWD November 2007

The web design recruitment industry

Page 62: FOWD November 2007

The web design recruitment industry, senior management

Page 63: FOWD November 2007

The web design recruitment industry, senior management,and marketers

Page 64: FOWD November 2007

The web design recruitment industry, senior management,and marketers

If Web 2.0 translates as successful business, who cares what it really means?

Page 65: FOWD November 2007

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.

Page 66: FOWD November 2007

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.

Page 67: FOWD November 2007

Tim O’Reilly’s article aboutWeb 2.0 tinyurl.com/y3uhod

Web 1.0DoubleClickOfotoAkamaimp3.comBritannica Onlinepersonal websitesevitedomain name speculationpage viewsscreen scrapingpublishingcontent management systemsdirectories (taxonomy)stickiness

Web 2.0Google AdSenseFlickrBitTorrentNapsterWikipediabloggingupcoming.org and EVDBsearch engine optimizationcost per clickweb servicesparticipationwikistagging ("folksonomy")syndication

Page 68: FOWD November 2007

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

Page 69: FOWD November 2007

Web 2.0 on Wikipediaen.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.

Page 70: FOWD November 2007

When was design mentioned?

Page 71: FOWD November 2007

When was design mentioned?

It wasn’t.

Page 72: FOWD November 2007

Web 2.0 is not a design aesthetic

Page 73: FOWD November 2007

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.

Page 74: FOWD November 2007

Or is it?

Page 75: FOWD November 2007

Or is it?

There are some benefits to referring to it as an aesthetic rather than a concept.

Page 76: FOWD November 2007

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.

Page 77: FOWD November 2007

Conclusion

Page 78: FOWD November 2007

Conclusion

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

Page 79: FOWD November 2007

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.

Page 80: FOWD November 2007

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.

Page 81: FOWD November 2007

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.

Page 82: FOWD November 2007

Thank youelliotjaystocks.com/fowd