Voor wat betreft de opmaak en de inrichting van mijn blogs gaat mijn voorkeur al jaar en dag uit naar text-only webdesign. Wat zijn daar de voor- en nadelen van? En waar moet je op letten als je hiermee aan de slag wil?
Leestijd: ca. 6 minuten
Wanneer je kiest voor een text-only benadering voor je project dan kies je wellicht niet de makkelijkste weg. Blogs en websites met veel kamerbreed multimediamateriaal en bling-bling vallen meer op en zijn vaak populairder. Moet jij het vooral hebben van je teksten en wil je toch een beetje uit de band springen, dan zijn deze tips voor jou. Maar eerst:
Text-only webdesign: what’s in a name?
De naam zegt het al. Bij text-only (web)design ligt de focus puur op de tekst. De opmaak van je website en de inhoud van je artikels moeten het dus doen zonder de afleiding van afbeeldingen en andere multimedia content. En dat heeft zo zijn gevolgen voor de opmaak en indeling van je site.
Op mijn eigen site drijf ik dit principe niet helemaal door. Immers, plaatjes, screenshots, banners, stukjes social media en ingesloten video’s zijn soms verdomd onmisbaar als je helpende content wil maken. En aangezien ik graag kostenneutraal wil bloggen toon ik ook Google AdSense-blokken op mijn blog.
Bied je lezer een fijne leesomgeving aan
Als je artikels er zich (meestal) toe lenen, is het voor je bezoekers en lezers prettig op een rustige, makkelijk leesbare site terecht te komen. Eentje met zomin mogelijk afleiding ook. Zo vergroot je de kans dat mensen die op je site komen stukken gaan lezen in plaats van achteloos te scrollen.
Eén en ander betekent dus niet dat je helemaal géén multimedia in je artikels binnenbrengt. Je maakt er alleen geen speerpunt van. Bijvoorbeeld door de header van je site erg minimalistisch te houden, fotomateriaal te weren van de homepage en geen uitgelichte afbeeldingen te gebruiken.
Text-only design voor je WordPress-site
Het is een klein beetje zoeken naar specifieke WordPress-thema met een text-only insteek. Gratis opties zijn te vinden in de WordPress theme directory. Je komt een end door in de zoekbalk trefwoorden in te tikken als plain text, minimal en text-only.
Smaak is natuurlijk nogal persoonlijk, maar ik vind de bovenstaande suggesties wel wat hebben. Doorgaans hebben zowel Anders Noren en Automattic fijne opties.
Je WordPress-thema aanpassen richting text-only design
Zeker wanneer je een WordPress-blokthema gebruik belet niks je om er een text-only theme van te maken. Kies of maak een heel eenvoudig header-patroon, bewerk je single post-template (verwijder het uitgelichte afbeelding-blok) en je bent al een flinke stap verder. Dat is het mooie aan blokthema’s!
Eenvoudige tips voor text-only design
De foto’s en andere multimedia uit je content slopen is een eerste belangrijke stap, maar dan ben je er nog niet. Want net omdat er met dat beeldmateriaal heel wat kleur en jeu uit je pagina’s verdwijnt moet je op andere vlakken misschien nog een extra inspanning doen. Let op de volgende dingen.
1. Ga voor een eenvoudig en beperkt kleurenpalet
Vooral omdat het lezen van tekst op een scherm nu eenmaal vermoeiender is wil je de ogen van je bezoeker zomin mogelijk belasten. Eén hele donkere kleur voor de bodytekst en één opvallende, maar niet te schreeuwerige accentkleur die goed samengaat met je merkkleuren. Meer heb je eigenlijk niet nodig. Veel block themes hebben overigens een aantal stijlvarianten. Laat je inspireren.
Vind je het geheel wat te hard, te strak, te zakelijk ogen? Probeer dan wat te spelen met de achtergrondkleur van je site. Die wil je graag zo licht mogelijk houden zodat je tekst altijd moeiteloos leesbaar blijft. Experimenteer met een hele lichte variant van je één van je merkkleuren of je accentkleur.
2. Kies een geschikt lettertype voor de bodytekst
Precies omdat er op je site “zo weinig te beleven is” kan het handig zijn om een wat gewaagder font te kiezen dan je normaal zou doen. Kwestie van je website visueel toch dat tikje interessanter te maken voor je bezoekers. Ga daar echter ook niet te ver in: het geheel moet voor iedereen moeiteloos leesbaar blijven, weet je nog?
Je staat er trouwens van te kijken wat een ietwat aparte fontcombinatie kan doen voor de aanblik van je site. Neem bijvoorbeeld een wat zwieriger/gewaagder font(kleur) voor je titels en tussenkopjes in combinatie met een braver font voor de bodytekst.
Geef ook de voorkeur aan een fonts die groot genoeg zijn. Dat bevordert het leesgemak en werkt uitnodigend.
3. Gebruik genoeg witruimte
Geef alle onderdelen van je website de nodige lucht en ruimte. Vermijd – ondanks dat je site het vooral moet hebben van z’n tekst – grote lappen tekst. Anders wordt je artikel al snel een oninneembare burcht. Om dezelfde reden wil je de contentkolom zeker niet te breed maken. Je lezers kunnen zo veel makkelijker je tekst doornemen op een groter scherm. En er zijn nog meer elementen waar witruimte een rol speelt:
- maak je alinea’s niet te lang
- gebruik tussenkopjes
- experimenteer met padding en marges
- neem genoeg afstand tussen verschillende WordPress-blokken en -secties
- speel met regelhoogtes en afstand tussen letters
- …
Enfin, je hoeft er geen bonte kermis van te maken, maar probeer in ieder geval creatief te zijn qua opmaak en indeling van je content.
4. Maak gebruik van decoratieve mogelijkheden van WordPress
Leuke artikels zijn immers meer dan alleen alinea’s met platte tekst afgewisseld met stukjes multimedia. De gereedschapskist van WordPress Gutenberg is tegenwoordig aardig compleet:
| scheidingslijnen | tabellen |
| kolommen | opsommingslijsten |
| quotes | pull-quotes |
| insluitingen | tekstkaders |
| details | voetnoten |
| knoppen | vulelementen |
Allemaal decoratieve elementjes waarmee je je artikel of blogbericht subtiel kan opwaarderen. Maak het wat minder voorspelbaar, doorbreek de sleur en stop het scrollen.
5. Let op de kleur van je linkjes
Waarom? Je wil in elk stuk een paar (interne) links en deze mogen ietwat opvallen, maar ook weer niet te fel. Ze mogen de prettige leeservaring niet in de weg staan. Te flitsend gekleurde links kunnen je lezers afschrikken, zeker als het er behoorlijk wat zijn.
6. Extra aandacht voor titels en tussenkopjes
En dan bedoel ik niet alleen qua opmaak en indeling. Bij gebrek aan uitgelichte afbeeldingen en andere visuals zullen zij immers je bezoekers en lezers tot klikken moeten bewegen (en nadien dieper in je artikel trekken).
Wat is het voordeel van text-only webdesign (voor je blog)?
Dat ligt voor de hand. Je hoeft je niet bezig te houden met (het zoeken naar en het inpassen van) beeldmateriaal. Als je – zoals ik – vrij veel publiceert, maar moeilijk eigen, kwaliteitsvolle foto’s kan maken is dat een ferm pluspunt.
En natuurlijk, je kan altijd aan de slag met gratis stockfoto’s. Telkens zoeken naar geschikte plaatjes die je niet op elke hoek van het web tegenkomt, kost echter ook aardig wat tijd. Die tijd steek ik dan liever in de echte inhoud van een artikel. Bijkomend voordeel: je bent meteen verlost van eventuele copyright problemen.
Voor je lezer is er het voordeel dat ‘ie minder snel wordt afgeleid en wordt aangezet om met meer aandacht te gaan lézen.
Andere voordelen zijn van meer technische aard. Beperk het aantal afbeeldingen in je mediabibliotheek en je kan aardig wat webruimte besparen. Dat drukt dan weer de kosten voor webhosting. En tot slot kan ook je webpagina sneller worden ingeladen.
Zijn er ook nadelen?
Elk voordeel heb z’n nadeel. En text-only design of niet, alles staat of valt natuurlijk met datgene wat je te vertellen hebt. Je bent in het voordeel als je goed kan schrijven, dat spreekt. Zeker is dat je hiermee tegen de trend (van minder tekst en meer beeld) in gaat. Het is af te wachten of het merendeel van jouw bezoekers/lezers/volgers je minimalistisch webstekje kunnen pruimen. Dat is lang niet zeker…
Geef een reactie