Rededesign of YouTube. Ian Mix. Interaction Design 1 ART

Size: px

Start display at page:

Download "Rededesign of YouTube. Ian Mix. Interaction Design 1 ART"

Lisa Carpenter
5 years ago
Views:

1 Rededesign of YouTube Ian Mix Interaction Design 1 ART

2 Table of Contents Objective Statement Objective Statement...2 Analysis of iterations The reasoning behind a redesign for YouTube.com is to create a more user responsive experience. Previously viewed videos will be readily accessable to be watched again, but more importantly, videos suggested based on what you previously watched will be at the top of the page, ready to be watched. Wire Frames...9 Site Map...9 New mock up...10 Conclusion...11 Bibliography

There really is not content for the early stage of YouTube. It appears to have maybe been a social media platform at one point, but has since deviated.

The font appears to be Alternate Gothic No. 2. May 5th, 2005 April 14th, 2006 The layout is virtually non-existant. There is a navigation bar at the top, but that is about it.

3 There really is not content for the early stage of YouTube. It appears to have maybe been a social media platform at one point, but has since deviated. The only image used is the logo, placed in the upper left hanfd corner. The colors of this era of YouTube appear to be a blue,gray and white color scheme. Red is used in the Logo, but nowhere else. The font appears to be Alternate Gothic No. 2. May 5th, 2005 April 14th, 2006 The layout is virtually non-existant. There is a navigation bar at the top, but that is about it. No videos, or images, besides the logo, are seen and no information in the form of text is there. It appears the only thing you can click would be the navigation bar. The logo might also be clickable to bring you back to the homepage. The navigation seems to be set up witha navigation bar at the top of the page. There is actually content on the page. and links have appeared, as well as descriptions about the videos. TThe page is still blue,gray and white, but the colors from the images of the videos break it up and make it not so monotonous. The font appears to still be Alternate Gothic No. 2. for the logo and the text is some sort of book typeface. The layout has made an appearance! It is a grid system with a navigation abr running across the top. The navigation seems to be set up witha navigation bar at the top of the page, as well as Recent Tags on the right side. 3 4

June 1st, 2009 August 14th, 2012 are now the main focus of the website. There also appears to be a large space at the top for advertisements. The grid system is still obvious.

There also appears to be a large space at the top for advertisements. The grid system is still obvious. It has gotten more complcated however, with the use of boxes to seperate different categories.

4 June 1st, 2009 August 14th, 2012 are now the main focus of the website. There also appears to be a large space at the top for advertisements. The grid system is still obvious. It has gotten more complcated however, with the use of boxes to seperate different categories. are now the main focus of the website. There also appears to be a large space at the top for advertisements. The grid system is still obvious. It has gotten more complcated however, with the use of boxes to seperate different categories. The blue has almst disspeared and is now just a accent color. Gray is still prominent. The font appears to still be Alternate Gothic No. 2. for the logo and the text is some sort of bok typeface. The navigation seems to be set up witha navigation bar at the top of the page. A What s New section has been added with links to take you to the pages. The blue has almst disspeared and is now just a accent color. Black has now become prominent. The font appears to still be Alternate Gothic No. 2. for the logo and the text is some sort of book typeface. The navigation bar has moved to the left side now and each option has an icon. It is a dark gray color which draws your eye right to it, which is helpful because it is not in a typical place. 5 6

August 1st, 2013 Modern Day are now the main focus of the website. There also appears to be a large space at the top for advertisements. The blue is gone. Red and white are the prominent colors now.

Some videos have become larger to hold more prominence. The navigation bar has moved to the left side now and each option has an icon.

5 August 1st, 2013 Modern Day are now the main focus of the website. There also appears to be a large space at the top for advertisements. The blue is gone. Red and white are the prominent colors now. The font appears to still be Alternate Gothic No. 2 for the logo and the text is still some sort of book typeface. The grid system is still obvious. Some videos have become larger to hold more prominence. The navigation bar has moved to the left side now and each option has an icon. The icons are a red color which, against the white background, brings attention to them. are now the main focus of the website.the space for advertisements has dissapearded. The grid system is still obvious. Some videos have become larger to hold more prominence. The navigation bar has moved to the left side now and each option has an icon. The icons are a red color which, against the white background, brings attention to them. 7 8

6 Recommended for Ian Mix People That Deserve a Raise by Jenna Marbles 2 months ago 2,157,578 views show more Popular Right Now on YouTube YouTube YouTube Logo Logo Page My Subscriptions What to watch Subscriptions Recommended Page Browse Best of YouTube Music Sports Watch Later Uploads Only Remove Watched All Activity Watch it again My Channel 9 History Clear watch history Pause watch history Subscriptions Gaming Education Movies TV Shows YouTube News YouTube Spotlight Manage Subscriptions Create New Collection My Subscriptions What to watch Recommended Popular on YouTube Browse Best of YouTube Music Sports Watch Later Uploads Only Remove Watched All Activity My Channel History Clear watch history Pause watch history Subscriptions Gaming Education Movies TV Shows YouTube News YouTube Spotlight Manage Subscriptions Create New Collection 10

7 Conclusion Bibliography The redesigin was aimed mostly towards making YouTube a more user responsive environment. Suggested videos would be near the top of the page as well as in the search bar when used. YouTube would keep track of videos watched, and make suggestions based on what other who watched the same video, also watched. The navigation would be simple seeing as most people use YouTube to watchespecific videos and not browse. Archive.org YouTube.org

Pitchfork Case Study & Redesign. Matt Rondos Interactive Design I

Pitchfork Case Study & Redesign Matt Rondos Interactive Design I Table of Contents Objective Statement 2 Analysis 1 3 Analysis 2 4 Analysis 3 5 Analysis 4 6 Analysis 5 7 Wire Frame 8 New Website Layout