Featured Tutorials

flash tutorials, 2D, 3D, tunnel effect, flash animation,tunnel in flash,tunnel animation,wormhole,wormhole animation,space tunnel Creating a 3D Tunnel Effect in Flash

Creating a 3D Tunnel Effect in Flash

Learn how to create this very cool 3D tunnel effect in Flash using some simple 2D animatio..

text effect,text effects,font effects,glossy text,bubble test,glossy text effect,glossy font effect,web 2.0 text,web 20 text effect,gradient text,glowing text,glowing font,photoshop text effects Text Effects #2 Glossy Bubble Text

Text Effects #2 Glossy Bubble Text

This text effect is perfect for those who want to design an eye-catching web 2.0 style log..

css,dreamweaver,css dreamweaver,css problem,dreamweaver problem,fix css dreamweaver,fixing css,center background,conflicting styles CSS Problem Solving in Dreamweaver

CSS Problem Solving in Dreamweaver

Here's a great article/tutorial that covers the solutions to some common problems when dev..

shape dynamics,grass text,bush text,tree text,green text,text effects,brush effects,photoshop tutorial,leafy text,leaves text,brush dynamics,grass effect text,grass text,text with brush Text Effects #3 Brush Text with Shape Dynamics

Text Effects #3 Brush Text with Shape Dynamics

Learn how to create dynamic text effects with shape dynamics that allows you to write text..

photoshop,tutorial,photo editing,effects,filters Create a Time is Money hour glass in photoshop

Create a Time is Money hour glass in photoshop

In this tutorial we will learn how to create an hourglass...

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

Foto Flexer is an amazing tool allows you to resize photos dynami..

Heres a cool tutorial slash speed painting of painting realistic ..

Learn how to use Photoshop textures and filters to create this ph..

This video shows off the upcoming Flash "Next" 10 from the Adobe ..

I guess we may all remember cartoons simular to this where the an..

Design Guides

 Subscribe to our feed

Send to a friend