De essentiële ingrediënten voor een perfecte parallax UX

Met zoveel webtechnologieën, platforms en programmeertalen zijn webontwerpers en ontwikkelaars nog steeds op zoek naar nieuwe mogelijkheden om bezoekers te binden en om te zetten in vaste klanten.

Er zijn allerlei opties om gebruikers te interesseren, maar een van de meest populaire is parallax-scrollen. Parallax-scrollen gebruikt een script om elementen op een webpagina met verschillende snelheden te verplaatsen, waardoor de indruk van diepte ontstaat.

Als je van gedwongen perspectieffotografie houdt, zul je waarschijnlijk ook van Parallax-scrollwebsites houden. Het effect kan zeer zware sites produceren, maar op de juiste manier gebruikt, creëert het een spectaculair en boeiend visueel effect.

Het gewicht van parallax-sites

Het eerste obstakel bij het overwegen van een parallax-website is de grote bestandsgrootte en de resulterende toename van de laadtijd van de pagina. Dit komt omdat u meestal veel meer op één pagina laadt dan normaal.

Hoe meer u laadt, hoe zwaarder de pagina. Om deze reden zijn parallax-sites het meest geschikt voor situaties waarin de gebruiker bereid is om iets langer op informatie te wachten.

Parallax en SEO

Als u op de hoogte blijft van nieuws uit de branche, weet u waarschijnlijk dat zoekmachines (vooral Google) hun vereisten voor on-page optimalisatie regelmatig strenger maken. Het zoeken naar informatie wordt gebruiksvriendelijker, maar het valt niet altijd samen met de plannen en capaciteiten van site-eigenaren.

Momenteel, als u Parallax-scrollwebsites van één pagina verkiest, moet u deze voor slechts één trefwoord optimaliseren. Tegelijkertijd kunnen reguliere websites elke pagina optimaliseren voor een afzonderlijk trefwoord / zin. Dientengevolge kan een doordachte scheiding van de startpagina behoorlijk effectief zijn, maar u moet ervoor zorgen dat de inhoud waarvoor u ontwerpt onder een zeer beperkt bereik van zoekwoorden kan worden gepromoot.

Mobiele parallax

Je kunt niet langer aan het mobiele internet ontsnappen, en dat geldt net zo goed voor parallax-sites als alle andere. Als je ervoor kiest om een parallax-effect te gebruiken, moet je ervoor zorgen dat je het effect naar mobiele telefoons vertaalt.

Gelukkig zijn er tal van verschillende bibliotheken en scripts die helpen bij het weergeven van pagina's met Parallax scrollen op mobiele apparaten op een native manier, sommige van mijn favorieten zijn iScroll 4,Zynga Scroller,Stellar.js, en Scrollability .

Parallax scrollen en UX

Parallax-sites zijn buitengewoon boeiend en doen het goed om het bouncepercentage van een site te verlagen, maar dat gebeurt alleen als je de grootte laag houdt en ervoor zorgt dat het effect correct werkt op mobiele apparaten.

Parallax-sites stellen ons in staat verhalen te vertellen, en die verhalen zijn een geweldige manier om bezoekers te betrekken. Hieronder hebben we enkele van de beste voorbeelden van parallax-sites verzameld, die allemaal de valkuilen hierboven hebben vermeden om hun projecten met succes in te zetten.