Een gepersonaliseerde gebruikerservaring door content-slots
Met content-slots kun je de content op je website op een natuurlijke wijze personaliseren. Het schept flexibiliteit in je UI componenten en daardoor vergroot je de mogelijkheden voor een perfect gepersonaliseerde website. In dit artikel introduceren we content-slots en geven we je inzicht in hoe je met personalisatie een betere gebruikerservaring creëert.

Personalisatie voor een betere gebruikerservaring
In de afgelopen jaren zagen we een flinke toename van personalisatie om de gebruikerservaring te verbeteren. Deze techniek komt voornamelijk terug in applicaties als Netflix, waarin je gepersonaliseerde aanbevelingen krijgt op basis van je kijkhistorie. Deze AI-based aanbevelingen werken uitstekend voor platformen die via een gebruikersaccount over een langere termijn data verzamelen.
Bij de meeste platforms (zoals bijvoorbeeld overheids- of bedrijfswebsites) ontbreekt deze vergaande techniek en gebruiken we een eenvoudigere vorm van personalisatie. Op deze sites is het wel mogelijk om een anoniem profiel te maken op basis van bezochte pagina's. Dit profiel gebruiken we vervolgens om pagina's te voorzien van handige gerelateerde informatie. Het opgebouwde profiel wordt in een cookie opgeslagen in de browser van de bezoeker.

Ontwerp een persoonlijke ervaring
Met nieuwe inzichten over de websitebezoeker is het mogelijk om een completere gebruikerservaring neer te zetten. Zo kunnen we bijvoorbeeld de homepage aanpassen zodra de anonieme gebruiker terugkeert naar de website. De homepage is nu gevuld met handige snelkoppelingen naar content waarvan we verwachten dat dit de bezoeker interesseert. Het aanbieden van relevante content creëert een betere verbintenis en dat zorgt voor vertrouwen in het platform.
Vier tips bij personalisatie van on-page user flows
Mogelijkheden om een gepersonaliseerde gebruikerservaring neer te zetten komen ook met valkuilen. Met deze vier tips kun jij je on-page user flow personaliseren.
Hou het simpel
Nu we de tools hebben om een persoonlijk verhaal te tonen aan de bezoeker, is het al snel verleidelijk om direct meerdere gebruikersprofielen aan te maken en hiervoor gepersonaliseerde content aan te bieden. Het is echter belangrijk om te begrijpen dat dit persoonlijk verhaal niet voor iedere bezoeker een betere gebruikerservaring geeft. Begin daarom klein. Bijvoorbeeld met suggesties naar interessante artikelen, of het aanpassen van een afbeelding die beter bij het gebruikersprofiel past. Meet het effect van deze aanpassingen, want alleen daardoor weet je of het positief uitpakt. Let daarbij op dat je niet te veel tests tegelijk uitvoert, want ook daardoor is het moeilijk om een conclusie te trekken over het effect.
Houd reeds bekende patronen in stand
Voordat je een accuraat gebruikersprofiel kunt opbouwen, dient de gebruiker eerst een aantal pagina’s bezocht te hebben. Dit wil zeggen dat de gebruiker reeds een beeld heeft gevormd over de werking van het platform (een zogenoemd mental model). Het is daarom niet verstandig om reeds gevestigde verwachtingen zomaar aan te passen. Als de gebruiker bijvoorbeeld terugkeert naar de homepage kan het verwarrend zijn als essentiële informatie op de pagina nu gewijzigd is. Het is dus belangrijk om de essentiële informatie consistent te houden. Dit kun je doen door informatie toe te voegen in plaats van te wijzigen.
Forceer de gebruiker niet
Een anoniem bezoekersprofiel bestaat uit een gelimiteerde dataset. Ga er dus niet vanuit dat het de volledige waarheid is. We mogen onze ontwerpkeuzes daarom dus ook nooit op de bezoeker forceren (bijvoorbeeld: bestaande links aanpassen om de bezoeker naar een specifieke pagina te sturen). Het is verstandiger om de bezoeker op een natuurlijke manier te helpen naar de juiste relevante content op je website door dit op de juiste momenten aan te bieden. Verderop in dit artikel geven we je een aantal handige voorbeelden van hoe je de juiste content op een goede manier aanbiedt.
Combineer data en menselijke kennis
Om de beste resultaten te krijgen moeten we natuurlijk naar de data kijken: welke patronen ontstaan er wanneer we naar de gebruikersprofielen kijken? Guess.js is een goed voorbeeld van machine learning toegepast om het gedrag van de gebruiker te voorspellen. Deze tool gebruikt data uit Google Analytics om een accuraat model te maken van diverse navigatie patronen. Vervolgens voorspelt de tool alvast welke pagina als volgende wordt aangeklikt, en laadt deze alvast voor. Op deze manier wordt het navigeren in de website een stuk sneller. Met dit type inzichten is het vervolgens mogelijk om te concluderen welke informatie op welk moment interessant is.
Gelukkig zijn er nog steeds dingen die we als mens beter kunnen dan een machine. Een van deze dingen is het kunnen nadenken over de context van de bezoeker. Afhankelijk van de context kunnen we diverse ontwerpbeslissingen maken. Op een pagina over noodinformatie willen we geen afleidende content plaatsen en zo de focus duidelijk houden. Luister daarom naar wat de data vertelt, maar let op dat je geen verkeerde conclusies maakt over causaliteit. Deze combinatie van machine learning en menselijk inzicht wordt ook wel eens Collaborative Intelligence genoemd.
Gebruik content-slots in je UI componenten
Het op een natuurlijke wijze aanbieden van gepersonaliseerde content is een moeilijke taak. Om het jezelf wat makkelijker te maken, kun je gebruikmaken van zogenoemde content-slots. Deze content-slots dienen als placeholders voor je gepersonaliseerde content om zo handige snelkoppelingen te bieden die passen bij de fase van customer journey waarin je websitebezoeker zich bevindt. In de onderstaande afbeelding is een voorbeeld te zien van een 'hero' component op een fictieve homepagina. In dit component hebben we een content-slot toegevoegd onder het introducerend kaartje.

De eerste keer dat de gebruiker de pagina bezoekt laten we het content-slot leeg. Maar zodra we wat meer informatie hebben opgebouwd in het gebruikersprofiel, tonen we relevante gepersonaliseerde content in deze placeholder. Bijvoorbeeld als volgt:

Wanneer de gebruiker op deze link klikt, leren we weer iets meer en voegen we dit toe aan het anoniem profiel.
Op deze manier helpen we de gebruiker om gemakkelijker door een breed web aan content te navigeren. Zo kan de websitebezoeker niet alleen sneller navigeren, maar ziet deze ook meer interessante content. Door content-slots toe te voegen aan je ontwerpen, forceer je jezelf om een persoonlijke gebruikerservaring in gedachten te houden, en er ruimte voor te reserveren. Daarnaast voegen content-slots ook een zekere flexibiliteit toe aan je componenten om belangrijke content onder de aandacht te brengen (bijvoorbeeld een bericht over de gevolgen van een pandemie).
Meer voorbeelden van content-slots
Om je te helpen in je zoektocht naar een betere persoonlijke ervaring op jouw platform, laten we je graag nog wat meer voorbeelden van content-slots zien. In de onderstaande voorbeelden zijn de content-slots aangegeven met een stippellijn.
Toptaken
Toptaken helpen gebruikers om snel te navigeren naar de belangrijkste pagina's van de website. Wat belangrijk is voor de gebruiker hangt echter sterk af van de context. Door een toptaken kaart toe te voegen onder het standaard takengrid kunnen we een extra link toevoegen die goed aansluit bij het profiel van de bezoeker.

Kaart-grid component
Een kaart-grid met daarin diverse links is een veelvoorkomend component in modern webdesign. Je kunt hier bovenaan een content-slot toevoegen om een specifiek thema groot uit te lichten en tegelijkertijd populaire links binnen dit thema tonen.

Product aanbevelingen component
Je kunt een eenvoudig aanbevelingen component realiseren door te linken naar de gerelateerde producten van een eerder bezocht product. Zonder hierbij gebruik te maken van uitgebreide machine learning technieken. Een voorbeeld hoe we dit kunnen weergeven:

Tijd om je website te personaliseren
Dit zijn slechts een paar voorbeelden. Er zijn nog veel leuke en interessante manieren om content-slots te integreren in je UI componenten. Het creëren van een gepersonaliseerd platform is een uitdagende taak. We hopen dat de informatie uit dit artikel je op de goede weg helpt.
Vragen over personalisatie van je website?
Of benieuwd naar de mogelijkheden? Schroom je niet, en neem contact op met een van onze experts!
Neem direct contact op