5 Waarborgen hoe gebruikers kunnen scrollen
De dagen van "boven de vouw" zijn voorbij. Lange scrollen en oneindige scrollende sites worden de laatste tijd steeds populairder, en het is geen toeval dat deze techniek zich goed vertaalt naar mobiele apparaten. Het toegenomen gebruik van mobiele schermen heeft zeker een sleutelrol gespeeld bij de brede acceptatie van de lange scroll-techniek: hoe kleiner het scherm, hoe langer de scroll.
Lang scrollen opent veel nieuwe deuren voor ontwerpers. Dit patroon heeft echter zijn eigen nadelen. Het vereist dat ontwerpers veel aandacht besteden aan inhoud, navigatie en animatie.
Hier zijn 5 tips om te volgen om ervoor te zorgen dat uw lange scrollen voldoet aan de verwachtingen van de gebruiker.
1. Zorg voor interessante inhoud meteen vanaf het begin
Ondanks het feit dat mensen meestal begin met scrollen zodra de pagina wordt geladen, is de inhoud bovenaan het zichtbare gedeelte van het scherm erg belangrijk. Wat bovenaan de pagina wordt weergegeven, maakt een eerste indruk en stelt een kwaliteitsverwachting in voor uw gebruikers. Gebruikers scrollen wel, maar alleen als wat ze zien als ze de pagina binnenkomen veelbelovend is.
Om er zeker van te zijn dat mensen gaan scrollen, moet u inhoud aanbieden die uw bezoekers geïnteresseerd houdt. Plaats dus je meest overtuigende inhoud bovenaan in de pagina:
- Geef interessante feiten (feiten die bezoekers aantrekken en hun aandacht vasthouden)
- Gebruik boeiende beelden (gebruikers besteden veel aandacht aan afbeeldingen en afbeeldingen die relevante informatie bevatten)
2. Geef gebruikers een visuele keu
Soms is de beste manier om gebruikers te laten scrollen, door ze direct te vragen het te doen. Licht gebruikers eenvoudig in dat de meeste inhoud beschikbaar is onder de vouw. Een subtiele visuele keu, zoals een pijl die buiten het scherm wijst of een tekst "scroll down", kan gebruikers informeren dat de meeste inhoud hieronder beschikbaar is.
Met een pijl die van het scherm afwijkt, worden gebruikers geïnformeerd dat de meeste inhoud hieronder wordt weergegeven.
3. Houd navigatiemogelijkheden blijvend zichtbaar
Navigatie is een maak- of pauzeaspect van de gebruikerservaring van een site. Een van de grootste risico's van lang scrollen in uw ontwerp is een mogelijkheid tot desoriëntatie van de gebruiker. Als de navigatiebalk zijn zichtbaarheid verliest wanneer gebruikers naar beneden scrollen, moeten ze helemaal naar achteren schuiven als ze diep in de pagina staan. Meestal verwart en frustreert dit gedrag gebruikers.
De voor de hand liggende oplossing voor dit probleem is om een plakkerig navigatiemenu te gebruiken dat de huidige locatie aangeeft en altijd op het scherm in dezelfde positie blijft.
Een voorbeeld van blijvend zichtbare, plakkerige navigatie.
Alleen mobiele apparaten: aangezien het mobiele scherm veel kleiner is dan het bureaublad, kan een zichtbare navigatiebalk een relatief groot deel van het scherm beslaan. Een manier om het probleem van een klein scherm te verhelpen, is een navigatiebalk te verbergen wanneer gebruikers naar nieuwe inhoud scrollen en deze zichtbaar te maken wanneer gebruikers zich terugtrekken om weer bovenaan te komen.
4. Gebruik functionele animatie om bezoekers te betrekken
Creatieve effecten zoals parallax-scrollen en scrollen-geactiveerde animaties kunnen gebruikers ertoe bewegen meer te scrollen. Ze veranderen in iets leukers en maken de gebruiker zich af "wat zal er hierna gebeuren?"
Overweeg om uw pagina op te delen in schuifbare 'chunks'. Binnen elk stuk kunt u de inhoud introduceren door middel van creatieve animaties. Terwijl gebruikers scrollen, zetten animaties ze over naar het volgende scherm tijdens het maken van een pad met te volgen inhoud.
Parallax is een ander populair geanimeerd effect dat het scrollen kan verbeteren. Parallax-effect creëert een illusie van diepte en onderdompeling door de achtergrondafbeelding langzamer te laten bewegen dan de inhoud op de voorgrond. Wanneer uw site een verhaal op een vloeiende, lineaire manier wil vertellen, kan lang scrollen in combinatie met het parallax-effect een volledig meeslepende browse-ervaring creëren.
5. Vermijd Scroll kaping
Websites die scrollen door middel van scrollen implementeren, nemen de controle over de schuif en overschrijven een basisfunctie van de webbrowser. Scroll-kaping is slecht omdat de gebruiker niet langer volledige controle over de bladerfunctie van de pagina heeft en niet in staat is om zijn gedrag te voorspellen. De verwachting van gebruikers van de scrolinteractie van een website mag niet worden vernietigd omwille van de narratieve ervaring.
Apple gebruikt scroll-kaping op hun Mac Pro-pagina.
Conclusie
Lang scrollen is in staat om een volledig meeslepende browse-ervaring te creëren. Het is helemaal mogelijk om een reis net zo plezierig te maken als de bestemming. Wanneer gebruikers de inhoud op uw site leuk vinden en de gebruikersinterface intuïtief vinden, zullen ze niet echt last hebben van de lengte van de schuif.