byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

description

Destroy The “Web 2.0 Look” by Elliot Jay Stocks elliotjaystocks.com/fowd We have a problem... or two We have a problem... or two Problem 01: a design problem What do people consider to be the “Web 2.0 Look”? What do people consider to be the “Web 2.0 Look”? Vibrant, high contrast colours What do people consider to be the “Web 2.0 Look”? Vibrant, high contrast colours ‘Special offer’ badges

Transcript of byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Page 1: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

Page 2: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

We have a problem... or two

Page 3: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

We have a problem... or two

Problem 01: a design problem

Page 4: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 5: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 6: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 7: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

Page 8: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

Vibrant, high contrast colours

Page 9: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 10: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

Vibrant, high contrast colours‘Special offer’ badges

Page 11: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 12: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

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

Page 13: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 14: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

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

Page 15: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 16: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

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

Page 17: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 18: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

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

Page 19: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 20: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 22: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 24: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 25: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 26: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 27: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

From now on:

Page 28: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

From now on:

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

Page 29: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Where did it come from?

Page 30: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Where did it come from?

The undisputed shiny kings of sheen:

Page 31: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 32: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Where did it come from?

The undisputed shiny kings of sheen: Apple.

Page 33: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Big name designers...

Page 37: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 38: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 39: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 40: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 41: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 42: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 43: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 44: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Big name designers...

Page 45: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Big name designers...

... are not bowing down to trends.

Page 46: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

‘Make My Logo Bigger’ cream makemylogobiggercream.com

Page 50: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 51: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 52: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 53: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi
Page 54: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

‘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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

‘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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

We have a problem... or two

Problem 01: a design problem

Problem 02: a conceptual problem

Page 57: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

The web design recruitment industry

Page 58: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

Page 59: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

Web 2.0.”

Page 60: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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

Page 61: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

The web design recruitment industry

Page 62: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

The web design recruitment industry, senior management

Page 63: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

The web design recruitment industry, senior management,and marketers

Page 64: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

When was design mentioned?

Page 71: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

When was design mentioned?

It wasn’t.

Page 72: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Web 2.0 is not a design aesthetic

Page 73: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Or is it?

Page 75: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Or is it?

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

Page 76: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Conclusion

Page 78: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Conclusion

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

Page 79: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

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: byElliotJayStockselliotjaystocks.com/fowdWehaveaproblem...ortwoWehaveaproblem...ortwoProblem01:adesi

Thank youelliotjaystocks.com/fowd