Hungry? Join our RSS Feed

Related Content

youtube,you tube,history,history of youtube,youtube history,design,layout,web design,archive.org,wayback,old version,use to be like FlukeTube: The History of YouTube's Design

FlukeTube: The History of YouTube's Design

An interesting look at the history of YouTube and how it use to look in the early days, th..

software articles, free software, converting, encoding, downloads FREE Video Encoding/Converting Software

FREE Video Encoding/Converting Software

A great list of freeley available video encoding/converting software..

hardware articles, CD, DVD, cleaning, home remedy Clean your CD's/DVD's with toothpaste!

Clean your CD's/DVD's with toothpaste!

The low-cost answer to keeping your CD's/DVD's clean and functional...

software articles, windows media center, bug fixes, fixing covers Fixing Media Center Album covers

Fixing Media Center Album covers

Great software for fixing those annoying unknown and broken covers..

Featured Tutorials

photoshop tutorials, gradient filter, photo effects, brand image Gradient Mapping

Gradient Mapping

How to transform a standard photograph for use with a specific colour scheme or brand imag..

hardware articles, CD, DVD, cleaning, home remedy Clean your CD's/DVD's with toothpaste!

Clean your CD's/DVD's with toothpaste!

The low-cost answer to keeping your CD's/DVD's clean and functional...

graphics design guides, how to, photoshop, advice, media Graphics Design Guide

Graphics Design Guide

The second in a series of help and reference guides, this one covers graphics design and h..

web design articles, learn css, css layouts, relative, absolute, float How to stay A-Float in CSS

How to stay A-Float in CSS

The secret to good CSS layouts rests with the Float attribute. Using float instead of rela..

adobe,photoshop,panorama,panoramic,images,photos,photo merge,merging,how to,automatic,automatically Panoramic images the easy way with Photoshop PhotoMerge

Panoramic images the easy way with Photoshop PhotoMerge

Creating Panoramic images from your photos is easier than you think, when you know how. So..

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 video will show you in stages how to realistically color a b..

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

Some great tips for how to go about designing your website with s..

A very cool tutorial on one of Photoshop CS3's fancy new tools, t..

This tutorial will teach you some of the basics of controling mov..

Design Guides

Your Ad Here

 Subscribe to our feed

Send to a friend