Berichten

digitale toegankelijkheid en drempelvrij informatie design

Drempelvrije informatie: website, infographics en designs volgens WCAG richtlijnen

Audiovisuele informatie is de beste vorm van online communicatie. Waarom? Je prikkelt meerdere zintuigen bij het overbrengen van je boodschap. Maar wat als je slechthorend of slechtziend bent? Dan worden die zintuigen moeilijk of zelfs niet geprikkeld.

We doen er in Nederland veel aan om alledaagse dingen op straat of in openbare ruimtes toegankelijk en drempelvrij te maken voor iedereen. Denk aan rolstoelvriendelijke in- en uitgangen en reliëftegels en geleidelijnen op straat voor mensen met een visuele beperking. Maar hoe zit dat eigenlijk online?

 

Het belang van digitale toegankelijkheid

Ongeveer 25% van de Nederlanders heeft moeite met het gebruiken van digitale informatie. Dit kan moeite zijn met het lezen van informatie, maar ook met het bekijken of het bedienen ervan. Denk aan gebruikers die…

  • Slechthorend zijn
  • Slechtziend zijn
  • Een cognitieve beperking hebben
  • Een motorische beperking hebben
  • Of laaggeletterdheid zijn

 

drempelvrije informatie voor auditieve beperkingen drempelvrije informatie voor mensen met cognitieve beperkingen drempelvrije informatie voor mensen met motorische beperking drempelvrije informatie voor visuele beperkingen

 

Wat is WCAG?

Om designs, websites, infographics en andere visuele content, zoals pdf’s toch toegankelijk te maken voor deze mensen, zijn er WCAG-richtlijnen opgesteld. WCAG staat voor Web Content Accessibility Guidelines. Deze richtlijnen garanderen de digitale toegankelijkheid van online informatie.  Je hebt hierbij drie niveaus van toetsing (A, AA, AAA) ieder afhankelijk van een bepaalde hoeveelheid WCAG-richtlijnen.

Waarom digitale drempelvrije informatie in de minderheid is

Als een kwart van de Nederlanders moeite heeft met digitale informatie, dan is de volgende stap simpel, toch? Drempelvrije informatie produceren die voor iedereen bruikbaar is.

Toch zijn er bijvoorbeeld meer digitaal ontoegankelijke websites dan digitaal toegankelijke websites. Het is ook niet zomaar iets. De WCAG-richtlijnen zijn strikt en het zijn er best wat. Daarbij worden ze ook regelmatig geüpdatet. Zo is WGAC 2.1 nu van toepassing en is versie 2.2 alweer in aantocht in juni 2022. Dat maakt het omzetten van je website naar een drempelvrije omgeving een heuse dagtaak. Daarbij komt ook kijken dat je huidige huisstijl voor problemen kan zorgen (daarover later meer). Kortom, digitale toegankelijke informatie is belangrijk om te implementeren, maar niet per se appeltje eitje.

Bovendien is het niet voor iedere partij direct een noodzaak, waardoor het ook vaak wordt uitgesteld. Voor organisaties in de publieke sector geldt er daarentegen wel wat anders. Je kunt je wel voorstellen dat het voor overheidsinstanties, zorginstellingen en gemeentes belangrijk is dat informatie voor iedere webbezoeker toegankelijk is. Dus zij zijn verplicht dit wél te implementeren.

 

Voordelen van drempelvrije informatie voor jou

De toekomst is toegankelijk. Ondanks dat het drempelvrij maken van je web content best een klus is, haal je er meerdere voordelen uit naast dat iedereen ervan gebruik kan maken.

Al jaren gaat goede SEO gepaard met UX-design. Een goede gebruikerservaring van je websites, zorgt voor een betere beoordelingen door grote zoekmachines als Google. Dat betekent dat de digitale toegankelijkheid van jouw website en content dus bijdraagt aan je online vindbaarheid.

Zoekmachines als Google ranken webpagina’s onder andere door te kijken naar leesbaarheid en gebruiksvriendelijkheid. Hoe gebruiksvriendelijker je website, hoe beter Google je vindt en hoe hoger je ranking in de zoekresultaten. Door de informatie op zo’n pagina voor iedere bezoeker begrijpelijk en waarneembaar te maken, maak je het automatisch user-friendly. Daarbij zijn er een aantal tips voor een drempelvrije website ook direct van toepassing op je SEO, bijvoorbeeld:

  • Duidelijke, beschrijvende, unieke titel voor iedere pagina
  • Voorzie afbeeldingen van alternatieve teksten
  • Voeg ondertiteling en beschrijvende tekst toe aan video’s

Dit maakt een digitaal toegankelijke website of infographic niet alleen nuttig voor gebruikers, maar ook voor de online zichtbaarheid en vindbaarheid van je website of content. Daarbij bereik je veel meer mensen met toegankelijke web content.

 

Word cooler en digitaal toegankelijk

Gelukkig, kan met de hulp van experts alles. Uitdaging of niet, alles is mogelijk. Waar kunnen wij je bij helpen? Nou, voor de volgende services bieden wij de mogelijkheid om ze volgens de WCAG richtlijnen te produceren:

  • (Interactieve) infographics
  • (Interactieve) praatplaten
  • (Interactieve) pdf’s (denk aan posters, online brochures, whitepaper designs etc.)

Wat zijn de vereisten voor digitaal toegankelijke designs?

Allereerst, bepaal het niveau dat je wil behalen. Groeien kan altijd nog, dus maak het realistisch. Ook is dit natuurlijk afhankelijk van je doelgroep. Als overheidsinstantie of andere publieke organisatie is het van belang dat een drempelvrije infographic of website voldoet aan het gehele scala richtlijnen, gezien de verplichting, maar natuurlijk ook omdat je een breed publiek aanspreekt. Bekijk het voorbeeld van het waarmerk Drempelvrij. Je ziet dat je rechtboven verschillende functies hebt om de toegankelijkheid van de website te verbeteren, zoals aanpasbare kleuren en een voorlees-functie.

voorbeeld drempelvrij.nl

Om je een beter beeld te geven, duiken we in een aantal belangrijke pijlers voor drempelvrije informatie visualisatie.

1. Waarneembaar

Je moet ervoor zorgen dat alle elementen van je web content te gebruiken zijn op een manier die voor de gebruiker waarneembaar is. Dat betekent dat iemand met een visuele beperking de video content middels een audiobeschrijving moet kunnen waarnemenof dat iemand met kleurenblindheid de kleurinstellingen van een webpagina kan aanpassen. Wat hoort hier o.a. nog meer bij?

  • Alle niet-tekstuele content dient een tekstalternatief te hebben;
  • Maak content die op diverse wijzen getoond kan worden, zodat het aanpasbaar wordt voor de gebruiker;
  • Voeg ondertitels en beschrijvingen toe aan o.a. video content voor slechthorenden en doven;
  • Kleur mag niet het enige visuele element zijn dat bijvoorbeeld een actie aangeeft. Een button moet in dit geval naast kleur ook een icoon of tekst bevatten.

Kleurgebruik volgens WCAG 2.1 kent meerdere criteria. Denk aan de contrastratio van kleuren die bij elkaar worden gebruikt. Hier komt het stukje over problemen voor je huisstijl kijken. Niet iedere huisstijl heeft een kleurenpalet die volgens de contrastratio digitaal toegankelijk is. Dat betekent dat je soms regels rondom kleurgebruik in je huisstijl moet aanpassen of alternatieve kleuren moet toepassen om te voldoen aan de richtlijnen. Check snel of de contrastratio van je tekst- en achtergrondkleuren voldoet aan de eisen voor ‘drempelvrij’ met deze handige tool.

Goed kleurgebruik is vooral van belang voor mensen met een cognitieve of visuele beperking, zoals kleurenblindheid of -deficiëntie. Om meer inzicht in kleurdeficiëntie te krijgen, helpt onze AnyStory je misschien een handje:

 

2. Bedienbaar

Je website en andere content moet natuurlijk altijd makkelijk te bedienen zijn, wil het goed werken. Toch gaat ook de bedienbaarheid een stapje verder dan je gewend bent als je het wil optimaliseren voor gebruikers met een motorische beperking. Gelukkig, behaal je relatief makkelijk winst op het gebied van bedienbaarheid met extra toepassingen rondom toetsbordtoegankelijkheid en navigatie.

  • Als je gebruikmaakt van slides of tekstblokken die na een bepaalde tijd wisselen, dien je een aanpasbaar timingselement toe te voegen waardoor de gebruiker zelf het element kan pauzeren of de tijd van verandering kan instellen;
  • Stel, je implementeert enkele sneltoetsen, dan dienen deze aangepast te kunnen worden. Denk aan een spatie voor het op pauze zetten van een video die je kunt omzetten naar een sneltoets voor Ctrl + spatie;
  • De richtlijn ‘navigeerbaar’ kent verschillende onderdelen die ook onder bedienbaarheid vallen. Bijvoorbeeld paginatitels die het onderwerp van de pagina moeten bevatten of een mechanisme dat content blokken automatisch omzeilt als deze storend zijn voor gebruikers met een bepaalde beperking.

 

3. Begrijpelijk

Als uitlegexpert staat begrip en duidelijkheid hoog in het vaandel bij ons. Mensen zijn verschillend en daardoor kan één zin al op verschillende manieren worden geïnterpreteerd. Daarom is het voornaamste van deze richtlijn dat content (in welke vorm dan ook) een eenduidige functie of boodschap heeft. Maar ook het volgende valt hieronder:

  • De leesbaarheid van teksten. Vermijd jargon en schrijf op B1-niveau als het gaat om Nederlands. Dit taalniveau wordt gekenmerkt door woorden die veel voorkomen en die iedere geletterde Nederlander zou moeten kunnen lezen;
  • Implementeer een foutindentificeerder, zodat gebruikers bij een typefout automatisch de juiste suggestie krijgen. Zo heb je meteen twee vereisten in één: foutidentificatie en foutsuggestie.

 

4. Robuust

Deze richtlijn gaat wat meer de technische kant op. Content – in iedere vorm – moet betrouwbaar geïnterpreteerd kunnen worden door User Agents. Wat houdt dat precies in? Nou, voor een website zijn user agents browsers die webservers laten weten dat ze er zijn. Dus mocht iemand Chrome gebruiken als browser op een Windows pc om je website te gebruiken, dan vertelt Chrome dat in wezen aan je server.

Kortom, de richtlijnen met betrekking tot ‘Robuust’ zijn bedoeld om aan browsers informatie te verschaffen die ze op een betrouwbare en eenduidige manier kunnen interpreteren, zodat de browser precies weet wat jouw content inhoudt. Door rekening te houden met deze richtlijn, pas je gelijk optimalisaties toe om de vindbaarheid van je informatie te verbeteren.

Note: dit is een greep uit de WCAG 2.1-richtlijnen anno mei 2022. De volledige en up-to-date WCAG-richtlijnen vind je hier.

 

Hulp nodig bij het maken van visuele en drempelvrije informatie of wil je advies over een toegankelijke huisstijl? Wat je vraag ook is, wij helpen je digitaal toegankelijk te worden. Ook als het gaat om het laten maken van een drempelvrije website kun je bij ons terecht voor verschillende mogelijkheden. Bespreek je wensen, de opties en bijbehorende kosten met een van onze uitlegexperts.

micro animaties

Verbeter de gebruikerservaring van je website met micro animaties

Herinner je je nog de websites met enkel lappen tekst? Geen afbeeldingen, geen keuzemenu’s, alleen maar letters en woorden. Dit is gelukkig verleden tijd! Hoewel websites steeds complexer worden, bedenken we ook steeds meer creatieve manieren om het de websitebezoeker zo leuk en eenvoudig mogelijk te maken.

Eigenlijk doen we er alles aan om de optimale gebruikerservaring te creëren. De gebruikservaring omvat alle interactie die een persoon heeft met jouw website. Van het vinden van je contactgegevens tot het drukken op een knop naar een nieuwe pagina. Bedrijven zijn hier continu mee bezig. Micro-animaties zijn daarbij een ideaal element voor het verbeteren van de gebruikservaring. Deze kleine, bewegende elementen kunnen je website opleuken, maar hebben ook zeker een functionele waarde. Dat lichten we voor je toe.

1. Wat zijn micro animaties?
2. Verschil micro animaties en geanimeerde GIFs
3. Waarvoor kun je micro animaties gebruiken?

Wat zijn micro animaties?

Micro animaties zijn kleine, bewegende die je vaak verwerkt in een website. Dit soort animaties vallen op het eerste oog niet op, maar trekken daarna wel de aandacht van de websitebezoeker. Want zeg nou zelf, als je iets ziet bewegen op je beeldscherm, kijk je er ook naar. Daarnaast is een micro animatie universeel. Bijvoorbeeld als je op een Portugese versie van een site zit en je nog niet naar de Nederlandse versie hebt genavigeerd. Een bewegend landvlaggetje vertelt je direct dat je daar kunt switchen naar andere talen, ondanks dat je geen Portugees spreekt.

Als animatiestudio maken we natuurlijk ook gebruik van micro animaties. Bekijk voor je beeldvorming hieronder onze micro animaties die we op de homepagina hebben geïmplementeerd. De illustraties maken direct duidelijk welke diensten we bedoelen en de beweging maakt het aantrekkelijker om naar te kijken.

Afhankelijk van je doelstellingen kunnen micro animaties zelfs effectiever zijn dat gewone afbeeldingen. Bijvoorbeeld wanneer je een bezoeker door je website wil sturen. Een knipperend pijltje of bewegende knop maakt het voor de bezoeker duidelijk wat er verwacht wordt. Hierdoor beweegt men gemakkelijker door je website.

Verschil micro animaties en geanimeerde GIFs

Micro animaties zijn dus korte bewegende beelden. Ze komen vaak voor in een loop, waardoor ze veel weg hebben van GIFs. Alleen verschillen micro animaties en geanimeerde GIFs wel degelijk van elkaar:

  • Micro animatie: micro animaties zijn kleine illustraties die bewegen wanneer je over een webpagina scrolt of er met je muis er overheen gaat. Het dynamische aspect van de micro animatie zorgt ervoor dat de aandacht van de gebruiker getrokken wordt.
  • Animated GIFs: de animated GIF is een stuk statischer dan de micro animatie. Dit is vaak een afbeelding of een videofragment die in een loop afspeelt. Ook is het bij animated GIFs vaak niet nodig om er met je muis overheen te gaan, ze bewegen uit zichzelf al.

Waarvoor kun je micro animaties gebruiken?

Het belangrijkste doel van micro animaties is het helpen van de bezoeker. Ze begeleiden de online surfer door de website heen. Daarnaast zijn er voor jou als webbeheerder ook drie interessante redenen om micro animaties te verwerken in je website:

  1. Aandacht trekken: zoals we net vertelden verbeteren micro animaties de gebruikservaring. Dit komt omdat de micro animaties aandacht trekken en daardoor de focus verleggen. Ze sturen de gebruiker in juiste richting en vertellen waar de aandacht naartoe moet. Een goed voorbeeld hiervan is wanneer je een micro animatie verwerkt in je CTA-knop op je website. Onderstaande knop is bijvoorbeeld oranje, maar wanneer je er met je muis overheen beweegt verandert de kleur naar blauw. Deze kleurverandering valt op en triggert de websitebezoeker erop te klikken.
  2. Aanduiding progressie: behalve aandacht trekken, zijn micro animaties ook geschikt om voortgang aan te geven. Dit doen ze bijvoorbeeld door aan te geven hoever je bent in het up- of downloadproces of door te laten zien op welke pagina van de handleiding je jezelf bevindt. Op deze manier weet de gebruiker dat de website niet vastloopt, maar dat hij bezig is om informatie te verwerken.
  3. Feedback of reactie geven: met micro animaties is het ook mogelijk om de gebruiker op een eenvoudige manier feedback of een reactie te geven. Dit doe je door bijvoorbeeld de websitegebruiker een extra bevestiging in de vorm van een blij gezichtje te geven wanneer zij het juiste e-mailadres en wachtwoord hebben ingevoerd. Bij Cooler Media doen we dat net iets anders. Benieuwd hoe? Schrijf je in voor de Cooler Nieuwsbrief en check onze micro animatie.

Weten welke micro animaties er op jouw website passen? Overleg met een van onze video-experts en vraag vrijblijvend naar de mogelijkheden en kosten.

brand identity blog header

Je brand identity communiceren met animatie

Een goede brand identity – ook wel merkidentiteit – is een belangrijk onderdeel van je bedrijf. Het zorgt ervoor dat je herkenbaar bent bij je doelgroep en dat de mensen weten waar jij voor staat. Je brengt je brand identity naar buiten via bijvoorbeeld je huisstijl of een slogan. Alles wat je uit, ademt je brand identity. Of tenminste, dat zou wel het meest effectief zijn. Waar mensen alleen niet zo snel aan denken, is de kracht van animatie voor het communiceren van je merkidentiteit. In deze blog lees je verschillende redenen waarom dit werkt, delen we enkele voorbeelden en vertellen we je waar je op moet letten.

Wat is brand identity?

Brand identity gaat over de manier waarop een merk zich positioneert in de markt. Wat heeft het merk te bieden? Welke voordelen heeft het voor de consument? En misschien wel de belangrijkste vraag: hoe onderscheidt een merk zich van de concurrenten?

Je brand identity omvat alles wat een merk uniek maakt. Al deze elementen kunnen verdeeld worden in visuele en niet-visuele kenmerken. Visuele kenmerken zijn bijvoorbeeld het logo, kleurgebruik en commercials. Niet-visuele kenmerken zijn de missie, visie en kernwaarden van een merk. Ook de gevoelens die een merk oproept bij de consument vallen onder niet-visuele kenmerken. Deze worden opgeroepen door de persoonlijke ervaring van een persoon. Toch kun je als marketeer daar wel een bepaalde invloed op hebben, door de juiste inzet van dit soor visuele kenmerken.

Stel je eens een merk voor dat een groen logo heeft. Deze kleur zou je op basis van je eigen ervaring kunnen associëren met de natuur, gezondheid of duurzaamheid. Als er in de reclame-uitingen van dit merk bijvoorbeeld een groene omgeving en gezonde gerechten te zien zijn, versterkt dat die bestaande gevoelens. Zit er in de commercial ook nog een grote groep mensen samen te eten, komen hier misschien wel de associaties familie, vriendschap of gezelligheid bij. Zo kan een merk de niet-visuele kenmerken dus uitdragen en beïnvloeden met behulp van visuele kenmerken.

3 Redenen om je brand identity over te brengen met animatie

Visuele kenmerken zijn er in allerlei vormen en maten. Eén vorm daarvan is animatie. Denk hierbij aan een logoanimatie, korte bedrijfsintroductie of uitgebreide uitleganimatie over een product, dienst of proces. Maar waarom is het aan te raden om je visual brand te versterken met een animatie?

  • Digitale revolutie: de techniek, en wat er online allemaal mee mogelijk is, gaat in een stroomversnelling. Een statische website of afbeelding komt nogal gedateerd over. Dit is ook niet meer van nu. Door je online brand identity Een manier om dit te doen is met geanimeerde GIFs of een logoanimatie. Hoe leuk is het als jouw medewerkers en klanten deze bewegende afbeeldingen delen in de stijl van jouw merk!

Ook wij als explanation company kunnen natuurlijk niet achterblijven door een statisch merkbeeld te communiceren. Zelf delen wij op iedere Nederlandse feestdag een geanimeerde GIF op social media en is zelfs onze LinkedIn-avatar geanimeerd!

  • Shareable content: animaties zijn super shareable en kunnen op ieder social platform wel gedeeld worden. Hierdoor ben je meer zichtbaar, versterkt dit je merk én bereik je een groter deel van je doelgroep. Bekijk hieronder het voorbeeld van AXI. Drie bedrijven gingen samenwerken en waren op zoek naar een manier om hun nieuwe merk naar buiten te brengen. Met een korte animatievideo hebben zij hun brand direct onder de aandacht kunnen brengen bij een grote doelgroep.
  • Expertise uitstralen: met een uitleganimatie straal je expertise uit. Deel je kennis over een product, geef uitleg over jouw dienst of vertel het verhaal achter je bedrijf. Dit zijn zaken die je begrijpelijk visualiseert en communiceert met een uitleganimatie. Een animatie in de huisstijl van jouw merk draagt bovendien enorm goed bij aan de brand identity. Of je geeft je doelgroep iets extra’s, omdat dit volgens je kernwaarden het karakter van jouw organisatie omschrijft.Zo produceren wij iedere maand een informatieve AnyStory Short over een maatschappelijk vraagstuk. Dit past bij onze kernwaarden om de wereld een stukje mooier en begrijpelijker te maken door middel van video. Bekijk hier bijvoorbeeld onze nieuwste AnyStory: Welke invloed heeft jouw bestelgedrag op het milieu?

Waar op letten met een animatie?

Ga je zelf aan de slag met het maken van een animatie voor je merkidentiteit? Of wil je een animatie laten maken om een product of dienst uit te leggen? Let dan op het volgende:

  • Wees trouw aan jezelf: lekker cliché, maar zorg er te allen tijde voor dat je dicht bij jezelf blijft. Is jouw bedrijf werkzaam in de advocatuur of financiële wereld? Dan is een felgekleurde animatie niet zo passend. Kies dus altijd voor een animatiestijl die past bij jouw brand identity.
  • Wees consistent: zorg ervoor dat je animatie een eenheid vormt met je andere content. Gebruik je veel hippe en vrolijke content en voer je dit door in je gehele visuele branding? Neem dit dan ook mee tijdens de productie van je animatie, het bedenken van het script en tijdens het ontwikkelingen van het storyboard.
  • Wees vooral duidelijk: animatie geeft je de mogelijkheid om grote stukken van je verhaal te visualiseren, zodat je meer ruimte hebt om overige informatie te zeggen met woorden. Waak voor een helder verhaal, dat goed te begrijpen is voor je beoogde publiek. Dat doet je merkidentiteit goed.

Heb je hulp of advies nodig bij het ontwikkelen of communiceren van jouw brand identity? Wij staan voor je klaar! Ontdek hoe wij jou kunnen helpen met en door middel van animatie, design en strategie. Neem vandaag nog vrijblijvend contact op met een van onze experts.

Blog header - bounce rate verlagen

Met succes je bounce rate verlagen: 6 tips 

Het aantal websitebezoekers dat je website verlaat zonder door te klikken, wil je zo veel mogelijk reduceren. Deze mensen gaan in het beste geval pas weg van je website als ze zoveel mogelijk informatie over jouw bedrijf hebben. Zo zegt je bounce rate of het bouncepercentage veel over je website. Dit geeft het aantal websitebezoekers weer dat na het bekijken van slechts één pagina de website verlaat. Een zo laag mogelijke bounce rate is dus je streven en met deze 6 tips kun jij dit realiseren.

Wat zegt een bounce rate?

Je bounce rate verlagen kan alleen met inzicht in wat de bounce rate is. Een term die nauw verbonden is aan de bounce rate is de exit rate. De exit rate geeft aan hoeveel bezoekers na bekijken van een specifieke pagina je website verlaten, ongeacht hoeveel pagina’s zij hiervoor bekeken hebben. Beide percentages laten je zien waar je bezoekers precies op afhaken. Met dit inzicht kun jij deze pagina’s optimaliseren, zodat ze beter presteren. Zo houd jij je bezoekers gegarandeerd langer op je website!

Weetje: er wordt gezegd dat een bouncepercentage onder de 25% niet haalbaar is. Zelfs de beste en grootste bedrijven zitten hierboven. Een gemiddelde bounce rate wordt daarom geschat tussen 35-45%. Het is daarbij wel noodzakelijk om rekening te houden met wie je doelgroep is en in welke branche je je bevindt. Deze factoren hebben invloed hebben op je bounce rate.

Zo verlaag je je bounce rate

Gelukkig, zijn er talloze tips om je bounce rate te verlagen. Wij lichten 6 makkelijke en belangrijke voor je uit.

1. Wees kritisch

Kijk eens kritisch naar de bounce rates van verschillende pagina’s en de doelen van die pagina’s. Bij sommige doelen is een hoge bounce rate positief. Ik hoor je denken: hoezo? Nou, bijvoorbeeld wanneer je als doel hebt om websitebezoekers contact te laten opnemen voor informatie. Dan bestaat de mogelijkheid dat zij alleen op je contactpagina komen en vervolgens de telefoon pakken om je op te bellen. In dit geval zijn bezoekers meteen op de juiste pagina terechtgekomen. Het is dan waarschijnlijk dat je bounce rate hoog is voor deze pagina. Toch bereik je wél je doel.

  • Wanneer is het niet positief?
    Wil je inspirerende content delen die de interesse van je websitebezoekers in jou vergroot? Dan wil je juist wél dat zij doorklikken. Je wilt immers dat bezoekers zo lang mogelijk op je website blijven en zoveel mogelijk informatie vinden die hen nog enthousiaster maakt. Een zo laag mogelijke bounce rate is dan wenselijk.
  • Hoe pak je het aan?
    Kijk goed naar wat je precies wilt bereiken met verschillende webpagina’s. Kijk daarbij ook naar de bounce rate per individuele pagina. Je weet nu dat niet voor iedere pagina geldt dat hoe lager de bounce rate is, hoe succesvoller de pagina. Op deze manier bepaal je wat een realistische bounce rate is voor iedere specifieke pagina.

2. Visuals

Zorg ervoor dat de visuals en het design van je website overzichtelijk, duidelijk, makkelijk te verwerken en aantrekkelijk zijn. Je genereert meer websitebezoekers en behoudt deze wanneer je content interessant is. Toch is dit slechts één ding. Je kunt je bezoekers van de tofste content voorzien, maar als het design een rommeltje is, blijft niemand graag op je website. Je bounce rate verlagen wordt dan bijna onmogelijk.

Maak weinig gebruik van veel tekstuele content. Less is more. Bezoekers zullen niet al je teksten lezen. Zij scannen je pagina’s op zoek naar de meest interessante informatie. Doe dit als volgt:

  • Grote titels;
  • Breek een grote lap tekst op in verschillende alinea’s;
  • Vervang stukken tekst door een infographic of een video.

Een voorbeeld van een infographic is die Mondiaal FNV over de sociale dialoog in Peru:

Infographic Mondiaal FNV

Met duidelijke koppen, video’s en klikbare visuals zijn je bezoekers eerder geneigd verder te kijken op je website. Zo verlaag je je bounce rate.

3. Call to action

Calls to action (CTA’s) zetten websitebezoekers aan tot actie. Deze knoppen zijn niet alleen belangrijk om bezoekers op je website te krijgen, maar vooral ook om ze op je website te houden en hen over te laten gaan tot actie. Zo kun je heel gemakkelijk je . Daarbij werk je ook aan een lagere bounce rate, je stimuleert met CTA’s bezoekers immers om door te klikken. De onderstaande suggesties kun je gebruiken om effectief calls to action en links in te zetten:

  • Verwijs naar andere pagina’s: stuur websitebezoekers naar andere relevante webpagina’s waar ze meer informatie kunnen vinden, zoals een ‘lees meer’-knop.
  • CTA in het midden van je webpagina: bezoekers die halverwege je pagina hun aandacht verliezen worden met een CTA in het midden van de pagina geprikkeld om verder te kijken.
  • CTA op het einde van je webpagina: als je bezoeker een volledige pagina heeft bekeken zonder af te haken, dan heb je zijn aandacht te pakken. Voorkom dat je hier de aandacht van de bezoeker verliest door het plaatsen van een CTA onderaan de pagina. Deze CTA kan de bezoekers naar andere interessante content leiden.

4. Het belang van video

Uit onderzoek van Hubspot blijkt dat consumenten veel liever een productvideo kijken dan dat ze een tekst lezen over het product.  Het gebruik van video helpt je dus om je bounce rate te verlagen.  Video’s kunnen je boodschap krachtig, duidelijk en effectief overbrengen aan je publiek. Daarnaast helpt video om bovenaan in de zoekresultaten te komen van zoekmachines, zoals Google. Ook zullen bezoekers je content beter begrijpen en zich meer verbonden voelen met je bedrijf na het kijken van een video. Op deze manier worden zij eerder getriggerd om verder rond te kijken op je website.

Zie hier een voorbeeld van een onze showreel voor 2021. Deze wordt ingezet op onze landingspagina om te laten zien aan welke projecten we hebben gewerkt.

5. Verwijs naar links

  • Interne links: Mensen komen niet altijd via de juiste pagina binnen op je website. Als ze niet gelijk vinden wat ze willen, vertrekken ze weer. Voorzie hen van relevante content waar ze naar op zoek zijn met op iedere pagina duidelijke interne links. Zo zien bezoekers wat je nog meer te bieden hebt en verlaag je je bounce rate.
  • Externe links: Ook al verschillen je webpagina’s enorm qua inhoud, probeer dan toch om in iedere pagina een link naar een andere te verwerken. Het linken naar externe webpagina’s van jezelf of van andere personen of bedrijven helpt echter niet in het verlagen van je bounce rate. Wel kan dit voordelig zijn voor je plek in de zoekresultaten. Wees daarom kritisch betreft externe links en maak vooral gebruik van interne links.

6. Een goede gebruikerservaring

Een goede gebruikerservaring voor je bezoekers is enorm belangrijk voor het verlagen van je bounce rate. Ga na of het voor de websitebezoekers makkelijk is om vanuit de ene webpagina naar een andere te navigeren. Wanneer dit niet makkelijk gaat, leidt dit gegarandeerd tot een bounce. Ook wanneer je landingspagina heel langzaam laadt, informatie moeilijk te vinden is of niet mobielvriendelijk is loop je kans dat je bezoekers ongeduldig worden en wegklikken.

motion design

Motion design: ken de basics!

Video’s zijn niet meer weg te denken uit de marketingwereld. Social media staat er vol mee, YouTube is populairder dan ooit en bedrijven investeren steeds meer in videocampagnes. Nu zijn er veel verschillende soorten video en talloze opties qua stijl. Motion design geeft jouw video nét dat beetje extra waardoor je boven je concurrentie uitsteekt. Daarom focussen we in deze blog op de basics van motion design!

Om te beginnen: wat is motion design?

Motion design is een verkorte versie van de term motion graphic design. Deze term bestaat uit drie woorden, hierdoor omvat het ook drie losse elementen:

  1. Beweging
  2. Grafische vormgeving
  3. Ontwerp

In het kort focust motion design zich op het grafisch ontwerpen van bewegende illustraties. Maar wat verstaan we onder bewegende illustraties (ofwel ‘graphics’)? Zijn dit de animaties in de intro van een tv-programma? Zijn het de karakters uit Spongebob? Of zijn het visuele effecten in films zoals explosies en magie? Eigenlijk zijn alle bovenstaande voorbeelden onderdeel van motion graphic design. Alles wat niet echt gefilmd is met een camera plaatsen we onder het begrip motion design.

Populaire motion design technieken

Er zijn veel verschillende motion designers, ieder met een eigen specialiteit. Logisch, want er zijn veel populaire motion design technieken! Wij hebben de meest indrukwekkende voor je op een rijtje gezet:

Effecten

  • Het glitch-effect: dit zijn pixelachtige beelden die je soms de indruk geven dat je naar de tv van je overgrootmoeder kijkt, anno 1970. Het is een veelgebruikte techniek voor hedendaagse bedrijven.
  • Morphing: dit is een techniek waarbij de ene afbeelding geleidelijk overvloeit naar de andere. Het wordt veel gebruikt bij motion graphics voor de overloop van objecten, typografie en iconen.
  • Self-drawing lines: dit is een techniek waarbij  lijnen getekend ziet worden in een animatie, deze vormen uiteindelijk de gehele animatie.
  • Een mix van 2D en 3D: er worden steeds meer manieren gevonden om 2D animatie te mixen met 3D animatie. Hiermee creëer je een gestileerde look én kun je complexe beelden ontwerpen. Zo til je de kijkerservaring naar een hoger niveau.
  • Emoji design: we gebruiken emoji’s steeds vaker om gevoelens te communiceren. Door emoji’s op een creatieve en fantasierijke manier te gebruiken spreek je je publiek aan en creëer je een vorm van herkenning.
  • Liquid motion: dit is een techniek waarbij organische vormen op een vloeibare manier bewegen en beelden geruisloos in elkaar overlopen. De onderstaande video is hier een goed voorbeeld van.

Kleurgebruik

Een belangrijk element van motion design is het kleurgebruik. En daar weten motion designers wel raad mee! Deze kleurenpallets zijn de laatste jaren erg populair in de animatiewereld:

  • Duotone-effect: voor deze trend wordt een beperkt kleurenpallet gebruikt. In principe kies je twee kleuren waarmee je je animatie laat poppen. Dit is een trend waar Spotify veel gebruik van maakt.
  • Kleurverloop: soepele kleurovergangen zijn toonaangevend in de wereld van motion design. Dit staat ook bekend als Gradient 2.0 kleuroverloop. Dit pallet creëert een natuurlijke sfeer, diepte én dimensie.
  • Gedurfde en heldere tinten: make it pop! Felle kleuren worden geprezen voor hun visuele kracht. Heb lef met kleur en stand out from the crowd. De onderstaande video is hier een goed voorbeeld van, hierin zie je tevens een van de bovengenoemde effecten in terug, namelijk de mix van 2D en 3D.

Typografie

Typografie wordt beschouwd als het hoofdelement van motion graphics. Er zijn diverse stijlen die jouw animatie op geweldige wijze tot leven wekken:

  • Chaos design typografie: deze nieuwe stijl voor typografie breekt alle regels. De volgorde van de letters wordt gemixt en verschillende grootte van lettertypes worden gecombineerd in hetzelfde woord. Kortom, een chaos waarmee je zeker de aandacht trekt en jezelf kunt onderscheiden van je concurrenten!
  • Gelaagde typografie: een tijdloze stijl voor typografie, waarbij lettertypen en titelafbeeldingen zijn gelaagd met 3D-elementen. De beroemde film King Kong maakte er decennia geleden al gebruik van. Maar je ziet het ook in de recentere Marvel-film Thor Ragnarok:
  • Kinetische typografie: ook bekend als bewegende teksten. Denk aan tekst die in real time lijkt te worden getypt. Een visueel effect met onmiddellijk effect op de kijker. Deze graphic motion van Apple is daar een goed voorbeeld van:

Aan de slag met motion design

Wil jij aan de slag met motion design? Wij helpen je graag! Leg je vraagstuk aan ons voor en ontvang vrijblijvend advies van onze experts.

Vrijblijvend advies