top of page

Wat is microcopy en hoe maakt het je website beter?




Een groot deel van het maken van websites gaat over design. Het gaat om het vertellen van een verhaal door nauwkeurig gebruik te maken van afbeeldingen, typografie, kleurenschema's en meer. Deze factoren zijn van cruciaal belang om de aandacht te trekken, mensen in de goede richting te wijzen, een toon te zetten en in het algemeen de gebruikerservaring te beïnvloeden. Er is echter nog een klein detail dat een cruciale rol speelt in elk website- of app-ontwerp: microcopy.


In deze gids behandelen we de definitie van microcopy, waarom het belangrijk is, tips voor het maken van krachtige teksten en voorbeelden van slimme microcopy.



Wat is microcopy?


Microcopy is een korte tekst of woord dat gebruikers door een app of website navigeert. Het helpt bezoekers functies te begrijpen en taken uit te voeren. Deze kleine stukjes tekst, kunnen de algehele gebruikerservaring van elk product aanzienlijk verbeteren. Als gevolg hiervan kan microcopy je conversie een boost geven.


Zonder het te merken komen we voortdurend microcopy tegen. Denk bijvoorbeeld aan waarschuwingen op een app, of de tekst die in een zoekbalk verschijnt voordat je een zoekopdracht intypt. Je zult het ook hebben gezien op call-to-action knoppen die je aanmoedigen om je te abonneren op een nieuwsbrief, de tekst op een online formulier om gebruikers te helpen begrijpen hoe het ingevuld moet worden, of tekst die wordt weergegeven tijdens het laden, waar vaak een leuke animatie bij staat.


Je kunt microcopy terugvinden op of in:


  • Menubalken

  • Knoppen (CTA)

  • Tooltips

  • Bestelpagina's

  • Formulieren

  • Pop-ups

  • Nieuwsbriefinschrijvingen

  • Volg-ons-op-social-media teksten

  • Instructies

  • Slogans (pay-offs)

  • Cookiemeldingen

  • Foutmeldingen en 404-pagina’s



Microcopy voorbeeld van Wix Video Maker


Waarom is UX-microcopy belangrijk?


Deze korte stukjes tekst hebben de kracht om onze beleving van een product onbewust vorm te geven. Als gevolg hiervan kunnen ze ook een rol spelen bij de perceptie van je merk.


Een goede microcopy legt niet alleen uit wat je moet doen en waar je heen moet, het geeft ook een gevoel van succes bij het uitvoeren van een gewenste actie (bijvoorbeeld na het aanmaken van een account of het doen van een aankoop). Deze kleine momenten van genot maken het verschil als het gaat om de gebruikerservaring op je website of app.



Best practices voor het schrijven van een goede microcopy


Je hebt waarschijnlijk de term ‘microcopy’ wel eens voorbij zien komen. Met de opkomst van UX-schrijven binnen de tech wereld, kunnen we duidelijk zien dat microcopy geen voorbijgaande trend in webdesign is, maar een manier van werken die niet meer weg te denken is. Of je nu wel of niet samenwerkt met een professionele schrijver, deze tips zullen je op weg helpen om eersteklas UX-microcopy te schrijven.



01. Stem af op je merkidentiteit


Net zoals je zou doen bij het schrijven van content voor je website, moet je ervoor zorgen dat je een duidelijk beeld hebt van je merkidentiteit voordat je begint met schrijven. Op deze manier kun je een toon definiëren die consistent is met je microcopy.


Bedenk hoe je wilt dat gebruikers zich voelen en vraag jezelf vervolgens af welke kenmerken je daarvoor wilt gebruiken. Ben je geestig? Professioneel? Breng je een trendy gevoel over of is je toon wat serieuzer?


Voorbeeld: personaliseer de labels op de knoppen van je site en speel met microcopy die past bij de algehele toon van je merk. In plaats van simpelweg 'start' te zeggen, gebruiken de onderstaande knoppen meer uitnodigende en informele uitdrukkingen die passen bij de identiteit van Wix.



Microcopy voorbeeld van Wix Editor


02. Maak het gemoedelijk


Tegenwoordig zijn interfaces niet langer koud en robotachtig. Ze zijn veel meer mensgericht. Hoewel dit kan worden bereikt door het juiste gebruik van kleurenschema's, animaties en andere visuele middelen van websites, speelt microcopy ook een rol.


Onthoud dat je voor echte mensen schrijft. Er kan een scherm zijn tussen jou en de gebruiker, maar stel je voor dat je het scherm verwijdert en face-to-face met je klanten communiceert. Gebruik geen overdreven formele taal of technisch jargon. In plaats daarvan geef je de informatie op een meer informele, vriendelijke toon door. En dat is ook precies hoe microcopy zou moeten zijn.


Voorbeeld: in het onderstaande voorbeeld worden gebruikers uitgenodigd om een ​​logo te maken. De tekst is geschreven in de tweede persoon ('jij'-vorm), rechtstreeks gericht tot de gebruiker, net zoals je zou doen in een gewoon gesprek. Let er ook op dat de tekst op de CTA (call-to-action) knop luchtig is, zoals bijvoorbeeld ‘Aan de slag’.



Microcopy voorbeeld van Wix Logo Maker



03. Houd het duidelijk en beknopt


In tegenstelling tot het schrijven van een blogpost of andere soorten lange content, moet microcopy kort en eenvoudig zijn. Je wilt je boodschap duidelijk overbrengen door zo min mogelijk woorden te gebruiken, zorg dat je niet te formeel of rigide klinkt.


Door je gebruikers te leren kennen, begrijp je het soort taal dat ze gebruiken. Kies voor eenvoudige, alledaagse woorden waarmee ze vertrouwd zullen zijn. In plaats van te verwijzen naar je ‘eCommerce-website’ kun je deze beter benaderbaar laten klinken door het 'webshop’ te noemen.


Voorbeeld: zie hoe de lightbox pop-up hieronder de gebruiker op een duidelijke en beknopte manier waarschuwt. Er is een koptekst die het bericht in slechts twee eenvoudige woorden vermeldt, plus een korte uitleg en gelabelde knoppen die geen ruimte voor verwarring laten.



Microcopy voorbeeld van Wix Video Maker

4. Wees behulpzaam


Een van de belangrijkste doelen van microcopy is om gebruikers door je product te leiden. Elk stukje tekst, van een 404-error pagina tot de labels van je website menu, moet je gebruikers helpen bij de voortgang van het doel, in plaats van op een doodlopende weg te belanden. Dit zal de navigatie op je website aanzienlijk verbeteren.


De microcopy op een 404-error pagina kan sitebezoekers bijvoorbeeld in de richting van een andere pagina wijzen die ze mogelijk relevant vinden. Het kan ook een opbeurend bericht zijn. Op deze manier kun je eventuele zorgen wegnemen, waardoor je klanten een positiever gevoel en een betere gebruikerservaring krijgen.


Voorbeeld: een ander voorbeeld waarbij gebruikers kunnen profiteren van nuttig advies, betreft foutmeldingen. Je klanten moeten precies weten wat er mis is gegaan en hoe ze het probleem kunnen oplossen. Als een gebruiker bijvoorbeeld een formulier op je website verkeerd heeft ingevuld, moet het bericht uitleggen waar de fout is opgetreden: hebben ze het verkeerde wachtwoord ingevoerd, is hun gebruikersnaam niet herkend of hebben ze een bepaald veld gemist?


Microcopy voorbeeld van een specifieke error


Marijne Verhoef

Marketing Manager



6 Comments


CBKM BOCU
CBKM BOCU
Oct 30

EPTU Machine ETPU Moulding…

EPTU Machine ETPU Moulding…

EPTU Machine ETPU Moulding…

EPTU Machine ETPU Moulding…

EPTU Machine ETPU Moulding…

EPS Machine EPS Block…

EPS Machine EPS Block…

EPS Machine EPS Block…

AEON MINING AEON MINING

AEON MINING AEON MINING

KSD Miner KSD Miner

KSD Miner KSD Miner

BCH Miner BCH Miner

BCH Miner BCH Miner

Like

CBKM BOCU
CBKM BOCU
Oct 29

EPS Machine EPS Cutting…

EPS Machine Eps Raw…

EPS Machine EPS Recycling…

EPS Machine EPS Mould;

EPS Machine EPS Block…

EPP Machine EPP Shape…

EPTU Machine ETPU Moulding…

EPS Machine Aging Silo…

EPTU Machine ETPU Moulding…

EPS Machine EPS and…

EPS Machine EPS and…

AEON MINING AEON MINING

AEON MINING AEON MINING

KSD Miner KSD Miner

KSD Miner KSD Miner

BCH Miner BCH Miner

BCH Miner BCH Miner

Like

Alexandra
Alexandra
Oct 06

Your customers need to know exactly what went wrong and how to fix it URL

Like

Rick Tower
Rick Tower
Sep 17

Zonder het te merken komen we voortdurend microcopy tegen Solar

Edited
Like

seandavis1519
Aug 27

I'm constantly amazed by the depth and breadth of topics covered on this blog. It's a true testament to the author's expertise. Hotel Ayata !! Search engine terbaik ada di i Popera dan situs terbaik bisa anda temukan di  cartel4d and cartel4d

Like
bottom of page