Scrolljacking: het goede, het slechte en het lelijke

In de eenvoudigste bewoordingen , scrolljacking is de term uit de webindustrie voor het hergebruiken van het scrollwiel/de beweging voor iets anders dan het verwachte omhoog of omlaag gaan op de pagina. Hoewel sommige misschien een meer specifieke definitie hebben, is dit degene waarmee we gaan werken bij het beschrijven van onverwacht gedrag veroorzaakt door scrollen.

Er zijn verschillende manieren waarop ontwikkelaars verschillende sites hebben gescrolld op verschillende niveaus van “jackedness”, ” als je wil. Als u een snelle Google-zoekopdracht uitvoert, kunt u tal van sterke meningen over scrolljacking vinden, waarvan de meeste heftige tegenstand onthullen.

In dit bericht zal ik een paar verschillende scrolljacking-technieken uitleggen en bekritiseren en mijn mening geven over hoe en wanneer dit een positieve ervaring kan zijn.

Techniek 0: Parallax

Waarschijnlijk het meest voorkomende voorbeeld van scrolljacking tegenwoordig is een parallax-achtergrond — wanneer een achtergrondafbeelding met een andere snelheid beweegt dan de rest van de inhoud op de pagina, waardoor een interessant gelaagd effect ontstaat. Dit is een heel klein voorbeeld van scrolljacking, hoewel het de scroll gebruikt om de pagina te manipuleren op een manier die niet consistent is met wat gebruikers verwachten van een scrollwiel.

Ik heb besloten om dit ” Techniek 0″ omdat op dit moment, hoewel het uit de gratie raakt, de meeste gebruikers geen oog dichtdoen bij het zien van parallax-achtergronden. Natuurlijk kan op elk element het parallax-effect worden toegepast, hoewel achtergronden het meest voorkomen.

Techniek 1: The Full Jack

Sommige sites bevatten elementen die in wezen dia's zijn die het volledige browsergebied overnemen en het scrollwiel gebruiken om vooruit of terug te spoelen. Enkele voorbeelden van deze techniek zijn te vinden bij Apple, Huge Inc en Yapstone.

Deze zijn vrij gemakkelijk om aan te wennen, hoewel dit frustrerend kan zijn voor een gebruiker die misschien door de inhoud wil springen of scan snel de hele pagina. Dit zijn secties die uw aandacht vragen op dezelfde manier als een pop-up. U kunt niet doorgaan naar de rest van de pagina totdat u voorbij het scroll-jacking-gedeelte bent. Pop-ups worden universeel gehaat, dus waarom zouden scrolljacking-secties anders moeten worden bekeken?

Techniek 2: de lichte krik

Sommige sites laten nog steeds het verwachte scrollen van tekst zien met een achtergrondafbeelding die vast wordt en op een gegeven moment misschien verandert in een andere achtergrondafbeelding. Het wordt uiteindelijk weer relatief en scrolt omhoog op de pagina of wordt bedekt door inhoud onder de specifieke sectie. Dit zou een vrij laag niveau van scroll “jackedness” zijn, en misschien wel het minst aanstootgevend. Een paar voorbeelden van deze techniek zijn te vinden in The New York Times en Grammarly.

Techniek 3: The Fading Jack

Een derde variant is te vinden bij dstillery. Deze techniek maakt gebruik van zowel vaste achtergrond- als voorgrondelementen en gebruikt vervolgens de schuifpositie om door tekst en afbeeldingen te vervagen.

Dit is het minst intuïtieve voorbeeld voor de eindgebruiker. Het is gemakkelijk om op een punt te komen waarop je het scrollwiel een beetje kunt gebruiken en er niets verandert omdat je de ene trigger hebt gepasseerd maar de andere nog niet hebt geraakt. Door dit soort problemen kan het lijken alsof de site kapot is doordat ze niet reageren op uw scroll.

Dus wat is de Big Jacking Deal?

Scrolljacking verandert de fundamentele waarheid die gebruikers zijn gaan verwachten van het gebruik van hun scrollwiel. Zie het als het huren van een auto en wanneer een klootzak je afsnijdt op de snelweg, toeter je op je claxon, maar in plaats daarvan krijg je een straaltje ruitensproeiervloeistof en beginnen de ruitenwissers op volle kracht te vegen.

OK, dus scrolljacking zorgt zeker niet voor gevaarlijke situaties, maar toch druist het in tegen alles wat een gebruiker heeft geleerd te verwachten van zijn eerdere ervaringen met scrollen, zowel op het web als in de meeste applicaties.

Hoe Kunnen ontwerpers/ontwikkelaars verantwoord scrolljacken?

Waarschijnlijk komt mijn favoriete voorbeeld van scrolljacking, dat ik een kleine variatie op Techniek 2 zou noemen, van Melanie Daveid. Dit is een voorbeeld van de helft van het scherm die als relatief begint, voor een bepaalde tijd gefixeerd wordt en dan weer relatief wordt.

Slechts de helft van het scherm wordt tegelijk opgevijzeld, dus u ziet altijd de continuïteit van het bladeren door de pagina. We noemen deze techniek 'The Half Slight Jack'. Dan heeft ze de kers op de taart onderaan haar pagina met haar scrollgebeurtenisanimatie.

Naar mijn mening heeft Melanie Daveid het goed, en Techniek 2 is ook behoorlijk goed. Als het gaat om scrolljacking, zolang iets op de pagina nog steeds op de verwachte manier beweegt, krijgt de gebruiker die beweging en een groot deel van de controle die hij verwacht.

Het kan worden gebruikt als een interessante en interactieve manier om een ​​verhaal te vertellen zonder het gebruik van een slider of accordeon, wat trouwens tegen je gebruikt kan worden als het op SEO aankomt.

Hoewel scrolljacking veel tegenstanders heeft, heb ik ' Ik zie het niet snel verdwijnen. Ik vermoed dat het steeds vaker voorkomt op internet en dat UX-ontwerpers nieuwe manieren zullen blijven bedenken om te scrollen, waarvan er vele serieuze tegenstand zullen blijven krijgen van de webgemeenschap.

Plaats een reactie