Google apparently has a Material Design UI overhaul in the works for YouTube and it looks pretty good. While it has not yet been pushed to the masses, it is apparently being tested on a small group of users while the developers look for bugs and Google braces for any negative feedback (people hate change, remember). Here's a look at the goods and a way to enable the new UI for yourself.
First, let's look at the homepage. Here's the current version:
![[Image: nexus2cee_2016-04-30_13-32-32-copy.png]](http://www.androidpolice.com/wp-content/uploads/2016/04/nexus2cee_2016-04-30_13-32-32-copy.png)
And the new:
![[Image: nexus2cee_2016-04-30_13-29-15-copy.png]](http://www.androidpolice.com/wp-content/uploads/2016/04/nexus2cee_2016-04-30_13-29-15-copy.png)
Not exactly a radical difference, but you do see the modern search bar that should be familiar from Google's Android apps and several web services as well. The "upload" word button has been swapped with an icon equivalent, again in line with the mobile design.
The slide-out menu is more noticeably redesigned, though. First, here's the current version:
![[Image: nexus2cee_2016-04-30_13-33-27-copy.png]](http://www.androidpolice.com/wp-content/uploads/2016/04/nexus2cee_2016-04-30_13-33-27-copy.png)
And the new:
![[Image: nexus2cee_2016-04-30_13-29-34-copy.png]](http://www.androidpolice.com/wp-content/uploads/2016/04/nexus2cee_2016-04-30_13-29-34-copy.png)
Here we see some of that signature white space common to Material Design. The rounding of the icons is a small change but definitely feels like an improvement.
Channel pages provide a starker contrast. Here's the current look, not so much different from the homepage:
![[Image: nexus2cee_2016-04-30_13-32-51.png]](http://www.androidpolice.com/wp-content/uploads/2016/04/nexus2cee_2016-04-30_13-32-51.png)
And the new:
![[Image: nexus2cee_2016-04-30_13-30-03-copy-2.png]](http://www.androidpolice.com/wp-content/uploads/2016/04/nexus2cee_2016-04-30_13-30-03-copy-2.png)
Taking another page out of the Material Design playbook, you see the top matter taking on a distinct color associated with the channel. This really gives you the sense that you're not on just another YouTube page, but this channel's YouTube page. Some buttons have been given more depth, while several elements—like the profile photo and horizontal browsing button—have been made round.
Of course, many of us spend almost all of our YouTube time on the video player, not the browsing-oriented pages. Just to refresh, here's how that looks now:
![[Image: nexus2cee_2016-04-30_13-33-12-copy.png]](http://www.androidpolice.com/wp-content/uploads/2016/04/nexus2cee_2016-04-30_13-33-12-copy.png)
Maybe it's unsurprising that this is where the changes stand out least, then:
![[Image: nexus2cee_2016-04-30_13-30-57-copy.png]](http://www.androidpolice.com/wp-content/uploads/2016/04/nexus2cee_2016-04-30_13-30-57-copy.png)
The edges of the different elements of the page are less clear because the space between them no longer is shaded gray. It's a cleaner look and probably doesn't confuse anyone about what is what. It's also smarter in general to leave the player page alone so as not to surprise casual web browsers.
Want to try it out for yourself? Here are some instructions if you're using Chrome, thanks to
Note that setting your region to US/worldwide seems to be necessary for it to work. The redesign may not be available on other browsers, either.
(Source): http://www.androidpolice.com/2016/04/30/...n-the-web/
First, let's look at the homepage. Here's the current version:
And the new:
Not exactly a radical difference, but you do see the modern search bar that should be familiar from Google's Android apps and several web services as well. The "upload" word button has been swapped with an icon equivalent, again in line with the mobile design.
The slide-out menu is more noticeably redesigned, though. First, here's the current version:
And the new:
Here we see some of that signature white space common to Material Design. The rounding of the icons is a small change but definitely feels like an improvement.
Channel pages provide a starker contrast. Here's the current look, not so much different from the homepage:
And the new:
Taking another page out of the Material Design playbook, you see the top matter taking on a distinct color associated with the channel. This really gives you the sense that you're not on just another YouTube page, but this channel's YouTube page. Some buttons have been given more depth, while several elements—like the profile photo and horizontal browsing button—have been made round.
Of course, many of us spend almost all of our YouTube time on the video player, not the browsing-oriented pages. Just to refresh, here's how that looks now:
Maybe it's unsurprising that this is where the changes stand out least, then:
The edges of the different elements of the page are less clear because the space between them no longer is shaded gray. It's a cleaner look and probably doesn't confuse anyone about what is what. It's also smarter in general to leave the player page alone so as not to surprise casual web browsers.
Want to try it out for yourself? Here are some instructions if you're using Chrome, thanks to
Quote:1) logout from your Youtube account and go to https://www.youtube.com/?gl=US
2) open the developer tools (ctrl + shift + i)
3) go to the `Resources´ tab and delete the VISITOR_INFO1_LIVE cookie for the youtube domain
4) go to the console and define the VISITOR_INFO1_LIVE cookie using the following command:
document.cookie="VISITOR_INFO1_LIVE=Qa1hUZu3gtk;path=/;domain=.youtube.com";
5) reload the page
You can also reuse your VISITOR_INFO1_LIVE cookie.
Note that setting your region to US/worldwide seems to be necessary for it to work. The redesign may not be available on other browsers, either.
(Source): http://www.androidpolice.com/2016/04/30/...n-the-web/