Facebook haalt nieuw ontwerp met dark mode voor desktop uit bèta

Facebook is begonnen met het uitrollen van een nieuwe versie van de desktop-interface voor alle gebruikers. Die heeft een ander ontwerp, maar ook een dark mode. De website is aan de achterkant ook helemaal veranderd.

De nieuwe website, die het bedrijf 'New Facebook' noemt, is er vooral op gemaakt sneller te kunnen navigeren. Dat gebeurt onder andere doordat de code van de website significant is geoptimaliseerd. De website laadt daardoor sneller. Ook zegt Facebook dat het wisselen tussen verschillende paginaonderdelen sneller is geworden.

De nieuwe website krijgt ook een ingebouwde dark mode. Die staat gelijk als een toggle in het dropdownmenu bij instellingen en is dus makkelijk te vinden.

Facebook zegt ook dat de navigatie op de site makkelijker is geworden. Er is bovenin, boven de News Feed, een balk toegevoegd waarbij gebruikers direct naar verschillende onderdelen kunnen zoals media, chats, en Facebook Marketplace. Ook zegt Facebook dat het makkelijker is geworden om evenementen, pagina's, groepen en advertenties aan te maken.

Facebook kondigde tijdens zijn ontwikkelaarsconferentie F8 in 2019 al aan dat het werkte aan een nieuw ontwerp voor de desktopsite. Tot nu toe was dat beschikbaar voor een kleine groep gebruikers, maar dat was allemaal nog in bèta. In 'de komende weken' wordt het nieuwe ontwerp voor iedereen beschikbaar.

Reacties (45)

[robcoenen]

Voor de technici onder ons. Hierbij de technische zaken die veranderd zijn
Rebuilding our tech stack for the new Facebook.com

[Core2016]

Leuk om te lezen over dat dark mode. Maar daar word niet zover in gegaan op de uitdaging die het met zich mee brengt. Daarom vul ik jou link graag aan met die van StackOverflow: Building dark mode on Stack Overflow

[Davy de Vries]

Voor frontend developer’s die utility-first CSS willen gebruiken zoals Facebook dat doet. Raad ik Tailwind CSS aan.

[Jeebus]

Dit gaat natuurlijk eerst door iedereen afgezeken worden. Zoals altijd met een UI change. Ik heb de beta al een paar maanden en ben er inmiddels wel aan gewend. Als ik nu terug switch naar classic mode ziet het er ouderwets uit.
Ik weet nog wel de heisa toen tweakers werd omgegooid.

[StefanDingenout]

Nou ja, mensen zeuren altijd natuurlijk, maar een onhandigere trage zooi dan het nu is kan het amper worden.

[Annihlator]

Ik heb af en toe de vraag of ik de enige ben waarbij chrome compleet vastloopt als je per ongeluk facebook een tijd op de achtergrond laat...

Héél toevallig als je dan de chrome exec met facebook sluit dat de zooi ineens weer werkt...

[CH4OS]

Je kunt kiezen welke weergave je wilt, het wordt niet opgedrongen of zo.

[Reactie gewijzigd door CH4OS op 22 juli 2024 18:15]

[dasiro]

voorlopig nog niet, tot ze geen zin meer hebben om de oude in de lucht te houden en dan is het volgen of stoppen

[CH4OS]

Een dark modus zal niet iedereen aan staan, dus ik zie niet waarom het uiteindelijk 'volgen of stoppen' wordt. Ik begrijp dus niet helemaal waar jouw aanname op gebaseerd is.

[dasiro]

op de nieuwe weergave, niet op de dark mode. Je reactie was op een post over de nieuwe UI, niet over kleur.

[CH4OS]

De dark modus bedoelde ik met de weergave?

[GeoBeo]

Nee, hoor. Ik heb het niet zo met Facebook en GUI design changes (regel 1: consistency).

Maar dark mode is altijd welkom.

[Dessie]

@Jeebus Echt? Hier dus net andersom, ben geen fan van deze nieuwe look. Het lijkt niet eens meer op Facebook!

Dus mijn feedback heeft ze niet geholpen!
Niet om aan te gluren!

[Dessie]

(foutje dubbele post, verwijderen graag)

[Reactie gewijzigd door Dessie op 22 juli 2024 18:15]

[user549890]

Het ziet er naar uit dat de UI bij elke nieuwe uitrol, van OS tot websites groter en groter wordt met meer wit(zwart)ruimtes. Ofwel is die screenshot genomen in een kleine resolutie.. Is dit voor de vergrijzing onder de bevolking tegemoet te komen?

[TMC]

Lijkt me meer dat er wordt ingezet om het scherm zoveel mogelijk te benutten.

[Britske]

Witruimtes zorgen voor minder clutter en meer overzicht als je ze goed gebruikt. Zo ook bij Facebook in mijn ogen. De posts komen beter tot hun recht in de nieuwe UI. En dat is toch waar Facebook om hoort te draaien.

[DiSiLLUSiON]

Witruimte vergroot de leesbaarheid.

Wat afmetingen betreft; WCAG 2.1 (de toegankelijkheidsregels, zegmaar) specificeert geen expliciete minimum tekstgrootte. Maar, Niveau AA schrijft (https://www.w3.org/WAI/WC...ques=143#contrast-minimum) een minimum contrast van 4.5:1 voor, bij lettergroottes kleiner dan 18.5px (14pt) die vetgedrukt zijn, en lettergroottes kleiner dan 24px (18pt) met een reguliere dikte. Voor grotere letters volstaat een contrast van 3:1. Niveau AAA schroeft dit contrast verder omhoog.

Hoewel een hoop van WCAG interpreteerbaar is, maak ik hier uit op dat een incidenteel stukje tekst (denk aan een veldlabel in een formulier) kleiner dan 18.5px mag, zolang deze maar vetgedrukt is, maar dat de broodtekst (wat je niet vetgedrukt wilt hebben) dus minimaal 18.5px groot moet zijn. Als een website eerst piepkleine (14px of zelfs 13px) letters had, en je maakt de letters groter, dan zal de rest logischerwijs mee moeten schalen om alles in balans te houden.

[Reactie gewijzigd door DiSiLLUSiON op 22 juli 2024 18:15]

[Anoniem: 318796]

Mis hier wel een link naar de website waar je het elf kan uitproberen.

[TijsZonderH]

Facebook.com...?

[Boost9898]

Het kan aan mij liggen maar ik zie nergens de optie: https://screenshotje.nl/q2884.jpg

[TijsZonderH]

Dan is voor jou nog niet beschikbaar. Staat ook in het stuk, de uitrol kan een paar weken duren.

[AW_Bos]

In het menu kan je die switch maken.

[ChopperGunnerNL]

Ik ben al een tijdje beta gebruiker en ik moet zeggen dat het nieuwe ontwerp mij enorm bevalt en een grote verbetering is t.o.v. het vorige ontwerp.
Het voelt nu een stuk sneller en vloeiender aan waar het vorig ontwerp nogal langzaam en haperig kon zijn.

[CH4OS]

Ik heb de beta ook gebruikt en moet zeggen, werkte an sich fijn. Grootste nadeel is dat de berichten naar weinig breedte bevat en daardoor aan weerszijden twee sloten aan zwartruimte ontstond.

[bonus]

Ben er nog geen fan van, maar wie weet komt dat nog. Lijkt allemaal juist wat trager te gaan maar dat kan aan mij liggen

[Belindo]

Ha, niet gerealiseerd dat dit een beta was. Ik heb deze nieuwe stijl nu een paar weken denk ik. Bevalt goed, vooral de donkere modus. En het ziet er toch een stukje moderner uit.

Het enige wat me stoort is dat de lijst met groepen (links op de hoofdpagina) niet zichtbaar is als je op de pagina van een groep bent. Je kunt dus niet van groep naar groep en zal eerst terug naar de hoofdpagina moeten.

[MrAndy9797]

Had de aanbieding gekregen om het te testen, maar kon het altijd terugzetten als ik dat wou. Maar omdat het ooit toch gepusht ging worden heb ik het nooit teruggezet. Het went wel, al zit er nog steeds een vervelende bug bij je messenger dat je geen gesprek kan openen uit de bovenste messengerknop als er al een messengertab (gesprek actief) openstaat onderaan.

[sus]

Nou Tweakers... als Facebook het kan met hun complexe code, dan moet een IT-site als jullie dit toch ook kunnen.

[stuiterveer]

Deze IT-site ondersteunt volledig custom CSS. Je kunt zelf alles doen wat je maar wilt!

[hottestbrain]

Custom css is naast het gevoel ergens aan bij te dragen een belangrijk verkoopargument voor de aboshop;)

[sus]

@hottestbrain @stuiterveer

Ik vind dat - als ik een abo neem en dus betaal aan Tweakers - *zij* moeten zorgen voor de darkmode.

Je weet wat je schrijft he:
Ik betaal aan Tweakers om een functie te activeren waardoor ik het werk van een bezoeker kan gebruiken om een darkmode te hebben. Die dan ook altijd achter de feiten aanloopt, want hij gaat “stuk” als Tweakers wat aanpast. Die verdienen dus letterlijk geld over de rug van een ander. Nee dank je.

[mchaos]

Iemand een idee hoe ik naar de mobiele versie van deze New Facebook ga?

Ik gebruik namelijk de mobiele site en niet de app op mijn Android. Heb Toon desktop versie in de Chrome app gebruikt en dan naar facebook.com gesurft maar die laadt dan uiteraard geen mobiele versie en is dus niet handig te gebruiken en m.facebook.com toont uiteraard nog de huidige versie.