38

Tak będzie wyglądał YouTube w Material Design. Włącz go u siebie

YouTube ma już za sobą wiele przemian interfejsu, ale dopiero teraz dysponujemy ogólnym obrazem tego, jak serwis będzie wyglądał, gdy źródłem inspiracji będzie styl Material Design. Podejrzewam, że wielu konserwatywnym użytkownikom YouTube'a zmiany nie przypadną do gustu.

Opisywaną przeze zmianę wyglądu przeglądarkowego YouTube’a możecie wywołać samodzielnie, poradnik zamieszczam na końcu wpisu, jednak do spełnienia jest kilka warunków, które powodują, że używanie YouTube w Material Design będzie naprawdę utrudnione. Powróćmy jednak do samego interfejsu.

Strona główna prezentuje się krótko mówiąc nieźle, wydaje się bardziej czytelna, a zawdzięcza to sporo większymi miniaturkami filmów oraz automatycznemu schowaniu bocznego panelu. Można go oczywiście przywrócić klikając na ikonkę „hamburgera” w lewym górnym rogu strony, lecz nie będzie o pełnił podobnej roli, co jego poprzednia wersja.

Tym razem designerzy Google najwyraźniej zdecydowali, że będziemy on widoczny tylko i wyłącznie wtedy, gdy będzie nam potrzebny – w przeciwnym razie nie ma potrzeby wyświetlania go przez cały czas i właśnie dlatego zasłania on część głównej treści strony. Nowe, charakterystyczne dla każdej z kategorii ikonki (znów, dość sporych rozmiarów) prezentują się całkiem przyjemnie. Zmian doczekał się górny pasek, w którego prawym rogu umieszczono zaledwie trzy skróty pozwalające na przesyłanie wideo, rozwinięcie menu ustawień serwisu oraz opcja zalogowania się.

Podstrona z filmem została przearanżowana, choć bez trudności można odnaleźć wszystkie informacje na temat klipu. Dopiero w bezpośrednim porównaniu z wcześniejszą wersją widoczne są zmiany pozycji licznika odsłon oraz (orientacyjnej) liczby subskrypcji wraz z przyciskiem „Subskrybuj”. Zupełnie inaczej wygląda panel udostępniania, którego ikonę także przeniesiono w inne miejsce.

Nie mogę jednak oprzeć się wrażeniu, że nowy układ jest nie tylko bardziej przejrzysty, ale i intuicyjny. Wszystkie dotyczące konkretnego filmu dane i przyciski znajdują się zaraz pod nim, dopiero poniżej umieszczono informacje na temat autora oraz opis wideo (które dość rzadko są czytane).

Warto też zajrzeć na strony profili (kanałów). Tutaj zmiany od razu rzucą nam się w oczy, ponieważ podstrona wydaje się nie mieścić na większości ekranów – znacząco powiększono wszystkie elementy, zrobiono więcej miejsca na autopromocję poprzez rozszerzenie górnych pasków, co odbija się negatywnie na nawigacji po kanale. Naprawiono przy okazji (przypadkowo?) błąd dotyczący wyszukiwarki, która dostępna była jedynie na głównej stronie kanału – po wybraniu którejkolwiek z zakładek (wideo, playlisty itd.) ikonka z lupką znikała i przeszukiwanie materiałów w obrębie jednego kanału było niemożliwe.

A teraz obiecana receptura (źródło: AndroidPolice) na nowego YouTube w Material Design. Warunki, które należy spełnić, by skorzystać z nowej odsłony serwisu są następujące:

  • przeglądarka Chrome
  • wylogowanie z konta Google
  1. Zmianiamy ustawienia „Kraj” na „Cały świat” lub przejście do serwisu z tego linku: www.youtube.com/?gl=US
  2. Otwaramy konsolę – Ctrl+Shift+I
  3. W zakładce „Resources”, katalogu „Cookies”, domena „youtube.com”  usuwamy pozycję „VISITOR_INFO1_LIVE
  4. Przechodzimy do konsoli („Console”), wklejamy poniższy kod i naciskamy enter:
    document.cookie="VISITOR_INFO1_LIVE=Qa1hUZu3gtk;path=/;domain=.youtube.com";
  5.  Odświeżamy stronę

Niestety, na chwilę obecną nie można skorzystać z nowego YouTube’a będąc zalogowany, choć powinno to zmienić się już wkrótce, ponieważ Googlersi przygotowali nawet drogę „ucieczki” z odświeżonego interfejsu do klasycznego wyglądu – przyjrzyjcie się lewemu dolnemu rogowi serwisu.

  • konrad balcerzak

    Nie podoba mi się rezygnacja z pasku stosunku like’ów do dislike’ów.

  • Byle zakładka”moje subskrypcje” dalej mogła wyświetlać filmy w liście, resztę niech sobie robią jak chcą :)

  • Jeśli będzie działać szybciej to jestem za

    • Marcin_11

      Chyba „ktoś” ma tu drewniany komputer albo internet jeśli twierdzi, ze Youtube działa za wolno.

    • cucumber

      Jaja sobie robisz? Zdarza się, że 720p tnie na i3 i 20 mbit, jeżeli jest inna przeglądarka niż chrome. To sposób na walkę z konkurencją.

    • Marcin_11

      No wiesz, jak ktoś ma zasmiecony komputer, spyware i 50gb porno to się nie dziwię, że Ci zamula. Ja tam mam i7 i neta 80, nie wiem co to znaczy że się coś zamula.

  • KarlosZioomPro

    Ten YouTube w material design wygląda według mnie brzydko ;/ wygląda jakby żywcem zerżnęli z androida, po co tym material shitem muszą psuć yt i g+ ehh.
    To jest tylko moje zdanie.

    • to się nazywa spójna identyfikacja wizualna marki

    • YouTube to Google, więc to oczywiste, że chcą unifikacji wyglądu.

    • mc1

      Teraz dużo jest minimalistów i niestety to do nich serwisy się dostosowują.

  • Po co komu jakiś material, youtube potrzebuje więcej reklam!

    • Wincyj!

    • mongol13

      WINCYJ!!!

    • Mateusz Cichocki

      Wincyj i winkszych ino reklamów!

  • Nie ma dużych różnic. Zmniejszyli odstęp horyzontalny między filmikami i zwiekszyli wertykalny… Szkoda, że wszyscy mamy monitory, gdzie jest więcej miejsca horyzontalnie, tzn wertykalny odstęp mógłby być mniejszy. Na plus to, że zaokrąglają wyświetlenia i subskrypcje, ale mam nadzieję, że będzie możliwość zobaczenia szczegółowych statystyk filmiku. Na minus strona kanału – mieści się tam katastrofalnie mało contentu. To jak wygląda teraz ten panel po kliknięciu hamburgera? Mam nadzieję, że w następnych wersjach ui zmniejszą powierzchnię zajmowaną przez dział „następne” poprzez danie spowrotem 3 linijek zamiast 2 i mniej miejsca z prawej strony. To samo można zrobić z filmem – może zostać rozciągnięty aż do lewego górnego boku, a teraz tam jest puste miejsce.

    • Wybacz, ale muszę:
      horizontal – poziomy,
      vertical – pionowy.

    • Nom. Teraz zauważyłem, że w liście „następne” zmniejszyłi spację nad i pod (wertykalnie), a na liście filmów na danym kanale zmniejszyłi spację z lewej i prawej (horyzontalnie).

    • Stond Dotond

      Spację? …czyli, że miejsca jest więcej? Człowieku kto Cię uczył mówić? Translator googla?

  • tiger

    Bez większej rewolucji. I dobrze.

  • Krystian Różanowski

    Oho widok kanałów może i ok, ale czemu oni tak się uparli na zaokrąglone logo -:- Czy oni są ślepi i nie widzą że w tym przypadku lepiej będzie wyglądać kwadratowe logo np. z zaokrąglonymi rogami…

  • Day1721

    Szału nie ma, zmiany są znikome. A, i działa nie tylko w Chrome, bo Firefox i Edge też (i w dowonej innej będzię, jeśli ma obsługę konsoli na stronach web)

  • Darthnorbe

    I google wciąż bezczelnie kopiuje interfejsy!!!

    • Od kogo?… Bo ani nie ma tu cukierkowych kolorów i rozmyć Apple, ani idealnie kanciastych prostokątów Microsoftu. Zresztą, Google ma szczegółową specyfikację Material Design tworzoną przez ich zespół projektantów, możesz sobie poczytać: https://www.google.com/design/spec/material-design/introduction.html.

    • Darthnorbe

      Co z tego że nie kanciate, ale interfejs to jest dokładna kopia modern.

    • Chyba naprawdę nie masz pojęcia na temat Material Design. Modern jest uproszczone do bólu. Zresztą masz link do specyfikacji, tam jest wyjaśniony praktycznie każdy aspekt. Jest też trochę dobrych sugestii w kwestii UX. Polecam działy „What is material?”, „Animation” i „Usability”.

    • Darthnorbe

      Ty nie masz pojęcia o modern. Gdzie Ty masz oczy. WP powstał i nagle google wprowadza material design z wyglądu 1:1 modern. Powinni za to beknąć parszywi kopiarze.

    • Ech, nieważne. Spojrzałem na twoją historię komentarzy i wynika z niej, że twoim głównym zajęciem jest hejtowanie Androida. A ja nie mam akurat ochoty na kłócenie się z ludźmi w internecie. Powiem tylko tyle: każdy system mobilny ma zupełnie inny interfejs. Oczywiście występują podobieństwa, ale nie da się mieć żadnego kształtu na wyłączność. Material Design znacznie różni się od Modern, tak jak Modern różni się od wyglądu iOS.

    • Darthnorbe

      Moim głównym celem jest hejtowanie dziadostwa. Proste i logiczne, każdy człowiek tak robi. A nie czekaj fanatycy będą mówić że to czego są fanatykami jest najlepsze.

      ” Material Design znacznie różni się od Modern, tak jak Modern różni się od wyglądu iOS.”
      Chyba nie widziałeś modern na oczy jak takie banialuki wygadujesz.

    • airhead

      Zarówno Google, jak i Apple (choć znacznie mniej) spłaszczyły interfejsy po udostępnieniu interfejsu Modern, ale to nie jest jakieś złe kopiowanie, tylko próba wpisania się we wspólny trend w projektowaniu

    • Darthnorbe

      „ale to nie jest jakieś złe kopiowanie”
      Dla konsumenta zgadzam się, to jest dobre bo w końcu mają ładny interfejs.
      Ale kopiowanie dobre czy złe to wciąż kopiowanie i kopiowanie przez które zarabia się miliardy to zwykła kradzież. Nie wiem czy m$ się to podoba. Ja bym nie był zadowolony gdyby ktoś ukradł mi pomysł jak zostać milionerem. Na szczęście mamy XXI wiek i mamy patenty więc google musi być miłe.

  • WOW chcę! :D Ja tam lubię ten MD i chcę, żeby więcej usług Google go miało. Dlatego przerzuciłem się na Inbox i zmieniłem Chrome na ten z wyglądem MD. Ja się cieszę ;P No i czekam w końcu na zmiany Kalendarza Google…

  • Tomasz Nowak

    Nie wiem czy to już było, a jeśli tak to od jak dawna, ale jakby co, to ikonki rozszerzeń można już włączyć w material design :)

  • airhead

    Będzie łatwiejszy w obsłudze na… tabletach z Windowsem :)

  • rav

    Casey!!!

  • Petrovelly

    Teraz już chyba nie da się tego włączyć ;/ A co do samego interfejsu – podoba mi się Material Design, na telefony jest genialny i naprawdę dobrze zaprojektowany, ale na komputerach.. Nadal jest ładny, ale ktoś chyba zapomniał, że komputer obsługuje się (precyzyjną) myszą i klawiaturę, dlatego drastyczne powiększanie wszystkich elementów nie ma sensu. Ponadto komputery (w tym te przenośne) mają spore ekrany w stosunku do telefonów, dlatego powinno być więcej elementów widocznych zamiast głupiego powiększania.

  • Ravord

    Wygląda okropnie.

  • ToJa

    Widoki kanałów wyglądają jak w YT Gaming, przyznam, że mam mieszane uczucia do tego, żeby aż kolor strony zmieniać…

  • mateusz

    A Czy Da się to zrobić na internet explorer