YouTube zet nieuw ontwerp van website en app live

YouTube heeft een nieuw ontwerp. Zowel de website als de app zijn aangepast. Ook heeft het videoplatform van Google een nieuw logo. In de app zijn aanpassingen gemaakt om navigatie makkelijker te maken, terwijl er voor desktopbrowsers een Dark Mode is.

YouTube toont alle wijzigingen en vernieuwingen in een blog en op een pagina met uitleg over het gebruik van het vernieuwde logo. De YouTube-app voor smartphones heeft voortaan een witte header en de navigatietabs zijn nu onderaan geplaatst, zodat navigeren met de duimen makkelijker is. Ook zijn de opties om video's sneller of langzamer te bekijken nu aanwezig in de app.

Binnenkort moeten video's zich beter aanpassen aan het formaat van het scherm. Dat moet een einde maken aan verticale video's met zwarte balken aan de zijkanten, die ook bij het kijken in verticale oriëntatie dus niet het volledige beeld benutten. Verder gaat YouTube experimenteren met gestures in de app. Momenteel is het mogelijk om tien seconden voor- of achteruit te spoelen door rechts of links in een video twee keer op het scherm te tikken. Binnenkort komen er meer bewegingen bij, zoals het vegen over een video om naar een volgend of vorig filmpje te gaan.

Het nieuwe ontwerp voor desktopbrowsers bevat onder andere een Dark Mode. YouTube stelde het nieuwe ontwerp eerder al beschikbaar voor een deel van de gebruikers, maar nu krijgt iedereen die het videoplatform bezoekt, het nieuwe ontwerp, dat gebruikmaakt van material design, te zien.

Reacties (72)

[MrAndy9797]

Enige tijd geleden had YouTube (heel plots) een test-design al online gezet en was dat actief bij mij. Ik vond dat design persoonlijk echt afschuwelijk. Alles was op de schop genomen en ook het filtersysteem van zoekopdrachten was meer een achteruitgang dan een vooruitgang. De gebruiksvriendelijkheid ging ook omlaag doordat alles veel te groot werd voorgesteld. Gelukkig bleek het om een test te gaan en kon ik het 'originele' design terug inschakelen.

Nu moet ik eerlijk zijn dat ik op het logo na geen verschil zie in desktop. Wat me vooral verbaast is dat er nog geen verticale video's werden 'ondersteund' zonder zwarte balken weer te geven (in de app). Hoop dat deze functie dus ook snel zijn weg vind naar de desktop. Er zijn namelijk wel 'klagers' die per se vinden dat je filmen horizontaal moet doen, terwijl het verticaal zeker geen probleem is hoor. Waarom aan de zijkanten iets filmen terwijl je verticaal de focus volledig juist kunt leggen bijvoorbeeld?

Het filtersysteem is qua inhoud hetzelfde gebleven en dat is dus wel goed. Dingen die goed werken zijn altijd een risico om ze aan te passen.

[MicGlou]

Het lijkt erop dat het nieuwe ontwerp nog niet voor iedereen beschikbaar is... ik heb nu ook nog alleen maar het nieuwe logo en verder de oude layout. Maar het nieuwe design verandert de look van de sidebar en het schoont de algehele look wat op, alhoewel ook al door een andere gebruiker opgemerkt is het wel heel erg wit nu... nog witter dan voorheen. Onderstaande link laat zien hoe het eruit zou moeten zien... (en het lijkt erop dat na 1x op die knop te hebben geklikt ik nu ook permanent over ben naar de nieuw stijl, voorheen kon je nog terug.)

https://www.youtube.com/new

[Reactie gewijzigd door MicGlou op 24 juli 2024 01:22]

[Bafti]

Ik dacht eerst hetzelfde. Echter als ik firefox gebruik voor het weergeven van youtube dan is enkel het logo aangepast. In chrome is de nieuwe versie wel te zien.

-- Edit -- @MicGlou Na alle cookies met youtube verwijderd te hebben is het inderdaad opgelost. Let op 'youtube' en niet 'youtube.com'. Anders werkt het nog niet.

Persoonlijk ben ik er geen fan van. Niet alleen omdat verandering altijd tijd kost om aan te wennen maar de tekst is gewoon enorm groot geworden. Ik voel me 30 jaar ouder met die koeienletters op mijn scherm. Even zoeken of dat is aan te passen.

[Reactie gewijzigd door Bafti op 24 juli 2024 01:22]

[MicGlou]

Bij mij precies andersom Chrome niet, Firefox wel... heeft misschien nog met wat temporary files/cookies te maken oid..

[ToFast]

Hier hetzelfde, Firefox nieuw design en Chrome niet. Via https://www.youtube.com/new ook in Chrome snel te fixen.

[EraYaN]

Maar Nightmode though... en Theatermode, beide worth it.

[MrAndy9797]

Inderdaad, nu zit ik op het volledig nieuwe design. Het wordt even wennen maar ziet er al beter uit dan toen. Bedankt voor de tip!

[DoubleYouPee]

Hoe ga ik nu weer terug? /new en /old kan ik niks.
Scroll volume werkt niet meer en alles is zwart

[Anoniem: 145867]

Het is bij mij helemaal niet WIT. Alles is zwart.

Ik heb de "Donkere Thema" aangezet. Klik op je profiel avatar bij youtube en je kan daar je thema naar donker veranderen. Dus dan is het niet meer wit..

[Blizz]

Waarom aan de zijkanten iets filmen terwijl je verticaal de focus volledig juist kunt leggen bijvoorbeeld?

Als je oplet bij de klagers gaat het niet om een video waarbij je een correcter en vollediger beeld krijgt bij de portretmodus. Het gaat om video's die gewoon horizontaal hadden moeten worden geschoten omdat de content zich horizontaal uitstrekt, wat meestal het geval is bij een video-opname.

[b2vjfvj75gjx7]

Wat me vooral verbaast is dat er nog geen verticale video's werden 'ondersteund' zonder zwarte balken weer te geven.

Dat is bewust gedaan, vanwege het VVS (Vertical Video Syndrome) waar veel mensen last van hebben.

https://www.youtube.com/watch?v=Bt9zSfinwFA

[FreshMaker]

Wat me vooral verbaast is dat er nog geen verticale video's werden 'ondersteund' zonder zwarte balken weer te geven (in de app). Hoop dat deze functie dus ook snel zijn weg vind naar de desktop. Er zijn namelijk wel 'klagers' die per se vinden dat je filmen horizontaal moet doen, terwijl het verticaal zeker geen probleem is hoor. Waarom aan de zijkanten iets filmen terwijl je verticaal de focus volledig juist kunt leggen bijvoorbeeld?

Op de desktop worden de meeste video's in landscape bekeken.
Ik heb er geen probleem mee dat men in portret opneemt, wat mij wel stoort, is dat dan de opvulling links en rechts een blur is van het opgenomen beeld
Dat leidt me teveel af ( alsof je een slechte trip krijgt van oude lsdzegeltjes )
De zwarte balken zijn prima, zolang de filmer maar niet halverwege zijn telefoon draait, om van portrait naar landscape te gaan.
( ik heb familie die zo een halve vakantie op de bekende "kijk en like" sites gegooid hebben )

[Jeffrey88]

Edit; stomme vraag

[Reactie gewijzigd door Jeffrey88 op 24 juli 2024 01:22]

[Lucas]

Dat gaat dan om een video die bijvoorbeeld op een telefoon is geschoten, "portret modus" zeg maar, terwijl de meeste video's in "landscape modus" worden gefilmd.

[Clickalot]

En daarom, heet dat een test-design. Heb je feedback gegeven?

[CriticalHit_NL]

Binnenkort moeten video's zich beter aanpassen aan het formaat van het scherm. Dat moet een einde maken aan verticale video's met zwarte balken aan de zijkanten, die ook bij het kijken in verticale oriëntatie dus niet het volledig beeld benutten.

Kunnen we de verslechterde bitrates die de afgelopen jaren zijn doorgevoerd zoals op 720p/1080p van nog meer dichtbij bekijken!

Wanneer krijgen we eindelijk toegang tot surround geluid, en hogere kwaliteitsgeluid dan 192kbps wat alweer gedowngraded is van 256kbps AAC die een paar jaar terug nog beschikbaar was is ook wel wenselijk.

Overigens geen fan van Windows-10 witruimte edition websites/applicaties.

Edit: Als je geen toegang hebt tot de nieuwe layout, volg deze link:
https://www.youtube.com/new

[Reactie gewijzigd door CriticalHit_NL op 24 juli 2024 01:22]

[EraYaN]

Nightmode maakt alles zwart.

[Anoniem: 145867]

De grootste verandering van Youtube wordt hier niet genoemd. Namelijk dat zowat heel Youtube is opgebouwd uit nieuwe web technologie genaamd "Web Components". (Ga maar naar developer modus en dan zie je dingen zoals <yt-playlist-manager> welke speciaal bij Youtube ontwikkelde componenten zijn)

Dit was juist de grootste drijfveer + material design om Youtube op de schop te nemen. Alles bestaat nu uit herbruikbare componenten welke de technologie van de browser benuttigd.

Dus geen componenten systeem van frameworks zoals React, Angular of Ember of welke framework dan ook. Nee, gewoon een componenten systeem dat de browser begrijpt. Dit betekend dat je niet meer gebonden bent aan een framework betreft componenten. Dit betekend ook beter overstappen en je componenten mee nemen naar andere frameworks.

Maar goed, iedereen hier let alleen maar op het kleurtje wit en zwart en heeft geen interesse in de achterliggende techniek zeker. (Het mooie en handige is wel dat de gehele Youtube applicatie nu themable is door custom CSS properties, en dus niet elke component hoeft aan te passen)
Want juist die componenten techniek is zeer interessant betreft design systemen en toekomstige WYSIWYG editors waar je hele mooie dingen mee kunt doen.

Het is echt mooi dat Google dat soort technieken pusht. Eindelijk een goed werkend componenten systeem zonder dat je ingekapseld bent in een Framework!!

[Reactie gewijzigd door Anoniem: 145867 op 24 juli 2024 01:22]

[tweakPiet]

Ik ben blij dat je het noemt. Is meer Tweaker gehalte.

[Sc0tTy]

Interessant, weet je toevallig ook hoe ze dit hebben gedaan ? Zou er wel meer info over willen hebben.

Nevermind, heb het al gevonden: Www.webcomponents.org

[Reactie gewijzigd door Sc0tTy op 24 juli 2024 01:22]

[Anoniem: 145867]

Dit hebben ze gedaan door nieuwe technologieën die in browsers verwerkt zitten. Het is relatief bleeding edge. Daarom is het heel vreemd dat ze al een grote website als Youtube ermee uitvoeren.

Om een web component te maken heb je verschillende technieken nodig: https://en.wikipedia.org/wiki/Web_Components

Er zijn verschillende libraries die daar om die technieken een "wrapper" gemaakt hebben die het je makkelijk maakt. De bekendste is "Polymer Library" van Google. Polymer is geen framework, maar een hulpmiddel om makkelijker webcomponenten te maken. Omdat de onderliggende api's van de verschillende technieken behoorlijk low level zijn.

Het enige wat nu een beetje wringt is de HTML Import techniek welke andere browsers naar Chrome niet willen implementeren. Als argument hebben ze aangedragen dat Javascript ES6 toch modulen kan importeren en dat het dan overbodig is. En deels hebben ze gelijk. Deze verandering zal doorgevoerd worden in Polymer Library 3.0, Waarbij Polymer 2.0 nog afhankelijk is van een html import polyfill voor de niet ondersteunende browsers.

https://www.polymer-project.org/ Website betreft de library. Sinds 2.0 is de library op de schop en modulair geworden zodat mensen die niet alles van de library willen gebruiken dat niet hoeven te doen.

Bekendste bedrijf in Nederland die er volgens mij nu mee werkt is ING bank. Ik denk om hun design systeem ermee te bouwen.

Het is opzich behoorlijk bleeding edge, maar voor moderne browser niet erg om te implementeren. Tenzij je echt oudere browsers moet ondersteunen. Dan zou ik hier niet voor kiezen.

[Reactie gewijzigd door Anoniem: 145867 op 24 juli 2024 01:22]

[dasiro]

om die dark mode te gebruiken moet je blijkbaar wel inloggen

[boratnl]

Ook ingelogd lukt het me niet...

[Ghostface9000]

Zelfde probleem, maar hiermee wel gelukt:
https://www.theverge.com/...dark-mode-how-to-activate

[boratnl]

Yes, thanks! Dan krijg je wel gewoon het menu dat je hoort te krijgen onder je profiel.

[Ketho]

Net even getest, het lukt me om de dark theme te gebruiken zonder in te loggen
https://streamable.com/vexxb

[Quinten]

Ingelogd werkte het in eerste instantie bij mij ook niet. Na cookies te hebben opgeschoond en opnieuw inloggen kwam het nieuwe menu inclusief 'Donker thema' tevoorschijn.

[Damic]

Jup inloggen, hangt aan je profiel en niet aan een koekje.

Alleen die wit ruimte (in dark mode = zwart ruimte)

[Jeroenneman]

Echt enorm veel form over function dit.

Het commentaar zweeft nu gewoon in de ruimte. En de suggesties die ik te zien krijg worden ook steeds bedroefder. Ik heb mijn locatie express ingesteld op US, zodat ik niet al die Nederlandse baggervloggers te zien krijg. Helaas kruipen die er steeds weer doorheen, geen idee waarom.

[Damic]

IP adres kunne ze zien van welk land je bent. Trending = bagger 1ste rij: ik krijg zowel Nederlands als Walen daar te zien en als ik durf klikken dan ik gezien.

[Reactie gewijzigd door Damic op 24 juli 2024 01:22]

[rkeet]

Paar keer aangeven dat je die troep niet wilt zien. Vervolgens dus ook die dingen niet liken/aanklikken/kijken. Ook je vriendin op jouw account niet :x

Zie bij mij voornamelijk de dingen die me (mogelijk) wel zouden interesseren om aan te zetten. Kijken doe ik eigenlijk vrij weinig op YT, ben er meer voor de muziek, hoewel ik daar af en toe wel een paar minuten naar zo'n filmpje kijk.

Afspelen met volledige breedte van scherm is wel nice. Njah, volledige breedte... zo groot als dat de verhouding van het filmpje toestaat in de beschikbare hoogte. Maar goed, wel een verbetering.

De comments, tsjah, boeie.

Up Next/Recommended for you - Eigenlijk niks verandert. Prima.

Dark theme wel kudo's, werd hoog tijd.

[JustFogMaxi]

Ok dus we stappen weer af van de accent kleuren van Material Design? veel te wit imho.

[Reactie gewijzigd door JustFogMaxi op 24 juli 2024 01:22]

[Eewokney]

de standaard is inderdaad veel te wit. en de Dark Mode is weer veel te zwart.
kan alleen maar hopen dat er genoeg kritiek komt dat er een slider komt zoals tweakers heeft geimplemeteerd na reactie van de bezoekers.

[Tweakwondo]

Ja. Net zoals in android Oreo. Alles is wit veel te wit, geeft enorme kop pijn in de late avond uurtjes, youtube app het zelfde verhaal. Snap er geen hol van waarom ze zijn overgestapt naar wit

en dan (nog) geen dark mode hebben...

[Reactie gewijzigd door Tweakwondo op 24 juli 2024 01:22]

[Ruw ER]

Het double tap om 10 seconden terug of vooruit te gaan is echt heel fijn. Gebruik het nu een paar maanden, en ik mis het echt in apps als twitch en netflix.

[ultimasnake]

Ja alleen heel jammer dat dergelijke functies niet breed worden door getrokken... ook via de browser zou het fijn zijn om zo snel even naar voren te kunnen skippen voorbij een intro ipv met de muis zoeken in de tijdsbalk

[t link]

Kan gewoon met de pijltjestoetsen toch? Dat gebruik ik altijd

[Mandrake466]

Nieuwe logo maar oude layout op Windows 10, ook nadat de cookies zijn verwijderd

[CriticalHit_NL]

Probeer dit maar eens dan: https://www.youtube.com/new

[Mandrake466]

Your browser is not supported. Try it with the latest Google Chrome

Ik hou het voorlopig bij WIndows. Dan maar geen black edition.

[Lekker Ventje]

Zou leuk zijn als ze ook het Red abonnement hier eens uit gaan rollen. Vier keer reclame in een filmpje van 20 minuten trekt op niets.

[EnigmaNL]

Dat ligt aan de kanalen die je bekijkt. De maker van het filmpje bepaald of en hoeveel reclame erin zit.

[19JM81]

Ik kreeg ineens allerlei YouTube TV en YouTube red melding vandaag met openen van de App. Ik hoop dat YouTube Red er snel is!

[rickboy333]

Waarom hebben ze in godsnaam dat logo vernieuwd?

Anyway ik vind de veranderingen op zich wel kunnen. Waar ik me echt aan stoor is dat video titels ook in het zwart staan ipv in het blauw. Blauw voelt gewoon veel beter aan.