Waarom ziet je nieuwsbrief er in de mailbox anders uit dan in de preview?
Elk apparaat, besturingssysteem en e-mailprogramma bouwt een nieuwsbrief net iets anders op. De sjablonen van Laposta zorgen ervoor dat je nieuwsbrief er op elke desktop, tablet en smartphone goed uitziet, maar kleine verschillen blijven bestaan. Outlook levert daarbij de grootste afwijkingen. Daarom kun je bij het maken van een nieuwsbrief (in stap 4) niet tot op de pixel bepalen hoe het eindresultaat eruitziet.
Veelvoorkomende verschillen in de mailbox
Vooral de weergave van tekst verschilt per e-mailprogramma: de lettergrootte, het precieze lettertype en de regelafstand. Sommige programma’s veranderen ook de kleur van links en telefoonnummers om te laten zien dat je relatie ze kan aanklikken, bijvoorbeeld om te bellen of om Skype te starten.
Beperkingen in het ontwerp
Vier beperkingen kom je bij vrijwel elk ontwerp tegen. Ze zijn niet op te lossen met betere code, maar volgen uit de manier waarop e-mailprogramma’s een nieuwsbrief opbouwen:
- Maximale breedte van 620 pixels. Een nieuwsbrief neemt bijna nooit het hele scherm in: ernaast staan kolommen met mappen, andere e-mails en agenda’s. Blijf onder 620 pixels, anders valt een deel buiten het venster en moet je relatie horizontaal scrollen.
- Geen exacte plaatsing van elementen. Binnen een blok kun je niet aangeven waar een element, zoals een afbeelding, precies komt te staan.
- Verschillen in de lengte van je tekst. Omdat de ruimte tussen letters en de regelafstand per programma variëren, verandert ook de tekstlengte. Twee kolommen die in het ene programma precies uitgelijnd staan, lopen in het andere net uit de pas.
- Geen ronde hoeken in Outlook. Ronde hoeken werken daar niet, waardoor je nieuwsbrief er in Outlook anders uitziet dan in andere e-mailprogramma’s. Outlook ondersteunt sowieso veel moderne e-mailfunctionaliteit niet waar andere programma’s geen moeite mee hebben, en de verwachting is niet dat Microsoft dit op korte termijn wezenlijk verbetert.
Tips voor het ontwerpen van je nieuwsbrief
Omdat de exacte uitlijning niet vastligt, heeft het weinig zin om een regel in de ene kolom precies op de hoogte van een foto in de andere kolom te laten beginnen. Woorden of getallen uitlijnen met spaties en lange woorden zelf afbreken werkt om dezelfde reden niet: in de preview klopt het, maar in de e-mailprogramma’s van je relaties pakt het net anders uit.
Een pakkende inhoud met een overzichtelijke, rustige vormgeving is daarom de veiligste keuze. Afbeeldingen werken daarbij goed, maar gebruik niet te veel afbeeldingen ten opzichte van de hoeveelheid tekst.
Het resultaat controleren
De preview toont je nieuwsbrief in je browser. Met de twee pictogrammen rechtsboven kun je wisselen tussen de weergave op een computer en op mobiel. Meer hierover lees je in Een preview van je nieuwsbrief bekijken. Ook die mobiele weergave blijft een benadering, omdat er zoveel soorten en maten tablets en smartphones zijn.
Wil je zien wat een e-mailprogramma er werkelijk van maakt, stuur dan een testmail en bekijk die in de programma’s die je relaties gebruiken, zoals op je eigen mobiel, in Gmail en in Outlook. Zet daarbij ook de donkere modus eens aan.
Kom je een apparaat tegen waarop je nieuwsbrief niet goed wordt weergegeven, neem dan contact op met de helpdesk.