Featured Tutorials

flash tutorials, iris window, enter button, animated porthole,iris in flash,iris illustration,drawing an iris,iris in flash,flash iris,flash tutorial,iris tutorial Iris Porthole Door Animation in Flash

Iris Porthole Door Animation in Flash

Very cool effect that could be used for an intro or as an enter button for any web site...

abstract artwork,mac background,abstract backgrounds,photoshop backgrounds,gradient background,gradient effects,faded lines,faded backgrounds,vector background,vector effect,photoshop tutorial Abstract Gradient Mac Style Background in Photoshop

Abstract Gradient Mac Style Background in Photoshop

This is a great effect for any kind of corporate or sleek design, most times I will often ..

text effects,ghostly text,smokey text,text effects in photoshop,text effect,smoke text,spooky text,glowing text,text glow,font effects Text Effects #1 Ghostly Smoke

Text Effects #1 Ghostly Smoke

Learn how to use Photoshop's blending options with a combination of pattern effects, colou..

flash,actionscript,flash actionscript,flash physics,physics in flash,gravity in flash,flash gravity,bouncing ball flash,flash animation,physics animation,actionscript physics Replicating Physics in Flash with Actionscript

Replicating Physics in Flash with Actionscript

This actionscript tutorial will teach you how to replicate the effects of gravity in Adobe..

make a quiz, publish quiz online, publish quiz to web, flash quiz, quiz maker How to Make a Flash Quiz and Publish to web in Minutes

How to Make a Flash Quiz and Publish to web in Minutes

New semester is coming. Most of teachers are preparing for the new semester. Why not take ..

The History of YouTube's Design

YouTube is now one of the world biggest and most visited websites, with over 83.4 million videos and 3.75 million user channels, all of which was achieved within 2 years of the sites launch, something us web designers can only dream of.


But if we look back on its history in design terms we can see that it has a path similar to that of any other web design project, with a somewhat lack of direction in the design department.

 

May 2005

 

This is the earliest version I can find of youtube.com in May of 2005 is obviously incomplete. But it does show how they attempted to first put their concept into a design form.

 

June 2005

 

The next version appears around a month later in June 2005 and shows how they still weren't sure about how to bring their idea to the web. This design ironically looks like it was inspired by Google.com with the top search bar and simplistic form (spooky).

 

July 2005

 

One more month and it takes on a very familiar form, and one that would ultimatly grant it success. One thing you'll notice is that they are still clinging onto a deli.cio.us style tag cloud system (which I guess never worked out)

 

Aug 2005

 

Throughout august 2005 nothing much changes with the overall layout but they add a strange "Who else is online" feature to the right column.

 

Sep 2005

 

Now this is were is settles down, maybe they are beginning to realise that they are onto something good with this format. As you can see they have started to experiment with various features including competitions and recently viewed videos. This is also the earliest point I can find where they have added thier *New* Channels feature.

 

I guess the only question I can leave you pondering over is after looking at the way YouTube's design (grew up) what do you think was the real driving force behind its success? The fact it was a great concept or was this one of the biggest web design flukes ever?

 

And the rest they say, is history...

 

Comments (0)

Comments:

Author:  

What colour is the sky?

Featured Videos

This tutorial will teach you how to use some of Photoshops filter..

This video tutorial gives you a very detailed insight into the wo..

Learn how to use the Photoshop lasso tool to great effect allowin..

Heres a must for all flash developers, as you will at some point ..

Here's a great tutorial for beginners to modeling in 3D Studio Ma..

Design Guides

 Subscribe to our feed

Send to a friend