Slashdot Mirror


YouTube Finally Embraces Google's Material Design, Puts Focus On Content (googleblog.com)

Google's Material Design specs are finally coming to the YouTube desktop site, the company said on Tuesday. The feature isn't rolling out to all just yet, but you can test drive it here. My initial impressions after playing with the new design: lots and lots of white space, but the optional dark theme looks pretty. Here's how the company describes the changes: The key principles of this new design are:
1. Simplicity: The only thing you should be concerned about is watching the content you love. The new design is clean and fresh, thanks to the removal of visuals that can distract from your browsing or watching experience. We're focused on making the content shine!
2. Consistency: The new design is aligned across Google platforms, including the YouTube mobile app, while still providing the features you know and love.
3. Beauty: We strive to combine beauty and purpose to create an effortless experience.

62 of 118 comments (clear)

  1. Make a system any fool can use... by Anonymous Coward · · Score: 1, Insightful

    and only a fool will want to use it.

    1. Re:Make a system any fool can use... by Known+Nutter · · Score: 2, Insightful

      People will complain about anything. It's a site to share and watch video content, not design your apartment around.

      --
      Beware of the Leopard.
    2. Re:Make a system any fool can use... by Anonymous Coward · · Score: 1

      Its good that you agree that sacrificing usability for design is a bad thing. Design should follow function not "look cool".

    3. Re: Make a system any fool can use... by ArmoredDragon · · Score: 1

      And what usability did they sacrifice? Simpler designs can increase usability if they use better psychological cues that make the exact steps needed to take your desired actions more obvious, and/or if they remove steps required to take the same action.

    4. Re: Make a system any fool can use... by lgw · · Score: 1

      I see just the video, and the YouTube search bar at top. Nothing else. I suspect this is a bug, but talk about minimalist controls and whitespace! Doesn't get simpler than this.

      --
      Socialism: a lie told by totalitarians and believed by fools.
    5. Re:Make a system any fool can use... by Chas · · Score: 1

      Yeah. The new layout somewhat obfuscates functionality.

      And the comment system is currently broken in this layout. It doesn't respect carriage returns.

      So you wind up with "walloftext"

      --


      Chas - The one, the only.
      THANK GOD!!!
    6. Re: Make a system any fool can use... by arglebargle_xiv · · Score: 4, Insightful

      Given that the trend in the last 5-10 years has been to discard usability in favour of wannabe hipster wank (examples: Just about any UI ever in that time period that's had a "refresh" or something similar, Win10 probably being the poster child but there are endless other examples), I'm not holding out much hope for what a "UI refresh" will do to Youtube.

    7. Re: Make a system any fool can use... by ArmoredDragon · · Score: 1

      I don't know what you're seeing, but to me it looks mostly the same as it always has, save for some different layouts for the controls and whatnot.

  2. Two out of three by steveg · · Score: 2

    Well, simplicity I'll grant, and maybe consistency.

    But a clean miss on beauty. Flat is ugly. Always has been. Always will be. No matter what's "trendy."

    --
    Ignorance killed the cat. Curiosity was framed.
    1. Re:Two out of three by rtb61 · · Score: 1

      Still no tool to block crappy uploaders so you now longer see them in search results or anywhere is. Google still annoying arseholes getting you to watch a commercial for a few seconds of crap content, until you realise you got sucked in by a bullshit title and cover photo, yeah, fuck you google.

      --
      Chaos - everything, everywhere, everywhen
    2. Re:Two out of three by ArmoredDragon · · Score: 1

      It's not a flat UI. The first giveaway that it isn't is at the very top of the page. The shadow in the search box and the gradient on the search icon both give hints of depth, which is unacceptable in flat UI.

      https://news.slashdot.org/comm...

    3. Re:Two out of three by steveg · · Score: 1

      Wow.

      It's interesting that the children that have taken over Slashdot immediately make silly assumptions about the demographics and/or politics of other posters -- in all directions -- and none of it corresponds to reality. And they use these assumptions to pick fights.

      I guess the adults have all left. Guess there's nothing left here. Thanks for the heads up.

      --
      Ignorance killed the cat. Curiosity was framed.
  3. What's the deal with the scrollbar at the right? by grungeman · · Score: 1

    Is it really supposed to disappear and move the whole content to the right when the mouse hovers over the sidebar? Or is it not targeted at mouse users?

    --

    Signature deleted by lameness filter.
  4. Dark Theme by dejitaru · · Score: 1

    The best part about this new design is the dark theme, I hope other sites follow, because some sites ( /. included) it's like staring at a light bulb.

    1. Re:Dark Theme by donaggie03 · · Score: 1

      How do you enable the dark theme? I'm not seeing it.

      --
      Three days from now?? Thats tomorrow!! ~Peter Griffin
    2. Re:Dark Theme by Known+Nutter · · Score: 1

      Top right, click on the round logo representing your username, then "Dark Theme: Off" - switch to On.

      --
      Beware of the Leopard.
    3. Re:Dark Theme by donaggie03 · · Score: 1

      Thank you, dark does look much better.

      --
      Three days from now?? Thats tomorrow!! ~Peter Griffin
  5. How to Opt Out? by Kunedog · · Score: 3, Informative

    Google's Material Design specs are finally coming to the YouTube desktop site, the company said on Tuesday. The feature isn't rolling out to all just yet, but you can test drive it here.

    "Test drive" implies it's temporary. How do I get decent Youtube back? The "test drive" link is http://youtube.com/new?optin=t... but https://www.youtube.com/new?op... doesn't reverse it.

    1. Re:How to Opt Out? by cervesaebraciator · · Score: 4, Informative

      Click your name/icon in the top right. At the bottom you'll find an option to "Restore Classic YouTube". This has the added advantage of giving you a chance to tell them why you don't like the new design.

    2. Re:How to Opt Out? by Kunedog · · Score: 1

      Thx, I found it about two minutes after I posted.

    3. Re:How to Opt Out? by dknj · · Score: 1

      And also the added advantage of speaking your voice to BeauHD and other editors here. If you provide the link without optin=true, you get the actual OPTION to OPT IN.

      I miss CmdrTaco.

    4. Re:How to Opt Out? by Aighearach · · Score: 1

      I miss CmdrTaco.

      I don't, he sold us down river to these guys, that's how we got here!

  6. Glory of Consumption (vomit) by XparXnoiaX · · Score: 2

    The only thing you should be concerned about is watching the content you love.

    We have entered the era of the glorification of the consumer. All you should do is consume, and feel happy about it.

    Not because they care about you. Because the consumer can be monetized.

    --
    Irresponsible disclosure is responsible
  7. Re:Usability by epyT-R · · Score: 3

    Usability? That's so 1990s.. Now it's all about aesthetics... ugly ass aesthetics.

  8. Infinite scroll... Meh... by __aaclcg7560 · · Score: 3, Insightful

    I was never a fan of the infinite content scroll. It works well for Pinterest. But not so much for other content websites.

    1. Re:Infinite scroll... Meh... by epyT-R · · Score: 3, Informative

      Yup. It prevents me from using CTRL-F to quickly find the text I'm looking for. It also prevents rapid scrolling with the scroll bar (or a fast mouse wheel).

    2. Re:Infinite scroll... Meh... by Aighearach · · Score: 1

      I thought it didn't switch to the new version on my platform at first, and then I started to scroll. I knew I had the new one because it was suddenly super-laggy.

      If this is the future, I'll be using a download addon more often. Download what I need, and run, no staying around to browse kittens anymore.

    3. Re:Infinite scroll... Meh... by Anonymous Coward · · Score: 1

      I use Home and End for scrolling all the time.

  9. Didn't try the beta by Anonymous Coward · · Score: 1

    So... do we get to see a video's rating in the search/related results like it used to be? Because removing that feature was one of the dumbest moves I've ever seen.

    Example: If you tend to wander around in the *science* areas of youtube, having ratings visible is the easiest way to avoid entering the loony 'free-energy' areas.

  10. Slow response, looks like ass by decipher_saint · · Score: 2

    Got this for about 2 hours yesterday while I was editing some video and two things immediately struck me:
    (This is all running Firefox with no-plugins on a Core i7 with 16 GB of memory)

    1. Almost all the UI elements lagged, my suspicion is that content is loaded as needed. The comments section has been loading on demand for a while but now it seems to extend to other functions too now

    2. Beauty is in the eye of the beholder and I beheld none; smaller lighter fonts, less contrast, burying things under modal dialogs (seriously why is a popup necessary for sharing the URL?)

    Speaking of modal dialogs some of the notifications now appear under the video layer (making it impossible to interact with)

    Google has a habit of testing crap like this on a subset of us and waiting for annoyed responses to fill up the Google Product Forums, I haven't checked to see what's there today but my guess is other users experienced similar behavior (unless I just got lucky in which case "go me")

    --
    crazy dynamite monkey
    1. Re:Slow response, looks like ass by bogaboga · · Score: 1

      I hate it for a different reason: -

      The inability to independently have major site elements independently scroll. I want to read comments while still having sight of playing video. The same applies to related videos on the right.

      To me, grade this as a C+

    2. Re:Slow response, looks like ass by decipher_saint · · Score: 1

      Now that's an enhancement

      Keep the primary content front and centre while allowing you to interact with the rest of the site.

      --
      crazy dynamite monkey
  11. An interface for dumb people by bluegutang · · Score: 2

    More white space
    = less words
    = less content
    = less thinking
    = more scrolling until you actually find what you want.

    I suppose Youtube's most profitable customers are unable to deal with a screen packed full of information, but I'd prefer not to waste my time scrolling until I find what I need.

  12. FAD by micahraleigh · · Score: 1

    2 years ago it was skeuomorphic now it is material design. 2 years from now it will be something else.

    The packaging changes a little and the older front end devs get force retired.

    How is this an improvement for anyone? It's just seems like a hamster wheel.

  13. Re:Usability by SpammersAreScum · · Score: 1

    Am I the only one who thinks Usability should be a key design principle?

    No, you aren't. They've ignored it here, and they screwed it up even worse in the similar Google Voice redesign. Addition of unnecessary whitespace inevitably means the user has to do more work to get the same (useful) information. Google Voice redesign decreased usability -- for no apparent reason -- in other ways as well, but that's probably off-topic here.

  14. Call me conservative but by Kartu · · Score: 1

    I hate what they did with Android 7.
    Icons with rounded corners (mkay, I can kinda disable it), but why, dear google, isn't it EASIER to quickly recognize icons when they have different shape?
    The quick access bar has become barely readable with tiny icons drawn with thin line.

    Oh, and I don't like the circle icons of "material" thing at all either.

    Oh, and I seem to like the touchwiz by the known company.

    Samsung should be paying me, I guess.

  15. Way better by fulldecent · · Score: 1

    Way less bullshit, 100% better. I already forget what the old one looked like.

    --

    -- I was raised on the command line, bitch

  16. Innovate into obscurity by xession · · Score: 3, Insightful

    Youtube has pretty much been on a downward trend in UI usability since Google purchased the site. Every time they decide to "update" the interface, it seems to keep on steam rolling back in time. This "content focused" approach has left little presented up front, forcing users to go through menus to find the other shit the site can do. 2006 Youtube might look dated, but usability was much better overall, as was stability as I recall. With this latest iteration, this leaves me feeling like I'm using Windows 2.0, next will probably move us back to Windows 1.0 like functionality and I can't wait until everything is done from a terminal, including watching the video in hex!

    Damn good times ahead folks!

    1. Re:Innovate into obscurity by Aighearach · · Score: 1

      If I could browse it in lynx and have the content play through vlc, I would love it.

  17. Suggested Video Pop-Ins? by ohnocitizen · · Score: 1

    Will this simple clean design remove the pop-in videos that show up towards the end of a video, and don't seem to be removable? Because those are so distracting they render the videos unwatchable.

  18. It's crap by DontBeAMoran · · Score: 2

    All I see is a page with a vertically scrolling frame on the left and window that's too wide on the right so the content is cropped on both sides. Are asshole designers just assuming everyone has a widescreen monitor?

    FUCK. YOU.

    --
    #DeleteFacebook
  19. Re:Usability by Gavagai80 · · Score: 4, Insightful

    Used to be websites had good desktop/laptop usability and poor phone/tablet usability. Now they have good phone/tablet usability and poor desktop/laptop usability.

    --
    This space intentionally left blank
  20. It only needs to do one thing by OrangeTide · · Score: 1

    The entire UI can be playing a video, done. The comments are going to be total trash anyways.

    --
    “Common sense is not so common.” — Voltaire
  21. One thing missing from the description by Indiana+Joe · · Score: 1

    Simple, consistent, beautiful.... does that mean no ads?

    --
    I can't decide if this post is interesting, funny, insightful, or flamebait.
    1. Re:One thing missing from the description by Aighearach · · Score: 1

      There used to be a checkbox to turn ads on and off on slashdot, but I think it was broken because I still never saw any.

      People talk about ads all the time, but I haven't seen an ad since last time I watched PBS and there was 2 minutes of sponsor listings at the top of the hour.

  22. Re:Usability by Merk42 · · Score: 1

    Or, they didn't ignore it and what they came up with through user testing just happens to not be something you personally like....

    or you know, your preferences are law and fact I guess that could be it too.

  23. NEW THING BAD!! by Merk42 · · Score: 2

    I don't like it!
    Therefore no one likes it!
    Therefore they should have spent time doing something completely unrelated that those same people would have no idea how to implement!

    1. Re:NEW THING BAD!! by AmiMoJo · · Score: 1

      The issue I have is bit the UI, it's the recommendation system.

      - It always suggests stuff from my subscriptions, stuff I skipped over. I skipped it for a reason.

      - When I refresh it shows the same stuff, that I didn't watch because I'm not interested.

      - No way to block channels.

      - It gets very myopic and lacks variety.

      --
      const int one = 65536; (Silvermoon, Texture.cs)
      SJW, n: "Someone I don't like, and by the way I'm a fuckwit" - AC
    2. Re:NEW THING BAD!! by Merk42 · · Score: 1

      You do know there is a small menu where you can choose "not interested" for the video suggestions right?
      Otherwise how is is supposed to the know the different between a video you don't want to watch and a video you aren't going to watch right now?

    3. Re:NEW THING BAD!! by AmiMoJo · · Score: 1

      I use that a lot, but it doesn't really take the hint very well. I even give a reason every time.

      --
      const int one = 65536; (Silvermoon, Texture.cs)
      SJW, n: "Someone I don't like, and by the way I'm a fuckwit" - AC
  24. Dark. Dark! DARK! by emil · · Score: 1

    It appears to me that few people within Google have ever had to use their phones within a crowded theater. The material UI is too bright, and attracts too much attention.

    A mobile UI must consider unobtrusiveness and subtlety. Material design is not so hot.

    1. Re:Dark. Dark! DARK! by Zaelath · · Score: 1

      "had to"?

    2. Re:Dark. Dark! DARK! by Aighearach · · Score: 1

      Just turn it off, asshole.

  25. Re: Already running into problems by Hognoxious · · Score: 1

    Keep in mind that this is NOT the finished product, so don't diss on something until its done and finished.

    What would be the point in "dissing on" something that's finished? By then it's too late to change it.

    --
    Confucius say, "Find worm in apple - bad. Find half a worm - worse."
  26. All I see is a message about downloading Chrome by caseih · · Score: 1

    Using Palemoon here and all I see when I go to the new url is a page advertising Google Chrome and saying my browser isn't supported. Apparently I'm not allowed to even see the new youtube site, which suits me fine. Google Voice's material design makeover turned it into a steaming pile that's ridiculously slow and javascript heavy. Sigh. Good thing I never actually use the youtube web site. I do all my youtube viewing through mpv or youtube-dl. Such a better experience!

  27. So this is that "dark mode" from two weeks ago by LocalH · · Score: 1

    https://news.slashdot.org/stor...

    I did that two weeks ago for the dark mode UI. I went to the opt-in link just now, and got "you're already seeing the new experience".

    --
    FC Closer
  28. Changed UI again by guruevi · · Score: 1

    They seem to be changing the UI every 2 weeks it seems like. Every time I go to YouTube, the location of the "add to Watch Later" button has changed. In less than one year it went from the top right corner to the bottom left corner, then to the bottom right corner, for about a week it was moved to a separate dropdown, then back to the bottom right corner but now you had to hover over it, now it's moved to the top right corner. Pretty much every button I use has to be hunted down again on every visit.

    Come up with a UI design that doesn't suck and stick to it. Changing it for the sake of change is disruptive. I'd hope you have UI designers in your team.

    Also, 5MB of JavaScript and HTML (not counting the preview images or Ajax calls and with AdBlock enabled) before you even render a single page is a bit excessive. That's 5MB of "framework" before you even load data.

    --
    Custom electronics and digital signage for your business: www.evcircuits.com
  29. Re:Usability by SpammersAreScum · · Score: 1

    Or, they didn't ignore it and what they came up with through user testing just happens to not be something you personally like.... or you know, your preferences are law and fact I guess that could be it too.

    Oh, it is certainly possible that they found users who felt the new design was more aesthetically pleasing, and felt that that was more important than usability.

  30. MD is the opposite of beauty by MoarSauce123 · · Score: 1

    Material Design is flat, boxy, and cold without providing clear delineations of areas in the UI. It is just a fad that will be shunned a few months from now when someone comes up with the next "best" thing.

  31. Only one thing I don't like. by SpiralBound · · Score: 1

    The look and function is great. Nice and clean. Google gets full marks for this.

    However, I really don't like the infinite page length. It just keeps scrolling and scrolling, and scrolling, and...

    --
    Avatar of the God(s) Random
  32. Re:Usability by Merk42 · · Score: 1

    and certainly possible that they found more users who felt it was more usable even though it's not what you want.
    but no, keep doubling down on the whole "Well I don't like it, therefore no one likes it!"

    Source: I've done a lot of user testing, and in fact, the whole point of User Testing is that just because a developer/designer/product owner feels X is the best way of doing things, that may not be how the audience in general feels.

  33. Re:Meh by ArmoredDragon · · Score: 1

    Material design is not a flat UI in that it uses plenty of hints of depth, including overlapping objects, shadows, and gradients. It's also not necessarily minimalist, though it can be. An example of minimalism would be www.google.com. Youtube doesn't seem to embrace that concept that much, on the other hand, as any one screen seems to be filled with graphics and other objects.

    Flat UI, on the other hand, is the crap that Microsoft does, and in order to distinguish UI objects in a flat UI, you have to use deeply contrasting colors, contributing to the fisher-price look.