Leestijd 6 min

Stijn Schutyser

Robin Williams - nee, niet die - is een van de interessantste auteurs over tekst- en lay-outontwerp. Haar boek The Non-Designer's Design Book: Design and Typographic Principles for the Visual Novice , is een waar juweeltje. In het boek legt ze de 4 basisregels voor effectief grafisch ontwerp uit: contrast, herhaling, uitlijning en nabijheid ( CRAP ). In deze blogpost bespreken we die 4 basisregels en hoe je ze gemakkelijk kunt toepassen in je lay-outontwerp. Ik heb je al geleerd hoe je scanbare webinhoud schrijft , maar in die blogpost kwam de opmaak van teksten niet zo veel aan bod. Dus laten we dit even rechtzetten! Hoewel scanbaarheid in een tekst op zich belangrijk is, hangt het ook nauw samen met de opmaak van de tekst. Een tekst die een lust voor het oog is, is immers een tekst die uitnodigt om gelezen te worden! 1. Contrast Laten we beginnen met de eerste regel voor effectief lay-outontwerp: contrast. Als elementen op je pagina (zoals lettertype, kleur, grootte, vorm enzovoort) niet identiek zijn, laat ze dan extreem van elkaar verschillen. Wees geen watje. Laat contrast schitteren! Een goed voorbeeld is de grootte van de letters in een krantenkop versus die in het artikel zelf. In contrast (zie je wat ik daar deed?), een kop getypt in Constantia 11 boven een artikel in Constantia 10 toont niet genoeg verschil tussen de twee, waardoor het moeilijk is om onderscheid te maken. Dus hoe voeg je contrast toe aan je pagina? Contrast kan op verschillende manieren worden gecreëerd. Je kunt grote letters met kleine letters, een sierlijk oldstyle lettertype met een vet schreefloos lettertype, een dunne lijn met een dikke lijn, een koele kleur met een warme kleur, een gladde textuur met een ruwe textuur, een horizontaal element (zoals een lange tekstregel) met een verticaal element (zoals een hoge, smalle tekstkolom), breed uit elkaar staande lijnen met dicht op elkaar staande lijnen, of een kleine afbeelding met een grote afbeelding. Nogmaals, wees geen watje. Je kunt 12-punts lettertypes niet laten contrasteren met 14-punts lettertypes, je kunt een halve puntregel niet laten contrasteren met een éénpuntsregel en je kunt donkerbruin niet laten contrasteren met zwart. Wees serieus! Contrast is cruciaal voor de organisatie van informatie (de scanbaarheid): een lezer moet altijd een blik op een document kunnen werpen en meteen begrijpen wat er aan de hand is. De informatie in dit cv is er allemaal, maar het ziet er niet uitnodigend uit om te lezen en het trekt je aandacht niet. In de lay-out van dit voorbeeld is er veel meer contrast, wat de scanbaarheid enorm verbetert. 2. Herhaling De tweede regel van effectief lay-outontwerp is de regel van herhaling. Deze stelt dat je een bepaald aspect van het ontwerp in het hele stuk moet herhalen . Het herhalen van visuele elementen in je brochure, nieuwsbrief of blogpost helpt om een structuur te ontwikkelen en versterkt het gevoel van een verenigd stuk content. Het herhalende element kan een vet lettertype zijn, een dikke regel (lijn), een bepaalde bullet, ontwerpelement, kleur, formaat, ruimtelijke relaties, enz. Het kan van alles zijn dat een lezer visueel herkent. Je kunt de regel van herhaling zien als een herinnering om consistent te blijven. Als je aan het einde komt van de informatie op deze kaart, dwaalt je oog een beetje af. Als je nu aan het einde komt van de informatie op deze kaart, dwaalt je oog een beetje af. Als je nu aan het einde van de kaart bent, gaat je oog heen en weer tussen de vetgedrukte elementen. Dat is het punt van herhaling - het bindt een stuk samen en zorgt voor eenheid. Het is net als het accentueren van je kleding: als je een zwarte outfit draagt, kun je die accentueren met sieraden en schoenen in dezelfde tint rood. Maar pas op dat je een element niet zo vaak herhaalt dat het vervelend of overweldigend wordt. Denk aan regel #1 en wees je bewust van de waarde van contrast! Als je bijvoorbeeld dezelfde zwarte outfit draagt, maar nu met een rode hoed, rode oorbellen, een rode sjaal, rode schoenen en een rode jas, zou de herhaling geen prachtig en verenigend contrast vormen: het zou overweldigend zijn en de focus zou verward worden. 3. Afstemming Niets mag 'zomaar' op je pagina's terechtkomen, ongeacht het medium waarvoor je schrijft. Elk element moet een visueel verband hebben met een ander element op de pagina. Zo creëer je een frisse en duidelijke uitstraling. Als elementen op één lijn staan op de pagina, is het resultaat een sterkere eenheid. Zelfs als uitgelijnde elementen fysiek van elkaar gescheiden zijn, is er een onzichtbare lijn die ze met elkaar verbindt, zowel in je oog als in je hoofd. Hoewel je bepaalde elementen misschien van elkaar hebt gescheiden om hun relaties aan te geven (met behulp van de regel van nabijheid ), vertelt de regel van uitlijning de lezer dat, ook al staan deze elementen niet dicht bij elkaar, ze wel bij hetzelfde stuk horen. De elementen op deze kaart zien eruit alsof ze er gewoon zijn opgegooid en geplakt. Geen van de elementen heeft enig verband met een ander element op de kaart. Sommige elementen zijn links uitgelijnd, sommige zijn rechts uitgelijnd en andere zijn gecentreerd. Door alle items op de kaart naar rechts te verplaatsen en ze één uitlijning te geven, is de informatie meteen overzichtelijker (ook omdat ze gegroepeerd zijn). De tekstitems hebben nu een gemeenschappelijke grens die ze met elkaar verbindt. Vermijd het gebruik van meer dan één tekstuitlijning op de pagina. Centreer bijvoorbeeld niet sommige tekst en lijn andere tekst rechts uit. 4. Nabijheid Items op je pagina die bij elkaar horen of op de een of andere manier met elkaar te maken hebben, moeten altijd dicht bij elkaar staan. Onthoud: nabijheid impliceert een relatie. Dat geldt voor mensen in relaties, voor woorden in een zin en voor koppen en stukken in een tekst. Dat betekent ook dat items of groepen informatie die geen verband met elkaar houden, niet dicht bij andere items moeten staan. Dit geeft je lezers direct een visuele aanwijzing over de organisatie en inhoud van je pagina. Laten we een eenvoudig voorbeeld nemen om de regel van nabijheid te illustreren. Ik heb hieronder 2 lijsten geplaatst die allebei dezelfde informatie bevatten. Wat neem je aan over de bloemen op de eerste lijst? Waarschijnlijk niet veel, toch? Hoe zit het met de bloemen op de tweede lijst? Het blijkt dat de laatste vier bloemen op de een of andere manier anders zijn dan de andere. Je begrijpt dit meteen. En je begrijpt het zonder je er zelfs maar bewust van te zijn. Je weet dat de laatste vier bloemen op de een of andere manier anders zijn omdat ze fysiek gescheiden zijn van de rest van de lijst. Meenemen Zelden is slechts één regel het enige antwoord op een pagina. De andere drie regels zijn inherent aan het ontwerpproces en je zult ze meestal alle vier gebruiken. Maar neem ze één voor één. Het is een goed idee om eerst te beginnen met nabijheid en dan verder te gaan. Contrast : Als elementen op je pagina (zoals lettertype, kleur, grootte, vorm enzovoort) niet identiek zijn, laat ze dan extreem van elkaar verschillen. Herhaling : herhaal een aspect van het ontwerp in het hele stuk, zoals een vet lettertype, een dikke regel (lijn), een bepaald bolletje, ontwerpelement, kleur, formaat of ruimtelijke relaties. Uitlijning : elk element moet een visueel verband hebben met een ander element op de pagina. Nabijheid : elementen op je pagina die bij elkaar horen of op de een of andere manier een verband hebben, moeten altijd dicht bij elkaar staan. Ik hoop dat deze 4 regels jou net zo goed van pas komen als mij. Pas ze toe op je lay-outontwerp en kijk hoe het je verbetert! 💩

Leestijd 3 min

Ibn Renders

Je kunt niet iets ontwerpen of ontwikkelen voor alle 7,9 miljard mensen op deze planeet. Dus als we aan een project beginnen, bepalen we een doelgroep om het te beperken. Van daaruit bouwen we onze functies en ontwerpen op een manier die geschikt lijkt voor die doelgroep. Wat we echter niet kunnen beperken zijn de toegankelijkheidsfuncties. Iedereen moet de mogelijkheid hebben om jouw creatie te gebruiken of te ervaren. Sommige apparaten hebben ingebouwde functies zoals Google Talkback , waarbij je apparaat je kan vertellen wat er op het scherm gebeurt en die informatie zelfs kan gebruiken met een digitale braillelezer. Of soms zorgen we ervoor dat onze platforms toegankelijk zijn om te gebruiken, zoals onze website, die overigens een Google Lighthouse toegankelijkheidscore van 98 heeft! Maar waarom zouden we het daarbij laten? Elk stuk content moet toegankelijk zijn voor iedereen. Dit geldt ook voor PDF-bestanden. Ga aan de slag met deze 3 tips die we hebben verzameld aan de hand van een MediMarket Case Study : Doe een toegankelijkheidscontrole met Acrobat Pro First things first: doe een toegankelijkheidscontrole met Adobe Acrobat Pro. Deze controle geeft meteen in een duidelijke lijst aan welke problemen je moet aanpakken. Sommige van deze problemen kun je direct in Acrobat Pro oplossen, voor andere moet je terug naar je bronbestand of handmatig controleren. Je kunt wat meer kennis vergaren door op de optie Document automatisch markeren te klikken. Hierdoor wordt de PDF gelezen en krijg je nog een toegankelijkheidsoverzicht over ontbrekende alt-tekst, maar daarover later meer. Besef het belang van de leesvolgorde Heb je ooit een schermlezer horen flippen omdat hij je leesvolgorde of structuur in het PDF-bestand niet begrijpt? Stel je iemand voor die veel te snel praat, zonder te stoppen en zonder enig idee wat hij wil zeggen. Klinkt chaotisch, toch? Denk nu eens aan de gebruikers die echt afhankelijk zijn van dit soort digitale hulpmiddelen. Je PDF is in principe nutteloos als dit gebeurt. Zorg er dus voor dat je een gestructureerd document hebt met de juiste identiteitskoppen, paragrafen en secties wanneer je de PDF maakt. Wil je dit toevoegen aan een bestaande PDF? Met Acrobat Pro kun je de leesvolgorde later lezen dankzij hun toegankelijkheidsopties. In deze schermafbeelding kun je duidelijk zien wat de schermlezer als eerste, tweede, derde enzovoort zal lezen. Wist je dat Alt Text ook mogelijk is in PDF-bestanden? Is dit de verrassing van de dag of heb je nooit de moeite genomen om een alternatieve tekst toe te voegen aan je documenten? Nou, begin met het toevoegen van alt-tekst op afbeeldingen of interactieve velden. Een schermlezer kan je JPEG-bestanden niet lezen en je moet uitleggen wat er wordt weergegeven. Overdrijf het echter niet, je gebruiker hoeft echt niet te weten dat je die schattige kattenfoto als opvulling hebt toegevoegd. Doe dit niet alleen met afbeeldingen. Audio- en video-elementen hebben ook alt-tekst nodig. Dit is niet alleen nodig voor gebruikers die slecht zien of horen, maar ook voor gebruikers met een slechte internetverbinding die alleen de tekst van je PDF kunnen downloaden. Er is nog veel meer mogelijk, maar deze 3 tips kunnen je zeker op weg helpen! Wat ik echter echt wilde bereiken met deze blogpost is dat je gaat nadenken over het toegankelijker maken van al je content. Wil je meer informatie over toegankelijkheid, bijvoorbeeld in mobiele applicaties? Ga naar onze diensten en kijk zelf waar we je mee kunnen helpen!

Leestijd 7 min

Stijn Schutyser

We schrijven allemaal elke dag: e-mails, teksten, notities, presentaties, ... Maar weinigen van ons hebben de kunst van het schrijven echt onder de knie . In deze blogpost neem ik 5 gouden regels voor effectief copywriting met je door die de grootste impact zullen hebben op je copy als je ze nog niet volgt. 1. Schrijf voor de klant, niet voor jezelf Je tekst moet altijd gericht zijn op de lezer of klant. Dat betekent 3 dingen: de taal van de klant spreken, hem op de juiste manier aanspreken, en focussen op de voordelen voor hen (niet voor jou!). De taal van je klant spreken Als je mensen probeert te overtuigen om iets te doen of te kopen, moet je de taal gebruiken die zij gebruiken en waarin zij denken. Door in hun taal te spreken, leren prospects je kennen, aardig vinden en vertrouwen omdat ze zich in jouw woorden herkennen. Dat helpt je om een band met ze op te bouwen , wat het uiteindelijk gemakkelijker maakt om ze te converteren. Als je het nog niet hebt gedaan, ga dan terug naar je teksten en zorg ervoor dat alles klinkt zoals je klanten denken. Verplaats jezelf in hun schoenen en begrijp hun problemen, worstelingen en zorgen. Niet alleen zal je tekst beter worden door deze oefening, maar door op deze manier uit je eigen weg te gaan, kun je nieuwe ideeën opdoen en duidelijk maken wat er daarna moet komen. Focus op voordelen Vrijwel alle succesvolle teksten hebben het over voordelen, niet over kenmerken. Je hebt het over wat je product doet , niet over wat het is . En wat je product ook doet , het moet altijd ten goede komen aan de klant - waarom zouden ze het anders kopen? Het is ook een goede gewoonte om een of meer voordelen in je koppen te zetten. Helpt je product of oplossing je klant de juiste keuze te maken, tijd of geld te besparen? Vertel het hem! Bovendien is focussen op voordelen een relatief eenvoudige oplossing als je huidige tekst het niet zo goed doet. Ga nog eens terug naar je eerdere teksten en zorg ervoor dat elke eigenschap die je noemt, leidt tot een voordeel. Evalueer de verhouding tussen praten tegen de klant en praten over jezelf Effectief copywriting (en bij uitbreiding contentmarketing) begint altijd bij de klant. Niemand leest teksten waarin alleen over je bedrijf wordt gesproken. Probeer minstens twee keer zo vaak "jij" te gebruiken als "wij", "ik" of je merknaam. Door deze eenvoudige truc zul je je op natuurlijke wijze meer richten op de behoeften en wensen van je klant. Je tekst zal sterker zijn, wat leidt tot meer verkeer, leads en hopelijk verkoop. Als je wat meer hulp nodig hebt, Copyblogger heeft een artikel over een eenvoudig 1-2-3-4 kader dat je kunt gebruiken om je op de klant te richten en de belangrijkste overtuigingsprincipes te integreren. 2. Neem altijd een of meer sterke call-to-actions op Het doel bij het maken van content voor contentmarketingdoeleinden is duidelijk: aan het eind van de dag wil je dat mensen iets doen, of dat nu het downloaden van een whitepaper is, zich inschrijven voor een webinar of nieuwsbrief of gewoon klikken op een link. Als je echter geen aanwijzingen geeft over wat de lezer moet doen nadat hij je tekst heeft gelezen, zullen ze niets doen (zelfs als je tekst goed is 🔥). Alles wat je schrijft, van blogposts tot e-mails en sociale updates tot landingspagina's, moet worden afgesloten met een oproep tot actie (CTA). Om het meeste uit je CTA's te halen, moet je ervoor zorgen dat ze: overeenkomen met de buyer persona en de fase van de koopcyclus. Als je bijvoorbeeld alleen maar een blogpost leest, is het niet erg waarschijnlijk dat je iemand meteen tot klant zult maken. De kans is echter veel groter dat ze zich bijvoorbeeld aanmelden voor je nieuwsbrief als je genoeg waardevolle en interessante inhoud biedt. Bied iets van waarde aan zonder te veel te vragen van de prospect . Als u prospects vraagt om hun naam, bedrijf, functie, telefoonnummer en e-mailadres in te vullen alleen om een eenvoudige sjabloon te downloaden, is de kans groot dat niet veel mensen dat ook echt zullen doen. Alleen hun naam en e-mailadres zijn prima voor zoiets. Als je een ebook van 100 pagina's aanbiedt, is het een ander verhaal. Zoals ze in het Nederlands zeggen: voor wat, hoort wat. Bied prospects iets aan wat ze echt willen. Dit hangt samen met het eerste punt dat ik maakte over schrijven voor de klant, niet voor jezelf. Zoek uit wat hun behoeften en wensen zijn en adresseer deze op de juiste manier met (een deel van) een oplossing. Weinig mensen zullen een whitepaper downloaden over verouderde technologie of "oplossingen" die geen echte problemen aanpakken. Herhaal je belangrijkste voordeel of emotionele drijfveer. Je CTA moet direct genoeg zijn met sterke werkwoorden zoals "meld je aan", "download", "krijg", "geniet", "probeer" of "start" en moet prospects altijd precies vertellen wat ze moeten doen. Vermijd zwakke werkwoorden en CTA's die niet specifiek genoeg zijn om aan te zetten tot actie, zoals "Klik hier". 3. Houd het eenvoudig, duidelijk en beknopt Nadat je je eerste concepttekst hebt geschreven, helpt het om deze hardop te lezen om dingen te vinden die onnodig of onduidelijk zijn. Snijd overbodige woorden weg en consolideer ideeën tijdens het redigeren . Neem opsommingstekens en ondertitels op om het makkelijk te lezen en, nog belangrijker, makkelijk te scannen te maken. Bijna elke lezer zal eerst de inhoud scannen op interessante koppen voordat hij beslist of hij de inhoud in meer detail zal lezen. Ik heb al een blogpost geschreven over het zo scanbaar mogelijk maken van webinhoud, die je hier kunt bekijken . Een andere tip om je tekst zo kort en bondig mogelijk te houden is om zoveel mogelijk de actieve stem te gebruiken . Het is goed om af en toe de passieve stem te gebruiken, maar het mag nooit in meer dan 20% van je zinnen voorkomen. Daarnaast zijn korte zinnen over het algemeen beter dan lange , dus als je een zin in 2 kunt hakken: doen! Om te zien of je tekst echt duidelijk genoeg is, is het altijd een goed idee om het iemand anders te laten lezen om te zien of ze de boodschap begrijpen en of ze vinden dat de CTA bij de post past. 4. Doe grondig onderzoek De beste copywriters zijn de meest vasthoudende onderzoekers. Ze graven en boren dieper onder het gebruikelijke oppervlak tot ze een goudmijn aan interessante en waardevolle informatie vinden. Iedereen erkent de waarde van interessante informatie, maar slechts weinigen kunnen die informatie ook echt vinden, laat staan ze op een beknopte en eenvoudige manier overbrengen. Graaf dus dieper, ga verder dan de 'grote blogs' die iedereen in jouw onderwerp leest en ga naar de zeldzame, obscure bronnen, vooral als ze kauwgomachtig en moeilijk zijn voor de gemiddelde lezer. Het is beter om diep op een bepaald onderwerp in te gaan en tonnen info op een duidelijke manier te geven, dan te weinig info. Je kunt nooit diep genoeg boren! Het is beter om veel te zeggen over één ding, dan weinig over een heleboel dingen. Bovendien is er een bonus: tijdens dwangmatig onderzoek kom je meestal op meer ideeën voor nieuwe inhoud. Combineer dat met je eindeloze creativiteit en genoeg tijd om na te denken en voilà: je volgende grote idee is geboren! 5. Een sterke kop is het halve werk Bedenk hoeveel mensen je titel zullen lezen in vergelijking met de mensen die de hele tekst zullen lezen. Het is veilig om aan te nemen dat de eersten tonnen meer zullen zijn dan de laatsten, toch? Het is dan ook geen verrassing dat je veel tijd moet investeren in een boodschap die de aandacht trekt. Je kop moet altijd een voordeel voor de klant bevatten en iets pakkends waardoor mensen verder willen lezen. Een goede manier om dit aan te pakken is door zoveel mogelijk koppen te schrijven als je kunt, en er dan nog een paar meer te schrijven. Het is moeilijk, maar als je eenmaal geen creativiteit meer hebt, begin je buiten de gebaande paden te denken, wat misschien leidt tot die ene killer headline. Probeer het! Ik beloof je dat het na een tijdje makkelijker wordt. Dat gezegd hebbende, moet je proberen titels te vermijden die overduidelijk clickbait zijn. Het grote publiek is zo ongevoelig geworden voor dit soort titels dat ze mensen juist wegsturen van je berichten, in plaats van ze aan te trekken. Daarom zijn veel uitgevers afgestapt van de vermoeide, sensatiebeluste koppen waar we een paar jaar geleden allemaal mee te maken kregen; artikelen met de "ene rare truc" om iets te doen, of beloftes dat "we niet zullen geloven wat er daarna gebeurt". Takeaway Als je de 'gouden regels voor effectief copywriting' hierboven volgt, zou je copy een stuk moeten zijn dat waardevol is voor de lezer gemakkelijk te lezen en te begrijpen is (dat zijn twee verschillende dingen!), en de lezer dwingt om iets te 'doen' (CTA). Nog één ding dat je goed in je achterhoofd moet houden, is dat het schrijven van goede teksten NIET gemakkelijk is. Waarschijnlijk raak je op een gegeven moment gefrustreerd, probeer je het opnieuw en opnieuw en opnieuw en raak je gedemotiveerd. Dat is niet erg: het maakt deel uit van het proces om een betere schrijver te worden. Houd vol en je zult beter worden.