Welke les leert Facebook ons? (Web Design Wise)

jessicajournel

@jessicajournel · 25 Jun 2020

Welke les leert Facebook ons? (Web Design Wise)

Facebook is een soort van dat baken van de online wereld waar we aan gewend zijn geraakt. Op dit punt lijkt de wereld van het internet zonder de aanwezigheid van Facebook vrij donker en leeg.

Nu weten we dat wanneer we Facebook zeggen, je gaat denken aan de mobiele applicatie. En zeker, dat is de plek waar we meestal toegang krijgen tot Facebook. Echter, voordat de app tot stand kwam, was er de website. En die website fungeert vandaag als een mijlpaal voor het ontwerp van sociale media websites voor elk ander sociaal platform (althans voor degenen die nog steeds desktopgebaseerd zijn). Dus laten we eens een kijkje nemen in het web design van Facebook en ontdek hoe ze het hebben bereikt.

Is het een vroege vogel krijgt het wormscenario?

Veel mensen beweren dat Facebook's overweldigende succes was eigenlijk een ander voorbeeld van een „vroege vogel krijgt de worm” situatie. Zeker toen Facebook inbrak in de social media scene waren er slechts een paar belangrijke concurrenten, zoals MySpace en Twitter. Wat maakt Facebook apart? Het ontwerp van de website en de ontwerpintentie erachter.

De website-ontwikkelaars van Facebook hebben altijd een vereenvoudigd en eenvoudig ontwerp gemaakt, wat een noodzakelijk ding was, gezien een groot aantal functies die het platform aangeboden. Van berichten aan vrienden, zoeken naar hen, lid worden van en het maken van groepen, het maken van albums en het delen met vrienden. De functionaliteit van Facebook is toegenomen sinds zijn nederige dagen terug in de vroege jaren 2000. Maar de ontwerpprincipes zijn niet veranderd. En het recente herontwerp van de website bewijst dat.

Reflectie en herontwerp: Wat doet Facebook goed en wat kunnen we ervan leren?

Als we het hebben over wat Facebook goed doet met zijn websiteontwerp, dan is het eerste dat moet worden besproken hoe het voldoet aan de gebruikerseisen. Met bijna 2,6 miljard dagelijkse gebruikers over de hele wereld , zou het dwaas zijn om de eisen van het volk te negeren. Maar wat doet Facebook nog meer goed?

Hier is een lijst van dingen waar Facebook aandacht aan besteedt als het gaat om hun website, en dit zijn de dingen die je nodig hebt om aandacht te besteden aan ook als het gaat om uw website.

1. Eenvoudige navigatie, goede lay-out en intuïtief ontwerp: de heilige graal van gebruikerstevredenheid

Ondanks wat de haters zouden kunnen zeggen, zijn de trouwe gebruikers van Facebook altijd tevreden geweest met de UX die door de website wordt aangeboden, en het is allemaal vanwege de heilige graal van gebruikerstevredenheid genoemd in de rubriek.

De lay-out van de desktopsite is door de jaren heen exponentieel verbeterd. Hier is een naast elkaar vergelijking van Facebook's tijdlijn uit 2006 (links) en 2019 (rechts).

Deze extreme transformatie kan alleen worden toegeschreven aan de voortdurende inspanningen van het Facebook-team om hun desktop up-to-date te houden met de nieuwste trends in bruikbaarheid, navigatie en veranderende eisen van de mensen.

Wat moet je hiervan leren?

Als het gaat om webdesign is het belangrijk om trends bij te houden, alleen wanneer het aansluit bij uw doelen. Facebook website ontwerp heeft altijd in contact gehouden met de behoeften van de gebruiker, met betrekking tot navigatie, lay-out, en het veranderende gedrag van de gebruikers, evenals de trends en bijgewerkt het ontwerp lay-out dienovereenkomstig. En als je wilt dat je website zo groenblijvend is als die van Facebook, dan moet je hetzelfde doen. Volg de trends, maar alleen zolang deze in overeenstemming is met de behoeften van uw gebruiker.

2. Best practices voor visuele hiërarchie vasthouden

Visuele hiërarchie is belangrijk, en het team dat verantwoordelijk is voor het websiteontwerp van Facebook weet dat.

En dat is waarom we in het moderne Facebook-ontwerp verhalen bovenaan hebben, want dat is wat vers is, dan een kans om onze eigen tijdlijn te updaten, met teksten en afbeeldingen, en dan hebben we het andere nieuws, tijdlijnberichten, etc, precies in deze volgorde. Maar waarom?

Facebook geeft bij het ontwerpen van de tijdlijnpagina prioriteit aan de 'versheid' van de berichten. In de visuele en informatieve hiërarchie van dingen voor een sociaal platform zijn de 'meest recente' berichten belangrijker en daarom hoger geplaatst op de pagina.

Nu, wat zou je belangrijkste afhaalmaaltijd van deze praktijk moeten zijn?

De belangrijke informatie gaat naar de top, de rest hoort onderaan.

En daarom is dit een belangrijke les die je moet wegnemen voor een Facebook-achtige zakelijke website-ontwerp - welke belangrijke boodschap je ook hebt, plaats het bovenaan en de rest gaat daarna. Op deze manier worden de gebruikers vanaf het moment betrokken bij de belangrijkste tekst en hoeven ze geen uren op uw website te zoeken naar inhoud die belangrijk is. Wanneer u een designpartner inhuurt voor een website, zorg er dan voor dat u met een web design bureau in New York of een andere stad waar ze vertrouwd zijn met het werken van de informatiehiërarchie van een pagina.

3. Leesbaarheid voor een betere betrokkenheid

Als er één ding is waar Facebook beroemd om is, is het leesbaarheid.

Het nauwkeurige gebruik van typografie, evenals de ontwerpkeuzes, maakt de hele site leesbaar en gemakkelijk te begrijpen. De leesbaarheid van de site verhoogt de betrokkenheid en creëert een uitnodigende ruimte waar mensen graag mee willen doen.

De bovenstaande schermafbeelding is alleen de aanmelding/aanmeldingspagina, maar hun beleid van leesbaarheid is er vrij prominent op. Het gebruik van duidelijke grote typografie, eenvoudige inhoudstaal en het plaatsen van CTA-knoppen maken de pagina aangenaam om naar te kijken en uitnodigend genoeg om deel te nemen. Het dient als bewijs van hoe belangrijk de leesbaarheid van de inhoud is om een moderne webdesign lay-out aantrekkelijk te maken.

En dat is waarom om mensen te helpen om deel te nemen aan de site, de inhoud op de pagina te verbeteren. Controleer de leesbaarheidsscore van de inhoud en zorg ervoor dat het voor mensen niet moeilijk is om te begrijpen wat er is geschreven en let op typografie. De lettertypestijl en rangschikking op de site zijn erg belangrijk om de mensen te helpen zich ermee bezig te houden.

4. Integreer het cruciale element van plezier

Al het werk en geen spel maakt Jack een saaie jongen.

En dat is waarom Facebook altijd zorgt voor de integratie van leuke elementen op de website. Of het nu gaat om de enorme reeks Facebook-games, of het gebruik van leuke pictogrammen en kleuren om de UI interessant te maken. Het platform zorgt voor het creëren van een gevoel van plezier en nut voor de gebruikers door middel van creatieve Facebook-pagina-ontwerp.

Bron: https://www.theverge.com/2020/3/19/21187118/facebook-desktop-redesign-more-available-starting-today

Ondanks zijn eenvoudige uiterlijk, maakt de opnieuw ontworpen interface van de Facebook-desktopwebsite het leuk en interessant met het gebruik van kleurrijke pictogrammen aan de linkerkant, samen met platte pictogrammen aan de bovenkant. De omtrek is eenvoudig en functioneel, en toch is het element van plezier hier aanwezig.

Deze zorgvuldige integratie van leuke elementen is een van de belangrijke aspecten van webdesign. Ontwerpers kunnen ook verschillende overgangseffecten, micro-interacties en illustraties integreren om de saaie alledaagse vibe van de website te doorbreken. Het combineren van functionaliteit en entertainment is de sleutel tot maximale betrokkenheid, en als een site dat evenwicht kan bereiken, zal het onverslaanbaar zijn in de markt.

5. Personalisatie die belangrijk is

Facebook staat bekend om zijn integratie van individualisering op het platform om de gebruikers een betere ervaring te geven. Van het optimaliseren van profielbeveiliging tot het soort berichten dat ze op hun tijdlijn willen zien, alles kan worden gepersonaliseerd op Facebook. En onlangs hebben ze nog een veer toegevoegd aan die kroon van personalisatie, dat is de donkere modus.

De donkere modus in webdesign is al lange tijd een veelgevraagde functie. Facebook heeft eindelijk voldaan aan de vraag van het publiek en introduceerde de functie op zijn nieuwe en vernieuwde website. Maar ze hebben de gebruikers ook de kans gegeven om dit te personaliseren. Mensen kunnen zich afmelden voor de donkere modus of inschakelen als ze dat willen, allemaal met een paar simpele klikken.

Het niveau van individualisering van Facebook staat als voorbeeld voor alle andere sites. Gebruikers houden ervan om zich speciaal behandeld te voelen, en personalisatie is daarbij de sleutel. Dus vergeet bij het bouwen van een site niet om de gebruikers enkele individuele functies te geven. Het kunnen producten zijn die gerelateerd zijn aan eerdere zoekresultaten of die de keuze geven om zich af te melden voor meldingen. Als het gaat om individualisering, gaan zelfs de kleinste gebaren een lange weg.

Zoals we Wrap Up: Facebook-lessen voor uw website

Er zijn een aantal serieuze lessen facebook pagina ontwerp ideeën kunnen ons leren over site ontwerpen en hoe de vlam in leven te houden (tussen de gebruikers en de site natuurlijk) voor meer dan een decennium. De sleutel is om naar de gebruikers te luisteren, op de hoogte te blijven van de marktrage en het doel te stellen om gebruikers te betrekken en te vermaken, terwijl ook aan hun behoeften wordt voldaan. Dus voor iedereen die een site bouwt, neem een kijkje op Facebook, en zie alles wat het goed doet en doe dan hetzelfde, alleen met een twist van individualiteit. En dat is hoe de site een enorm succes kan worden, net als Facebook.

#Facebook #WebDesign #WebsiteRedesign

No comments yet

5 years ago

Hi Hankjan, It awesome!

Sabrina

Goeie post. Ik gebruik FB om vrienden te zoeken...

Diana

Interesting.

Henkjan de Krijger

Hi Jessica. I like your post ! What do you think of the Yoors webdesign ? And a warm welcome @ Yoors off course !

Welcome on Yoors

Sameer khan

Impressive information 👌🙏

Facebook - Log In or Sign Up

Facebook’s less cluttered desktop redesign is more widely available starting today

16 Years of Facebook Website Design History - 33 Images - Version Museum

How to get Facebook’s redesigned website with dark mode