Maak je redactionele content? Stop met het maken van de veelvoorkomende fouten die ik nog steeds maar al te vaak zie bij mijn klanten, of in mijn dagelijks leven als lezer.

Hier is een praktische gids voor het maken van toegankelijke content die geschikt is voor alle media. 

Omdat vandaag, zodat uw inhoud wordt gelezen, begrepen en gewaardeerd, Redactionele kwaliteit is niet langer voldoende. Het is ook noodzakelijk zorg voor het ontwerp van de inhoud : de opmaak, de structuur, de leesbaarheid en het vermogen om zich aan te passen aan het werkelijke gebruik van uw lezers.

Het belang van multi-screen adaptatie begrijpen

Zelfs vandaag de dag zien we nog steeds te veel content die primair ontworpen is voor desktopschermen, slecht gestructureerd, moeilijk leesbaar en paradoxaal genoeg niet altijd geoptimaliseerd, zelfs niet voor grote schermen. En toch zullen er in 2025 meer dan 70% van de webverkeer wereldwijd komt van de mobiel.

Op smartphones worden deze artikelen eindeloos, compact, slecht opgemaakt en worden ze daarom snel genegeerd.

Het doel is om je content zo te schrijven en te structureren dat deze geschikt is voor touchnavigatie en snel scrollen, maar er ook goed uitziet op een groot scherm. Om deze problemen te overwinnen, is een mobile-first-aanpak essentieel.

Het belang van goede prioritering met duidelijke titels

Een goede hiërarchie helpt om snel scannen en de structuur begrijpen van het artikel.

Voor mobiel, geef de voorkeur korte en krachtige titelsEen goede H2- of H3-kop moet de lezer in staat stellen het artikel te begrijpen zonder de hoofdtekst te lezen. Als we alleen de H1, H2 en H3 uit je content zouden halen, zouden we een duidelijke samenvatting van het geheel krijgen.

Typische hiërarchie:

• H1: Unieke titel van de pagina
• H2: Hoofdsecties (elke 300 tot 500 woorden)
• H3: Subsecties indien nodig

Het is essentieel om de titels visueel te onderscheiden door hun grootte, terwijl rekening wordt gehouden met een consistente schaalHiervoor kunt u een modulaire ladder Vaak gebruikt bij het ontwerpen van een ontwerpsysteem (bijv. 1.250, 1.333, enz.) om een ​​vloeiende overgang tussen niveaus te creëren.

Tekst- en alineabeheer

Voor een soepele en prettige leeservaring begint u met een gecentreerd raster met een hoofdkolom. Kies een duidelijke typografie met goed contrast om visuele vermoeidheid te voorkomen en rechtvaardig de tekst nooit, ontstaat er onregelmatige spaties waardoor het lezen moeilijk wordt. 

Gebruik vetgedrukt voor sleutelwoorden en cursief voor nuances. Gebruik een spatie tussen 1.5 en 1.7 om de tekst ruimer en gemakkelijker leesbaar te maken, vooral op het scherm.

Op mobiel: best practices voor leesbare content

Voor mobiele apparaten is een nauwkeurigere structurering van informatie vereist. Goede content moet vloeiend, luchtig en snel navigeerbaar zijn.

• Tekst mag nooit aan de randen van het scherm blijven plakken, vergeet niet om zijmarges van minimaal 16 px toe te voegen
• Minimale lettergrootte tussen 14 en 16 px, zodat het leesbaar is
• Vermijd te dichte tekstblokken, omdat deze het snel lezen bij het scrollen belemmeren.
• 3 tot 6 visuele lijnen

Op het bureaublad: structuur, ventilatie, beperk de breedte

Zelfs op een groot scherm moet uw content niet de gehele breedte beslaan!

• Ideale leesbreedte tussen 600 en maximaal 750 px
• Tekstgrootte van 16 tot 18 px
• Aanbevolen regellengte, 60 tot 75 tekens per regel
• Maximaal 2 tot 4 regels per alinea

Benadruk de essentie zonder te overdrijven

U kunt inhoud structureren met behulp van discrete visuele elementen zoals lijsten met opsommingstekens in de tekst om de belangrijkste punten te benadrukken, ingelijst om aanvullende informatie of waarschuwingen te melden, en callout-vakken om definities, belangrijke gegevens of samenvattingen te benadrukken. 

Deze elementen helpen het leestempo te verhogen, vestigen de aandacht op wat er echt toe doet en verbeteren het algehele begrip van de inhoud. Te veel visuele elementen, zoals hierboven vermeld, kunnen echter de hiërarchie ondermijnen.

Voorbeeld van NN/g-artikel https://www.nngroup.com/articles/ai-integration-condens/ op mobiel en desktop: heldere structuur, leesbare typografie en luchtige lay-out voor comfortabel lezen.

Links en oproepen tot actie (CTA)

Links in redactionele inhoud

Interne en externe links verrijken een artikel, verbeteren de navigatie, versterken de geloofwaardigheid en dragen bij aan SEO. De integratie ervan moet echter zorgvuldig worden overwogen.

Gebruikers moeten snel kunnen identificeren wat interactief is, een link moet duidelijk herkenbaar zijn, om deze voor iedereen toegankelijk te maken, inclusief mensen met een visuele beperking of kleurenblindheid, een link moet ondubbelzinnig identificeerbaar zijn, volgens afspraak plaatsen we vaak een andere kleur met een onderstreping.

Het is ook niet aan te raden om een ​​titel (H1, H2, H3) om te zetten in een link, tenzij het een interne link naar een anker is. Bovendien moet de tekst van de link beschrijvend zijn: vermijd vage "klik hier"-uitspraken en kies liever voor precieze ankerzinnen zoals "zie onze complete gids voor redactionele UX".

CTA

Om effectief te zijn, moet een CTA een duidelijk, beknopt en boeiend werkwoord bijvoorbeeld: Download de gids, Vraag een offerte aan ou Bekijk het volledige artikelDe beloofde actie moet altijd overeenkomen met de content of pagina die volgt, om 'klikvallen' te vermijden, die vaak frustrerend zijn voor gebruikers.

Pas op voor CTA's die vermomd zijn als simpele hyperlinks, want ze lopen het risico onopgemerkt te blijven. Om hun effectiviteit te maximaliseren, moeten CTA's direct herkenbaar zijn, zowel visueel als semantisch.

Plaats je CTA's strategisch, vaak na een informatieblok of aan het einde van het artikel. Aarzel niet om ze in lange content te herhalen in de inleiding, het midden en de conclusie, zolang ze natuurlijk en niet opdringerig blijven.

Visuele elementen

images

Afbeeldingen spelen een sleutelrol in de leeservaring, ze stellen ons in staat om leesplezier maken, versterk de boodschap en voeg visuele informatie toe.

Plaats afbeeldingen strategisch, na een verklarende alinea en vóór een belangrijk punt, om de aandacht te trekken. Tussen de alinea's is er een pauze toegestaan, een soort visuele onderbreking of verhaalonderbreking. Zeer effectief voor om de aandacht van de lezer opnieuw te wekken, een sterk concept illustreren of een bepaalde sfeer schetsen.

Vermijd saaie, "decoratieve" afbeeldingen of al te generieke stockfoto's. Afbeeldingen moeten het idee of de emotie van de tekst duidelijk illustreren. Let echter wel op: te veel afbeeldingen vertragen het laden en leiden af ​​van het lezen. 

En wat toegankelijkheid betreft, vergeet niet om afbeeldingen een duidelijke naam te geven, zodat ze duidelijk en beschrijvend zijn. Denk ook aan de beschrijvende ALT-tag voor schermlezers.

Voorbeeld van NN/g-artikel https://www.nngroup.com/articles/ux-copy-sizes/ de afbeelding versterkt het begrip en respecteert het leestempo, een beeld dat geschikt is voor alle media.

Infographics, illustraties en afbeeldingen

Deze visuele elementen spelen een belangrijke rol: ze helpen om belangrijke informatie effectief samen te vatten, ingewikkelde concepten te vereenvoudigen, de memorisatie ervan te verbeteren en stimuleren het delen van inhoud.

Om ze echt nuttig te maken, moet je ervoor zorgen dat ze op een duidelijke en leesbare manier zijn ontworpen, met een voldoende grote tekst, vooral voor mobiel browsen. Houd er rekening mee dat op smartphones de afbeelding verkleind wordt weergegeven. Vermijd dat de gebruiker hoeft in te zoomen en zorg ervoor dat de informatie in één oogopslag zichtbaar is, net als op een desktopscherm.

De boodschap van een illustratie of infographic mag echter niet alleen afhangen van de visuele kant. Overweeg om er beschrijvende tekst aan toe te voegen, zodat de informatie ook toegankelijk is voor mensen die de afbeelding niet kunnen zien, met name degenen die een schermlezer gebruiken. Als de afbeelding belangrijke gegevens bevat, beschrijf deze dan duidelijk en volledig.

Videos

Ze bieden een interessant alternatief voor traditioneel lezen en kunnen helpen bij het aanvullen van informatie. voeg een samenvatting of kernpunten toe Dit is ook handig voor gebruikers die liever de video lezen of deze niet kunnen bekijken.

Host video's op platforms zoals YouTube of Vimeo om de laadtijd van uw pagina niet te verlengen. Vergeet niet om ondertiteling aan te zetten of te activeren om de toegankelijkheid te verbeteren en kijken zonder geluid mogelijk te maken.

tot slot

Goede redactionele content gaat niet langer alleen over goede tekst. Het is een leeservaring Op zichzelf, waar vorm inhoud dient, waar ergonomie evenveel bijdraagt ​​aan impact als redactionele kwaliteit. Het gaat om het zoeken naar vloeiendheid, hiërarchie en evenwicht. Kortom, het gaat om schrijven met helderheid, maar ook met empathie.

Je mag de desktopervaring niet verwaarlozen, maar content moet wel mobielvriendelijk zijn, zodat deze geschikt is voor alle formaten. Vergeet niet om je lay-out te testen op echte mobiele apparaten, niet alleen in de previewtool.

 

 

 

Anaëlle Staelen, UX/UI-ontwerper en productontwerper bij UX-Republic