Sliders en carrousels waren enkele jaren geleden een designtrend. Je zult het steeds moeilijker vinden om een ​​blog te vinden die ze vandaag niet aanbiedt.

Maar er is iets veranderd. Ontwerpers en ontwikkelaars zijn begonnen afstand te nemen van schuifregelaars voor statische beeldvorming. Naarmate de interesse in minimalistische ontwerpen en lang scrollende websites groeide, werden schuivende banners een waargenomen afleiding en een bedreiging voor supereenvoudig ontwerp.

En als de ontwerpers ervoor hadden gekozen om beweging op een website toe te passen, zou dit in parallax-scrollen, geanimeerde pictogrammen of op een videospeler zijn.

Toch zijn er enkele ontwerpers die beweren dat schuifregelaars en carrousels effectieve ontwerpelementen zijn die de betrokkenheid van gebruikers helpen verbeteren, mits correct gebruikt. We gaan vandaag de geldigheid van dat argument onderzoeken en geven u tips en hulpmiddelen die u kunt gebruiken om gebruikersbetrokkenheid bij uw WordPress blog.

Moeten we ze echt gebruiken?

Voor veel ontwerpers die nu op zoek zijn naar eenvoud, kan het moeilijk voor hen zijn om te begrijpen hoe de roterende inhoud op een ideale manier kan worden ingevoegd.

gebruik van carrousels of niet

nadelen

Hier zijn enkele van de meest voorkomende argumenten over carousels:

  • Langzaam laden: Het toevoegen van schuifregelaars en carrousels vertraagt ​​de laadtijd van een website, waardoor bezoekers kunnen worden uitgeschakeld.
  • Slecht voor de SEO : Omdat zoveel inhoud in één schuifregelaar is gepropt, is het moeilijk om de pagina en SEO voor al die inhoud te optimaliseren.
  • Onnodige Afleiding: Cursorrotatie houdt bezoekers afleiden van de inhoud eromheen.
  • Moeilijk te gebruiken: Meerdere dia's geven bezoekers te veel opties om te volgen en vergen vaak te veel moeite, waardoor het moeilijk wordt om toegang te krijgen tot de gegevens waarnaar ze op zoek zijn.
  • UX onderbreekt: Voor bezoekers die de voorkeur geven aan snel verticaal scrollen van de inhoud, kunnen de schuifregelaars hun geduld beïnvloeden, omdat ze moeten wachten op elke glijbaan "Scrolls.
  • Slechte Click Rate: Volgens sommige onderzoeken zijn schuifregelaars niet effectief in de interactie die wordt gezocht (klikken). Hoewel bezoekers misschien geïnteresseerd zijn in het lezen van een of misschien zelfs enkele dia's, ondernemen de meesten geen actie.
  • lelijk : Veel ontwerpers denken dat " sliders Â» en carrousels zijn lelijk, vooral als je dat gewend bent bevorderen toekomstgerichte reclamebeelden en -berichten.

voordelen

Laten we nu eens kijken naar de argumenten van de supporters van de slider:

  • Ruimtebesparend : Carrousels kunnen veel informatie weergeven in een kleine ruimte.
  • Rommel verminderen : Voor sommige sites is het belangrijk om verschillende producten, voorbeelden, teamleden en meer te presenteren. Schuifregelaars kunnen de rommel verminderen waar mobiele gebruikers last van hebben.
  • Vestigt de aandacht Door beweging aan de schuifregelaar toe te voegen, kunt u de aandacht van bezoekers trekken.
  • Voorzien van perspectieven : Sommige websites hebben een product of dienst die vanuit verschillende invalshoeken moet worden belicht. Een goed voorbeeld van deze case is een telefoonwinkel die een aantal afbeeldingen van hun mobiele apparaten vanuit meerdere perspectieven wil weergeven.

6-methoden waarmee u schuifregelaars / carrousels aan uw blog kunt toevoegen

Uw website is ontworpen om naar behoren te functioneren. Dit is de reden waarom veel van de zorgen van anti-cursors geldig zijn. Als je een schuifregelaar gebruikt om een ​​klant te sussen, alleen omdat ze er echt een willen, of omdat je gewoon niet de tijd hebt genomen om de tips en hulpmiddelen te onderzoeken om het goed te gebruiken, dan kunnen de prestaties van uw website in gevaar brengen.

Als gebruikersbetrokkenheid is wat u zoekt, moet u tijdens de ontwikkeling altijd aan de gebruikerservaring denken. Houd dus bij het toevoegen van een slider aan uw website rekening met de volgende tips:

# 1: Optimaliseer uw plaatsing

Wanneer "schuifregelaars" zijn gemarkeerd, staan ​​ze helemaal bovenaan de startpagina, waar de meeste ontwerpers momenteel belangrijke afbeeldingen plaatsen. Als WordPress-ontwikkelaar weet je dat er andere delen van de site zijn die goed gebruik kunnen maken van glijdende inhoud.

slider WPmudev tutorial

# 2: denk aan de grootte

Moet u een schuifregelaar over de volledige breedte opnemen of neemt deze onnodige ruimte in beslag? Houd altijd rekening met het doel van de schuifregelaar, de grootte van de afbeeldingen erin en de balans die deze kan creëren met de rest van de elementen op een pagina om te bepalen wat de optimale grootte is.

# 3: Gebruik belangrijke inhoud in uw schuifregelaars

Uw bezoekers willen inhoud zien die voor hen van waarde is. Zorg ervoor dat de afbeeldingen en inhoud die in uw slider worden gebruikt, de missie van uw site versterken en bezoekers motiveren om deze in zijn geheel te bekijken.

Schuifvoorbeeld WPMUDEV

# 4: afbeeldingen met hoge resolutie selecteren

Over het algemeen is het een slechte gewoonte om afbeeldingen met een lage resolutie of afbeeldingen van slechte kwaliteit op uw website te gebruiken. Hetzelfde zou moeten gelden voor een "schuifregelaar" of een carrousel, vooral omdat de impact van deze elementen afhangt van de foto's die erin zijn opgenomen.

# 5: houd de tekst tot een minimum beperkt

Schuifregelaars en carrousels zijn fantastisch voor het weergeven van afbeeldingen, maar de tekst kan deze ervaring ondermijnen. Overladen afbeeldingen kunnen het vaak moeilijk maken om teksten te lezen die erop zijn geplaatst. Als een cursor te snel draait, hebben bezoekers bovendien niet genoeg tijd om deze te lezen. Maar u moet ook bedenken dat de tekst die is ingesloten in een afbeelding waarschijnlijk niet correct wordt weergegeven op mobiele apparaten. Overweeg indien mogelijk geen gebruik van teksten, vooral als deze de kwaliteit beïnvloeden.

# 6: let op scrollen

Er zijn een aantal methoden die u kunt gebruiken om het scrollen te regelen. De beslissing om de een of de ander te kiezen, hangt meestal af van de inhoud in de ' schuif ". Automatisch scrollen werkt uitstekend voor schuifregelaars met één frame, zolang het scrollen niet snel gaat. U kunt het beste de dia geforceerd stoppen zodra iemand klikt of de muisaanwijzer op de " schuif ". Het is dan aan hen om te bepalen wanneer ze willen blijven scrollen.

wpmudev schuifvoorbeeld

Wat moeten we dan doen?

Ons werk is beperkt tot het presenteren van dingen aan u, zodat u een beslissing kunt nemen en kunt kiezen wat goed is voor uw blog. Persoonlijk gebruik ik schuifregelaars, maar ik zorg ervoor dat zowel afbeeldingen als inhoud worden geoptimaliseerd om er het beste van te maken.

Wat gebruik je thuis? Heeft u een voorkeur? Aarzel niet om met ons te delen.