September 28, 2012

YouTube's Updated Design Experiment

YouTube tests yet another interface and this time it's both for the homepage and the video pages. For the first time, Google's navigation bar is added to YouTube. The sidebar from the previous experiment includes some options that used to be placed at the top of the page and used to be persistent. Now you have to click "My subscriptions" every time you go to YouTube's homepage if you want to remove reccomendations.

The upload button now has a drop-down that lets you go to the video manager and the analytics section, while the browse button has been removed. You can no longer go to the "inbox" from the homepage. When you click the button next to your Google Profile avatar (which is also new), YouTube sends you to the settings page, where there's a tab for the inbox.



Video pages have a button that toggles the sidebar, so you can quickly access the feed, your subscriptions, the history and other sections without having to visit the homepage. It's interesting to notice that most YouTube sections have a consistent feed-like interface, whether they're displaying videos from your subscriptions, recommendations, playlists or your history.



Here's how you can try the new interface. If you use Chrome, Firefox, Opera, Safari or Internet Explorer 8+:

1. open youtube.com in a new tab

2. load your browser's developer console:

* Chrome - press Ctrl+Shift+J for Windows/Linux/ChromeOS or Command-Option-J for Mac

* Firefox - press Ctrl+Shift+K for Windows/Linux or Command-Option-K for Mac

* Opera - press Ctrl+Shift+I for Windows/Linux or Command-Option-I for Mac, then click "Console"

* Safari - check this article

* Internet Explorer - press F12 and select the "Console" tab.

3. paste the following code which changes a YouTube cookie:

document.cookie="VISITOR_INFO1_LIVE=vSPn-CmshUU; path=/; domain=.youtube.com";window.location.reload();

4. press Enter and close the console.

You can also check the previous UI experiments for the homepage and "watch" pages.

Update (December 7, 2012): The new interface is available for everyone and you can no longer go back to the old layout.

{ Thanks, Pascal. }

77 comments:

  1. it makes youtube left aligned on my end. i have a 30" display. this was awkward. http://imgur.com/vZKBm

    ReplyDelete
    Replies
    1. Maybe they will bring the Google+ chat on Youtube...

      Delete
    2. even with a chat bar on the left, there is still too much empty space. so much for a responsive design :)

      Delete
    3. It look like shit -.-
      I cant describe how this goes on my nerves, everything flees up to the upper right corner... ther rest is blank

      Delete
    4. Exact same issue here. I understand that not everyone has such a big monitor, but left justification is a poor design choice here none the less.

      Also, the new UI has broken my favourite video looper userscript (Better Loopy for YouTube). There's no reasonable equivalent to loop videos in either the old or the new UI.

      Delete
    5. Actually, there is: http://www.youtube.com/v/VIDEOID&loop=1

      Delete
    6. it looks like complete shit i hate the side bar on the left and also the subscribe buttom , author , and title being at the bottom UHH fucking terrable it gets on my nrevers too OCD bitch]

      Delete
    7. Is there any solution to the left justify problem, it is getting the fuck on my nerves so much, that I REFUSE to use Youtube on my PC and use my Phone instead, total and utter bullshit. Help, anyone?!?

      Delete
  2. I think I lose my "Favourites" list in the new interface.

    ReplyDelete
    Replies
    1. It's still there, the interface is just way worse.

      From the front page select playlists and all playlists (including Favourites) should be visible. The UI doesn't appear to be working properly (eg. clicking the link of the name of the playlist next to the username fails for me, but clicking the "view full playlist" link takes me to the old Favourites page).

      I've got no idea how to remove items from a playlist under the new UI.

      On the plus side, it appears that deleted videos list both the name of the video and the reason for deletion.

      Delete
  3. How do I prevent YouTube from reverting to the standard UI whenever I restart Chrome? I want to keep the new interface and not have to paste the code in each time.

    Thanks!

    ReplyDelete
    Replies
    1. If you don't delete the cookies or you haven't set up Chrome to automatically clear cookies when you quit the browser*, you should have the same cookie and the same interface.

      * paste chrome://chrome/settings/content in a new tab and make sure that "Allow local data to be set (recommended)" is enabled.

      Delete
    2. I checked that setting and Allow local data to be set was already selected. I tried clearing all cookies but when I pasted the code, the new UI is displayed but when I restart Chrome it still reverts. Any ideas?

      Delete
  4. Actually, it's much easier to simply go to youtube.com, inserting the following into the browser's addressbar and pressing ENTER:
    javascript:document.cookie="VISITOR_INFO1_LIVE=u8uWhAyPa3U; path=/; domain=.youtube.com";window.location.reload();

    That sets the cookie without having to open the JavaScript console first. :)

    ReplyDelete
    Replies
    1. You're right and that's the way JavaScript injection worked a few years ago before browser developers started to implement so many security features. Right now, if you paste that code in Chrome, "javascript:" is removed and you need to manually type it. If you paste the code in Firefox's address bar, the browser doesn't execute it. Unfortunately, developer consoles seem to be the right bet.

      Delete
  5. Looks like Google UX designers has not enough good and original conception ideas. It is still missing for responsiveness.

    ReplyDelete
  6. How come this post was made on Spet 28 but it took IE9 to display it? Chrome didn't!

    Well, yet another YouTube design! I kind of like it, it brings the Google nagvigation bar, but I'm not sure about the left-alignment.

    ReplyDelete
  7. I don't know about the rest of you guys but I absolutely abhor this new layout.

    ReplyDelete
  8. I want to try it, but this thing just isnt working for me. Is there any type of workaround for this? I really want to try it

    ReplyDelete
  9. Yeah, the layout stopped working for me and I can't re-enable it. Wierd

    ReplyDelete
    Replies
    1. Since they're experiments, they also have a time limit. I'll try to find another cookie ID that works. The post was updated 3 times with new cookie values.

      Delete
    2. Went back to old look yesterday and cookie doesn't work

      Delete
  10. The new UI was pretty cool but the cookie is not valid anymore

    ReplyDelete
    Replies
    1. Try the new cookie from the updated post.

      Delete
    2. Hey, I need some help, I've done everything above, but now, when I paste the cookie to go back to the old UI, it doesn't go back to the old UI. I'm stuck in the new YouTube UI...
      Do you have any idea why that is, and, how I can fix it to get it back to the normal YouTube UI?
      I'd appreciate your help.
      Thanks

      Delete
    3. That code only resets the YouTube cookie. If the new cookie set by YouTube is associated with the experiment, you should reset the cookie again.

      Delete
    4. Yeah, it's not working man. I've repeated the steps again and again. I have deleted all of my history and every single cookie, and, even when I log into my Youtube account on another browser (without even copying/pasting the above cookies) I get the new YouTube UI... Correct me if I'm wrong, but, the cookie seems to be associated with my YT account now, if so, what have I done wrong, and, how do I fix this?

      Delete
    5. From what I know, the cookie ID is not associated with your account. Try a different browser, clear cookies and go to youtube.com. Do you get the old interface? If not, clear cookies again. Now log in. Do you get the new interface after logging in? I doubt it (but I could be wrong, YouTube changes all the time).

      Delete
    6. Yeah, it's still not working. When I go into ANY browser, yes, I do get the old YouTube interface, at first... But, when I login to my YT account I get the new YT interface --no matter what browser I use, and, no matter how many times I clear all cookies... That is what's making me think it's associated with my YT account, the fact that; no matter what browser I use, when I login to YouTube now, I get the new YT interface.

      Delete
    7. Same problem. The funny thing is that I have 2 accounts and there linked and the one that i don't use very often has the old interface and my main one has the new one. no matter what I do i cant go back to the old interface on my main account.

      Delete
    8. Yeah, logging out lets me see the new interface, but logging back in I see the old one

      Delete
  11. I'm stuck in the new UI and it won't go back to the normal YouTube page ... I get this error in the console, as well:

    PPB_Graphics2D.PaintImageData: Rectangle is outside bounds.

    What do I do?

    ReplyDelete
  12. the new cookie is document.cookie="VISITOR_INFO1_LIVE=vSPn-CmshUU; path=/; domain=.youtube.com";window.location.reload();

    ReplyDelete
    Replies
    1. Thanks, I've updated the post.

      Delete
    2. It doesn't seem to working anymore. Please update the post to the new-newer cookie please. :D

      Delete
  13. I don't like the new layout at all for the homepage. It wont filter my subscriptions with uploads only. It isn't loading chronologically. Is there anyway I can get it back to the way it was?

    ReplyDelete
  14. I really hate the new layout. When I go to YouTube I want to see my subscriptions feed first thing. I don't want to see a feed filled with recommendations and videos people have shared on Google+. I would be very happy if I was able to revert to the old layout! I do hope YouTube does revert to the old layout and soon!

    ReplyDelete
  15. I can not delete my comments on the videos.

    ReplyDelete
  16. A friend of mine wont get rid of the new design as in when logged out it is the old (good) design but upon login it forces the new design (bad) examining the cookies my friends visitor_info1_live has the exact same value on mine and theirs but i have the good (old) design they the bad (new) and it is independant of browser so as it seems youtube does fore my friend to have the new design is that part of the "experiment"? to see how long it takes the average user to delete their account of they get a most displeasing design shoved up their nose? If not i would be most curios as to why my friend is no forced to this with no possiblity to revert (no matter of cookie deleting refreshing or else what changes and as mentioned the new design shows up only AFTER login). So anyone have a solution? anyone knows whats going on?

    ReplyDelete
  17. This is terrible. The new layout is too in your face with everything. google plus only makes things worse. I can't even revert. There was NO notification I was going to be entered in this. It's like a maze to navigate through the options. They should just quit while they're ahead, and only make subtle changes.

    ReplyDelete
  18. This time youtube outdid themselves. The worst layout ever! So dysfunctional, badly designed and not user-friendly at all. When will youtube programmers get a grip? Can't Google pay for decent programmers with all the money they have?

    ReplyDelete
    Replies
    1. Actually, you should blame Google, ever since they bought YouTube, it's going deeper and deeper into the shitter.

      Delete
  19. OMFG, this fucking layout must be a joke.

    Nowhere can I see (on the homepage) if someone have posted a comment on one of my video.

    I actually need to go into the video management to check my "inbox" from there, I shouldnt need to click four different options to get my messages or comments.

    ReplyDelete
    Replies
    1. I agree with you. It's a joke.. If you have switched to the updated layout it's almost impossible to get into inbox..

      Delete
  20. Seriously. i can't do anything on this new layout.. i hope those of us who don't like it aren't forced to switch over.. i didn't even want to switch over to it. i just logged on one day and it happened. my brothers youtube is just fine and normal. when i get on mine though, this happens. i can't even revert it by entering the command into the console. Plus all of the White that google seems to think we love is giving me a migraine. seriously. i don't want to get on for six seconds and have to take pills for headaches. please tell me how to permanantly fix this. i can't even see my messages anywhere...

    ReplyDelete
  21. This whole new design is horrible..

    ReplyDelete
  22. Sorry, but as a Youtube user fed up with all the changes, this is hideous. Where is the button to go to my channel? I don't want a Google+ account; I'd never even use one. Plus, my real name does NOT need to be connected to my Youtube account, ever, because just no. I don't want to have to go to some BS Google+ page every time I want to go to my inbox.

    ReplyDelete
  23. This design is bad and whoever made it should feel bad.

    ReplyDelete
  24. This IS the worst layout ever. I have been on youtube since before google bought it and that is saying something.

    NO Browse button and all that comes with it, NO favorites, NO Easy way to my inbox, EVERYTHING is aligned left, On live stream videos... THE COMMENT BOX IN ON THE BOTTOM RIGHT OF THE LAYOUT... which makes it impossible to watch and comment live...... the list could go on and on.

    PLEASE DON'T USE ME AS A GUINEA PIG AND AUTO OPT ME INTO THESE TEST. I would gladly test out new layouts and provide feedback, BUT I WANT THE OPTION TO SAY NO.

    Also the code to turn it off.... DOESN'T WORK. so I am STUCK with this horrendous layout for now. PLEASE HELP

    ReplyDelete
  25. They've did this on purpose to confuse the user, or they hired monkeys to code for bananas!

    But don't worry YouTube, I'll create my own page with links from Your site, and will use your resources on my pretty new page so thank you for being an ignorant AS*HOLE!

    ReplyDelete
  26. This must be a glitch or something since it only changed on one of my accounts, the other still has the old UI intact. Hopefully it gets fixed soon seeing as how there's no god damn way to fix it yourself...

    ReplyDelete
  27. Wow I love how there's no way to change it back... at least it's reassuring that it's not just me. Probably a glitch/error or something, hopefully they fix it soon...

    ReplyDelete
  28. No way to access movies from the homepage. So much for us paying customers who actually buy content via Youtube. Pissing people off must be more important than making money.

    Once a video is watched, Youtube have removed the pop-down that gives immediate access to a handy tab of other videos from that channel. The result is that you must now click on the publisher of the video, and open another page, and manually trawl through their videos.

    There is a huge blank space to the left of the video. Way to utilise space.

    I hate the "Guide" feature. It keeps throwing videos at me when I prefer to access content by searching for stuff, and then clicking on related videos. I don't want "recommendations" rather than my own chosen links.

    Fail.

    ReplyDelete
  29. Please google, please please please please please please please please please please please please please please please please listen to reason!

    Please let us REVERT to the last layout. This new layout is so annoying to me eyes, that I may very well just leave. I can't stand it, and as I use the home page to navigate to new videos from my subscriptions, I know feel the need to rage quit the main page every single time. This is seriously one of the STUPIDEST things done. I mean seriously, is my 1080p gaming rig now a friggin mobile device that can't handle browsing a website with an intricate web layout? No! So don't force this blinding light layout upon us.

    ReplyDelete
  30. Also, way to go... I open it with ctrl shit j, enter the code to revert, reload and BAM! still the same blinding layout... Good fight me.

    ReplyDelete
  31. WOW! That code to reset it back didn't work! The new YT layout is so blinding and confusing that I might aswell peel my eyes out with a rock! SCREW THIS

    ReplyDelete
  32. Okay I just have to say as a huge Google fanboy, I really hope they don't continue with this. The layout is awful aesthetically, but mostly functionally. There's no way to sort by most-viewed! Wtf...that's definitely the feature I used most.

    ReplyDelete
  33. @Stuart Anderson,
    It seems Better Loopy for YouTube is just updated a few hours ago for the new layout.

    I use it often too!

    ReplyDelete
  34. The BROWSE button was the most important part of youtube and it needs to be returned to its former glory, it made all sections of youtube accessible for easy viewing. If I wanted to watch science and technology videos or news or movies I could simply click browse and go to that section to watch 100s of relevant recent videos.

    when you post to youtube you still put your videos in these sections but the section itself is no longer accessible without the browse button.
    I understand the layout will constantly change but the content should not be restricted.
    The new design seams to be geared towards directing people to specific content and subsequent related videos instead of offering them the chance to view whats popular throughout the world.
    Without the browse feature and the related videos drop down I find myself closing the youtube homepage after a few minutes of viewing and going to other sites.

    ReplyDelete
  35. I hate the left align, and vast white space unused on the page. I really hate the guide and playlist sub-menus! Why should functions take multiple clicks to get what you want, when they used to take one click? Put the playlist bar back on the bottom of the screen, instead of blocking part of the actual video window, when there's unused space all over!

    ReplyDelete
  36. I really missed the BROWSE button. It is what made youtube, YouTube. YouTube, please understand that you became what you are because of those indie videos and 'those' indie video became indie videos, which in turn made those famous channels. It was all possible because of the browse button. Please bring it back. Thank You.

    ReplyDelete
  37. Horrible, horrible layout. And why change the last one anyway? It was good, and new. Are you planning on changing the layout every 2 month from now on? There's value in the comfort you feel when browsing a website you came to know by heart. Repeatedly changing things just for the sake of it is just irritating. And this from one of the biggest, richest software companies around.

    ReplyDelete
  38. Without browse it is very sad. I went from watching several hours of Youtube a day to only a few minutes. I don't want to browse thousands of channels. Most channels I only watch one thing. Very difficult to watch You tube now.

    ReplyDelete
    Replies
    1. Agreed - I have no desire whatsoever to "browse" channels.. screw channels. It was a pleasure to be able to browse through various videos and opt to view them. Youtube/Google now feels it is the best user experience to browse Channels? It doesn't even make sense. Very pathetic upgrade there google.

      Delete
    2. Agreed - Youtube is basically "user hostile" with this new er... upgrade. It is extremely difficult watching youtube. The Youtube/Google Design gang actually feels that forcing viewers to browse channels is the most efficient and intuitive way for users to access the millions of videos available? That approach does not even make sense. I agree, this so called upgrade is a complete and utter joke.

      Delete
  39. coz of this new design i rarely go to youtube now .....darn its just so horrible ,it really takes away all the pleasure of going random video streak

    ReplyDelete
  40. does any one know how to check your inbox!!!? i cant find it! really appreciate your help :)

    ReplyDelete
  41. The new design is cool, but I can't download videos to my iPhone.

    ReplyDelete
  42. There is no way to remove that cookie; YouTube will add it back when you reload it. Wow, the blog post has foul language on comments.

    ReplyDelete
    Replies
    1. Asma to find your inbox open your video manager and then look in the left hand column

      Delete
  43. One might think that google/youtube with all their success and money would be able to provide their users with a decent interface that the user would enjoy to edit and navigate. But no. Again, HUGE failure ..

    ReplyDelete