SlideShare una empresa de Scribd logo
1 de 82
Descargar para leer sin conexión
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
FOWD November 2007
FOWD November 2007
FOWD November 2007
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
FOWD November 2007
What do people consider to
be the “Web 2.0 Look”?

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

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

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

Vibrant, high contrast colours
‘Special offer’ badges
Gloss / sheen
Bevelled edges
Gradients
FOWD November 2007
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
FOWD November 2007
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)
FOWD November 2007
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!!!
FOWD November 2007
FOWD November 2007
FOWD November 2007
FOWD November 2007
From now on:
From now on:

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

The undisputed shiny kings of sheen:
FOWD November 2007
Where did it come from?

The undisputed shiny kings of sheen: Apple.
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.
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.
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.
Big name designers...
FOWD November 2007
FOWD November 2007
FOWD November 2007
FOWD November 2007
FOWD November 2007
FOWD November 2007
FOWD November 2007
Big name designers...
Big name designers...

... are not bowing down to trends.
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
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
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.
‘Make My Logo Bigger’
cream makemylogobiggercream.com
FOWD November 2007
FOWD November 2007
FOWD November 2007
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.
‘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.
We have a problem... or two

Problem 01: a design problem

Problem 02: a conceptual problem
The web design
recruitment industry
“We’re looking for a great
  Web 2.0 designer!”
“Our client is after a designer
  who can make sites look
          Web 2.0.”
“We want a designer who can
 design to current trends.”
The web design
recruitment industry
The web design
recruitment industry,
senior management
The web design
recruitment industry,
senior management,
and marketers
The web design
recruitment industry,
senior management,
and marketers

If Web 2.0 translates as successful business, who cares
what it really means?
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.
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.
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
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.”
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.
When was design
mentioned?
When was design
mentioned?

It wasn’t.
Web 2.0 is not a design
aesthetic
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.
Or is it?
Or is it?

There are some benefits to referring to it as an
aesthetic rather than a concept.
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.
Conclusion
Conclusion

Design cliches will always exist. Understand why the
exist, for whom they exist, and how to avoid them.
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.
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.
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.
Thank you
elliotjaystocks.com/fowd

Más contenido relacionado

La actualidad más candente

10 spaces-ux capabilities-presentation
10 spaces-ux capabilities-presentation10 spaces-ux capabilities-presentation
10 spaces-ux capabilities-presentationMatt DeYoung
 
Design Thinking Guide for Successful Professionals- Chapter 1
Design Thinking Guide for Successful Professionals- Chapter 1Design Thinking Guide for Successful Professionals- Chapter 1
Design Thinking Guide for Successful Professionals- Chapter 1archholy
 
Hunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalHunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalPatrick Neeman
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobLynn Teo
 
The Quest for the Ultimate UX Portfolio
The Quest for the Ultimate UX PortfolioThe Quest for the Ultimate UX Portfolio
The Quest for the Ultimate UX PortfolioPradeep Nayar
 
Bryan Daniel UX Portfolio
Bryan Daniel UX PortfolioBryan Daniel UX Portfolio
Bryan Daniel UX PortfolioBryandan6
 
Nine ways Creative Professionals can become Creative Entrepreneurs
Nine ways Creative Professionals can become Creative Entrepreneurs Nine ways Creative Professionals can become Creative Entrepreneurs
Nine ways Creative Professionals can become Creative Entrepreneurs Dominique Falla
 
Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016Kazumi Terada
 
Jonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa
 
UX Porfolio | Mircea Anton
UX Porfolio | Mircea AntonUX Porfolio | Mircea Anton
UX Porfolio | Mircea AntonMircea Anton
 
Storytelling and the Art of Getting the Design Job
Storytelling and the Art of Getting the Design JobStorytelling and the Art of Getting the Design Job
Storytelling and the Art of Getting the Design JobUXPA International
 
IXDA UX Portfolio: Do's and Dont's
IXDA UX Portfolio: Do's and Dont'sIXDA UX Portfolio: Do's and Dont's
IXDA UX Portfolio: Do's and Dont'sMike Johnson
 
My ux portfolio 2013
My ux portfolio 2013My ux portfolio 2013
My ux portfolio 2013Emily Thomas
 
The Perfect Web Project - does it exist?
The Perfect Web Project - does it exist?The Perfect Web Project - does it exist?
The Perfect Web Project - does it exist?Fröjd Interactive
 
Zebra-People-UX-Portfolio-Guidance
Zebra-People-UX-Portfolio-GuidanceZebra-People-UX-Portfolio-Guidance
Zebra-People-UX-Portfolio-GuidanceBen Clarfelt
 
Amuse UX 2015: Y.Vetrov — Platform Thinking
Amuse UX 2015: Y.Vetrov — Platform ThinkingAmuse UX 2015: Y.Vetrov — Platform Thinking
Amuse UX 2015: Y.Vetrov — Platform ThinkingYury Vetrov
 

La actualidad más candente (20)

Building a UX Portfolio
Building a UX PortfolioBuilding a UX Portfolio
Building a UX Portfolio
 
10 spaces-ux capabilities-presentation
10 spaces-ux capabilities-presentation10 spaces-ux capabilities-presentation
10 spaces-ux capabilities-presentation
 
Design Thinking Guide for Successful Professionals- Chapter 1
Design Thinking Guide for Successful Professionals- Chapter 1Design Thinking Guide for Successful Professionals- Chapter 1
Design Thinking Guide for Successful Professionals- Chapter 1
 
Hunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalHunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX Professional
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the Job
 
The Quest for the Ultimate UX Portfolio
The Quest for the Ultimate UX PortfolioThe Quest for the Ultimate UX Portfolio
The Quest for the Ultimate UX Portfolio
 
Bryan Daniel UX Portfolio
Bryan Daniel UX PortfolioBryan Daniel UX Portfolio
Bryan Daniel UX Portfolio
 
Nine ways Creative Professionals can become Creative Entrepreneurs
Nine ways Creative Professionals can become Creative Entrepreneurs Nine ways Creative Professionals can become Creative Entrepreneurs
Nine ways Creative Professionals can become Creative Entrepreneurs
 
Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016
 
Fixing the User Experience
Fixing the User ExperienceFixing the User Experience
Fixing the User Experience
 
Jonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa - UX Portfolio
Jonah Osawa - UX Portfolio
 
UX Porfolio | Mircea Anton
UX Porfolio | Mircea AntonUX Porfolio | Mircea Anton
UX Porfolio | Mircea Anton
 
Storytelling and the Art of Getting the Design Job
Storytelling and the Art of Getting the Design JobStorytelling and the Art of Getting the Design Job
Storytelling and the Art of Getting the Design Job
 
UX Presentation (1)
UX Presentation (1)UX Presentation (1)
UX Presentation (1)
 
IXDA UX Portfolio: Do's and Dont's
IXDA UX Portfolio: Do's and Dont'sIXDA UX Portfolio: Do's and Dont's
IXDA UX Portfolio: Do's and Dont's
 
My ux portfolio 2013
My ux portfolio 2013My ux portfolio 2013
My ux portfolio 2013
 
The Perfect Web Project - does it exist?
The Perfect Web Project - does it exist?The Perfect Web Project - does it exist?
The Perfect Web Project - does it exist?
 
Zebra-People-UX-Portfolio-Guidance
Zebra-People-UX-Portfolio-GuidanceZebra-People-UX-Portfolio-Guidance
Zebra-People-UX-Portfolio-Guidance
 
The guide to wireframing
The guide to wireframingThe guide to wireframing
The guide to wireframing
 
Amuse UX 2015: Y.Vetrov — Platform Thinking
Amuse UX 2015: Y.Vetrov — Platform ThinkingAmuse UX 2015: Y.Vetrov — Platform Thinking
Amuse UX 2015: Y.Vetrov — Platform Thinking
 

Similar a FOWD November 2007

How to Bluff Your Way in Web 2.0
How to Bluff Your Way in Web 2.0How to Bluff Your Way in Web 2.0
How to Bluff Your Way in Web 2.0Andy Budd
 
So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)Future Insights
 
Close Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline WorldClose Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline Worldelliotjaystocks
 
Simplifying Massive Changes with a Live Style Guide
Simplifying Massive Changes with a Live Style GuideSimplifying Massive Changes with a Live Style Guide
Simplifying Massive Changes with a Live Style GuideMark Meeker
 
Debunking Web Design Myths
Debunking Web Design MythsDebunking Web Design Myths
Debunking Web Design Mythselliotjaystocks
 
Surviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity WarsSurviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity WarsJohn McCrea
 
DCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great DesignDCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great DesignJared Ponchot
 
Principles Of Web Design Workshop
Principles Of Web Design WorkshopPrinciples Of Web Design Workshop
Principles Of Web Design WorkshopGavin Elliott
 
RWD in the Wild
RWD in the WildRWD in the Wild
RWD in the WildRich Quick
 
[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...
[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...
[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...DevDay.org
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNSara Cannon
 
Planning JavaScript and Ajax for larger teams
Planning JavaScript and Ajax for larger teamsPlanning JavaScript and Ajax for larger teams
Planning JavaScript and Ajax for larger teamsChristian Heilmann
 
Running an Open Source Project
Running an Open Source ProjectRunning an Open Source Project
Running an Open Source ProjectGlasslu
 
WEBASSEMBLY - What's the right thing to write? -
WEBASSEMBLY - What's the right thing to write? -WEBASSEMBLY - What's the right thing to write? -
WEBASSEMBLY - What's the right thing to write? -Shin Yoshida
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Association Paris-Web
 
Working In The Now - Paris Web
Working In The Now - Paris WebWorking In The Now - Paris Web
Working In The Now - Paris WebChristian Heilmann
 
Mindmeister Case Study En.Key
Mindmeister Case Study En.KeyMindmeister Case Study En.Key
Mindmeister Case Study En.Keymindmeister
 
Marrying design and business
Marrying design and businessMarrying design and business
Marrying design and businessTechsailor
 
The Essence of Design for Startups
The Essence of Design for StartupsThe Essence of Design for Startups
The Essence of Design for StartupsArun
 

Similar a FOWD November 2007 (20)

How to Bluff Your Way in Web 2.0
How to Bluff Your Way in Web 2.0How to Bluff Your Way in Web 2.0
How to Bluff Your Way in Web 2.0
 
So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)
 
Close Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline WorldClose Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline World
 
Simplifying Massive Changes with a Live Style Guide
Simplifying Massive Changes with a Live Style GuideSimplifying Massive Changes with a Live Style Guide
Simplifying Massive Changes with a Live Style Guide
 
Debunking Web Design Myths
Debunking Web Design MythsDebunking Web Design Myths
Debunking Web Design Myths
 
Surviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity WarsSurviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity Wars
 
DCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great DesignDCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great Design
 
Principles Of Web Design Workshop
Principles Of Web Design WorkshopPrinciples Of Web Design Workshop
Principles Of Web Design Workshop
 
RWD in the Wild
RWD in the WildRWD in the Wild
RWD in the Wild
 
[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...
[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...
[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
 
Planning JavaScript and Ajax for larger teams
Planning JavaScript and Ajax for larger teamsPlanning JavaScript and Ajax for larger teams
Planning JavaScript and Ajax for larger teams
 
Running an Open Source Project
Running an Open Source ProjectRunning an Open Source Project
Running an Open Source Project
 
WEBASSEMBLY - What's the right thing to write? -
WEBASSEMBLY - What's the right thing to write? -WEBASSEMBLY - What's the right thing to write? -
WEBASSEMBLY - What's the right thing to write? -
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008
 
Working In The Now - Paris Web
Working In The Now - Paris WebWorking In The Now - Paris Web
Working In The Now - Paris Web
 
Mindmeister Case Study En.Key
Mindmeister Case Study En.KeyMindmeister Case Study En.Key
Mindmeister Case Study En.Key
 
Marrying design and business
Marrying design and businessMarrying design and business
Marrying design and business
 
The Essence of Design for Startups
The Essence of Design for StartupsThe Essence of Design for Startups
The Essence of Design for Startups
 
SEO and Accessibility
SEO and AccessibilitySEO and Accessibility
SEO and Accessibility
 

Más de elliotjaystocks

Things I have Learned as an Accidental Businessman
Things I have Learned as an Accidental BusinessmanThings I have Learned as an Accidental Businessman
Things I have Learned as an Accidental Businessmanelliotjaystocks
 
WordPress Theme Development for Designers
WordPress Theme Development for DesignersWordPress Theme Development for Designers
WordPress Theme Development for Designerselliotjaystocks
 
Stop Worrying & Get On With It (WDC Bristol 2009)
Stop Worrying & Get On With It (WDC Bristol 2009)Stop Worrying & Get On With It (WDC Bristol 2009)
Stop Worrying & Get On With It (WDC Bristol 2009)elliotjaystocks
 
Stop Worrying & Get On With It: Progressive Enhancement & Intentional Degrada...
Stop Worrying & Get On With It: Progressive Enhancement & Intentional Degrada...Stop Worrying & Get On With It: Progressive Enhancement & Intentional Degrada...
Stop Worrying & Get On With It: Progressive Enhancement & Intentional Degrada...elliotjaystocks
 
Stop Worrying & Get On With It (FOWD Tour 2009)
Stop Worrying & Get On With It (FOWD Tour 2009)Stop Worrying & Get On With It (FOWD Tour 2009)
Stop Worrying & Get On With It (FOWD Tour 2009)elliotjaystocks
 
Progressive Enhancement & Intentional Degradation 2
Progressive Enhancement & Intentional Degradation 2Progressive Enhancement & Intentional Degradation 2
Progressive Enhancement & Intentional Degradation 2elliotjaystocks
 
Professional Photoshop Effects
Professional Photoshop EffectsProfessional Photoshop Effects
Professional Photoshop Effectselliotjaystocks
 
We Need To Talk About IE6
We Need To Talk About IE6We Need To Talk About IE6
We Need To Talk About IE6elliotjaystocks
 

Más de elliotjaystocks (14)

Things I have Learned as an Accidental Businessman
Things I have Learned as an Accidental BusinessmanThings I have Learned as an Accidental Businessman
Things I have Learned as an Accidental Businessman
 
The Story of 8 Faces
The Story of 8 FacesThe Story of 8 Faces
The Story of 8 Faces
 
FOWD NYC 2009
FOWD NYC 2009FOWD NYC 2009
FOWD NYC 2009
 
WordPress Theme Development for Designers
WordPress Theme Development for DesignersWordPress Theme Development for Designers
WordPress Theme Development for Designers
 
Stop Worrying & Get On With It (WDC Bristol 2009)
Stop Worrying & Get On With It (WDC Bristol 2009)Stop Worrying & Get On With It (WDC Bristol 2009)
Stop Worrying & Get On With It (WDC Bristol 2009)
 
Stop Worrying & Get On With It: Progressive Enhancement & Intentional Degrada...
Stop Worrying & Get On With It: Progressive Enhancement & Intentional Degrada...Stop Worrying & Get On With It: Progressive Enhancement & Intentional Degrada...
Stop Worrying & Get On With It: Progressive Enhancement & Intentional Degrada...
 
Stop Worrying & Get On With It (FOWD Tour 2009)
Stop Worrying & Get On With It (FOWD Tour 2009)Stop Worrying & Get On With It (FOWD Tour 2009)
Stop Worrying & Get On With It (FOWD Tour 2009)
 
Progressive Enhancement & Intentional Degradation 2
Progressive Enhancement & Intentional Degradation 2Progressive Enhancement & Intentional Degradation 2
Progressive Enhancement & Intentional Degradation 2
 
The Trouble With Type
The Trouble With TypeThe Trouble With Type
The Trouble With Type
 
Professional Photoshop Effects
Professional Photoshop EffectsProfessional Photoshop Effects
Professional Photoshop Effects
 
I Care Because You Do
I Care Because You DoI Care Because You Do
I Care Because You Do
 
Print Is The New Web
Print Is The New WebPrint Is The New Web
Print Is The New Web
 
We Need To Talk About IE6
We Need To Talk About IE6We Need To Talk About IE6
We Need To Talk About IE6
 
Reward & Punishment
Reward & PunishmentReward & Punishment
Reward & Punishment
 

Último

MC Heights construction company in Jhang
MC Heights construction company in JhangMC Heights construction company in Jhang
MC Heights construction company in Jhangmcgroupjeya
 
Anyhr.io | Presentation HR&Recruiting agency
Anyhr.io | Presentation HR&Recruiting agencyAnyhr.io | Presentation HR&Recruiting agency
Anyhr.io | Presentation HR&Recruiting agencyHanna Klim
 
Developing Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, OursDeveloping Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, OursKaiNexus
 
Upgrade Your Banking Experience with Advanced Core Banking Applications
Upgrade Your Banking Experience with Advanced Core Banking ApplicationsUpgrade Your Banking Experience with Advanced Core Banking Applications
Upgrade Your Banking Experience with Advanced Core Banking ApplicationsIntellect Design Arena Ltd
 
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISINGUNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISINGlokeshwarmaha
 
Introduction to The overview of GAAP LO 1-5.pptx
Introduction to The overview of GAAP LO 1-5.pptxIntroduction to The overview of GAAP LO 1-5.pptx
Introduction to The overview of GAAP LO 1-5.pptxJemalSeid25
 
BCE24 | Virtual Brand Ambassadors: Making Brands Personal - John Meulemans
BCE24 | Virtual Brand Ambassadors: Making Brands Personal - John MeulemansBCE24 | Virtual Brand Ambassadors: Making Brands Personal - John Meulemans
BCE24 | Virtual Brand Ambassadors: Making Brands Personal - John MeulemansBBPMedia1
 
MoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor PresentationMoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor Presentationbaron83
 
Live-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry WebinarLive-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry WebinarNathanielSchmuck
 
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 Building Your Personal Brand on LinkedIn - Expert Planet-  2024 Building Your Personal Brand on LinkedIn - Expert Planet-  2024
Building Your Personal Brand on LinkedIn - Expert Planet- 2024Stephan Koning
 
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...TalentView
 
Ethical stalking by Mark Williams. UpliftLive 2024
Ethical stalking by Mark Williams. UpliftLive 2024Ethical stalking by Mark Williams. UpliftLive 2024
Ethical stalking by Mark Williams. UpliftLive 2024Winbusinessin
 
7movierulz.uk
7movierulz.uk7movierulz.uk
7movierulz.ukaroemirsr
 
Harvard Business Review.pptx | Navigating Labor Unrest (March-April 2024)
Harvard Business Review.pptx | Navigating Labor Unrest (March-April 2024)Harvard Business Review.pptx | Navigating Labor Unrest (March-April 2024)
Harvard Business Review.pptx | Navigating Labor Unrest (March-April 2024)tazeenaila12
 
Entrepreneurship & organisations: influences and organizations
Entrepreneurship & organisations: influences and organizationsEntrepreneurship & organisations: influences and organizations
Entrepreneurship & organisations: influences and organizationsP&CO
 
Plano de marketing- inglês em formato ppt
Plano de marketing- inglês  em formato pptPlano de marketing- inglês  em formato ppt
Plano de marketing- inglês em formato pptElizangelaSoaresdaCo
 
Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)Lviv Startup Club
 
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for BusinessQ2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for BusinessAPCO
 
Project Brief & Information Architecture Report
Project Brief & Information Architecture ReportProject Brief & Information Architecture Report
Project Brief & Information Architecture Reportamberjiles31
 

Último (20)

MC Heights construction company in Jhang
MC Heights construction company in JhangMC Heights construction company in Jhang
MC Heights construction company in Jhang
 
Anyhr.io | Presentation HR&Recruiting agency
Anyhr.io | Presentation HR&Recruiting agencyAnyhr.io | Presentation HR&Recruiting agency
Anyhr.io | Presentation HR&Recruiting agency
 
Developing Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, OursDeveloping Coaching Skills: Mine, Yours, Ours
Developing Coaching Skills: Mine, Yours, Ours
 
Upgrade Your Banking Experience with Advanced Core Banking Applications
Upgrade Your Banking Experience with Advanced Core Banking ApplicationsUpgrade Your Banking Experience with Advanced Core Banking Applications
Upgrade Your Banking Experience with Advanced Core Banking Applications
 
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISINGUNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
 
Introduction to The overview of GAAP LO 1-5.pptx
Introduction to The overview of GAAP LO 1-5.pptxIntroduction to The overview of GAAP LO 1-5.pptx
Introduction to The overview of GAAP LO 1-5.pptx
 
BCE24 | Virtual Brand Ambassadors: Making Brands Personal - John Meulemans
BCE24 | Virtual Brand Ambassadors: Making Brands Personal - John MeulemansBCE24 | Virtual Brand Ambassadors: Making Brands Personal - John Meulemans
BCE24 | Virtual Brand Ambassadors: Making Brands Personal - John Meulemans
 
MoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor PresentationMoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor Presentation
 
Live-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry WebinarLive-Streaming in the Music Industry Webinar
Live-Streaming in the Music Industry Webinar
 
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 Building Your Personal Brand on LinkedIn - Expert Planet-  2024 Building Your Personal Brand on LinkedIn - Expert Planet-  2024
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...
TalentView Webinar: Empowering the Modern Workforce_ Redefininig Success from...
 
Investment Opportunity for Thailand's Automotive & EV Industries
Investment Opportunity for Thailand's Automotive & EV IndustriesInvestment Opportunity for Thailand's Automotive & EV Industries
Investment Opportunity for Thailand's Automotive & EV Industries
 
Ethical stalking by Mark Williams. UpliftLive 2024
Ethical stalking by Mark Williams. UpliftLive 2024Ethical stalking by Mark Williams. UpliftLive 2024
Ethical stalking by Mark Williams. UpliftLive 2024
 
7movierulz.uk
7movierulz.uk7movierulz.uk
7movierulz.uk
 
Harvard Business Review.pptx | Navigating Labor Unrest (March-April 2024)
Harvard Business Review.pptx | Navigating Labor Unrest (March-April 2024)Harvard Business Review.pptx | Navigating Labor Unrest (March-April 2024)
Harvard Business Review.pptx | Navigating Labor Unrest (March-April 2024)
 
Entrepreneurship & organisations: influences and organizations
Entrepreneurship & organisations: influences and organizationsEntrepreneurship & organisations: influences and organizations
Entrepreneurship & organisations: influences and organizations
 
Plano de marketing- inglês em formato ppt
Plano de marketing- inglês  em formato pptPlano de marketing- inglês  em formato ppt
Plano de marketing- inglês em formato ppt
 
Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)
 
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for BusinessQ2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
 
Project Brief & Information Architecture Report
Project Brief & Information Architecture ReportProject Brief & Information Architecture Report
Project Brief & Information Architecture Report
 

FOWD 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!!!
  • 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.
  • 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
  • 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.”
  • 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.
  • 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.
  • 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.
  • 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.