Hoeveel informatie staat er eigenlijk op de pagina?


Weleens afgevraagd hoeveel informatie je nog kan lezen of bekijken op een pagina? Ja? Mooi! In deze blog lees je aan de hand van een aantal voorbeelden hoe je het voor een website bezoeker nog makkelijker maakt om te laten zien hoeveel informatie er nog op de pagina aanwezig is.

Leestijd

3 minuten

Categorie

Online development

Datum

02-01-2020
Schrijf je in en ontvang maandelijks een update van de belangrijkste ontwikkelingen
Enkele gegevens ontbreken of zijn onjuist

Het formulier kan nog niet worden verzonden omdat het nog niet helemaal (correct) is ingevuld.

Scroll, Swipe, scroll

Als we zoeken, dan willen we graag eindeloos scrollen of swipen. Als we eenmaal gevonden hebben wat we zoeken, dan is dit een ander verhaal. Bijvoorbeeld: Een relevante blog, daar willen we zo snel mogelijk kunnen screenen of we het willen lezen. Een belangrijke factor hierbij die de keuze van de bezoeker kan bepalen is de leestijd en pagina lengte. 

Altijd laten zien: Leestijd

Bij onze blogs laten we altijd de leestijd zien. Heb je die van deze blog al gespot? Waarschijnlijk wel. Het feit dat deze gelukkig niet langer dan 5 minuten is heeft je doen besluiten om verder te lezen.

 leestijd-loyals.png

 

Ook LinkedIn laat actief de leestijd van een artikel zien, zodat je direct kan screenen hoe lang het artikel is wat je wil gaan lezen. 

Nu we het toch over tijd hebben, altijd al de helft van je tijd willen "besparen"? Lees dan deze onderstaande blog van Youri.

linkedin

Hoe bepaal je de leestijd? Easy, zet een timer en begin met lezen. Klaar? Stop de timer en noteer de tijd. Natuurlijk leest de een sneller dan de ander, maar het is een goede indicatie. En dat is precies wat de bezoeker die de pagina scant wil zien.  

Indicatoren

Op diverse informatieve websites wordt er gebruik gemaakt van een plek waarop er wordt aangeven hoe ver je nog naar beneden kan swipen of scrollen. Dit is vaak een balk die zich vult. Voor nationaleberoepengids.nl deden we dat op onderstaande manier:

scrollindicator.png

De oranje balk bovenin laat op subtiele manier zien op welk punt van de pagina je bent.

Custom cursor

Een mooie toepassing (die helaas wel desktop only is) is een custom cursor met een scroll indicator. Trendy, maar niet voor elke website toepasbaar.  

custom-cursor.png

Custom cursors 
Custom cursors (het handje of pijltje) zijn een grote trend in de online wereld. Use it to perfection: het is belangrijk is dat deze cursors juist worden toegepast. De UX van de website blijft natuurlijk altijd leidend.

Wil je meer weten over de UX en interface animaties? Check deze blog van UX-designer Tim. 

cursor.gif

Houd er bij het gebruik van een custom cursor altijd rekening mee dat de actie van de cursor goed moet blijven en dat hij natuurlijk niet zichtbaar is op een mobiel apparaat.

Meer weten over scroll indicators of custom cursors? Bij Loyals hebben we een groot aantal specialisten die hier meer over kunnen vertellen en adviserenWe're happy to help!


Schrijf je in en ontvang maandelijks een update van de belangrijkste ontwikkelingen
Enkele gegevens ontbreken of zijn onjuist

Het formulier kan nog niet worden verzonden omdat het nog niet helemaal (correct) is ingevuld.