Design gaat verder dan ontwerp

Door Niels van Meerte Janse, 8 mei 2009 Design gaat verder dan ontwerp

Het ontwerpen van een e-mail gaat veel verder dan het laten maken van een e-mail template of een afbeelding voor een header, ook bij het plaatsen van content dien je rekening te houden met design. Zoals je waarschijnlijk al weet worden afbeeldingen in veel e-mail clients niet meer standaard getoond en worden dan vervangen door het welbekende kruisje of door een tekst. Vaak wordt hierdoor de hele lay-out van de e-mail uit elkaar getrokken en verliest de e-mail zijn herkenbaarheid, terwijl dit eenvoudig is te voorkomen.

Hoe is dit dan te voorkomen?
De oplossing? Een hoogte en een breedte meegeven aan content elementen, zoals bijvoorbeeld afbeeldingen en tabellen. Met hoogte en breedte meegeven wordt dan geen percentage, maar het werkelijke aantal pixels bedoeld. In onderstaande e-mail zijn aan een aantal elementen geen hoogte en breedte meegegeven:

De lay-out van de e-mail wordt in dit voorbeeld vervormd. Je ziet dat op een aantal posities waar geen afbeeldingen worden getoond er door de e-mail client (Outlook) een doorzichtige balk wordt geplaatst met een algemene tekst. Door het meegeven van een hoogte en een breedte aan de content elementen wordt dezelfde e-mail op onderstaande manier getoond wanneer de afbeeldingen niet zichtbaar zijn:

De lay-out van de e-mail blijft gehandhaafd wat de herkenbaarheid van de e-mail ten goede komt. Dit zorgt er weer voor dat de ontvanger eerder geneigd is de e-mail te lezen, wat weer een positief effect heeft op de resultaten van de campagne, zoals open rates en de conversie.

Hoe doe ik dat dan?
Het meegeven van een hoogte en breedte kan op verschillende manieren. Dit kan bijvoorbeeld in de HTML code zelf met de eigenschappen width en height, zoals in onderstaand voorbeeld van de HTML code van een tabel:

<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”164″>

Een andere mogelijkheid is via de content editor van Measuremail, wanneer je daar een afbeelding of tabel invoegt kun je in het dialoogvenster een hoogte en een breedte opgeven:

Waar kan ik de hoogte en breedte van een afbeelding opzoeken?
De hoogte en breedte van een tabel kun je zelf vaststellen. Bij een afbeelding is dit wat lastiger, omdat je door het opgeven van een verkeerde hoogte en breedte de verhoudingen van de afbeeldingen aanpast. Het juiste formaat kun je opzoeken in de eigenschappen van het bestand. Zoek het bestand op je computer op en kies rechtermuisknop, eigenschappen. In het tabblad samenvatting kun je de hoogte en de breedte aflezen:

Niels van Meerte Janse Niels van Meerte Janse is E-mail Marketing Consultant.

Geen reacties

Reageer

Er zijn fouten geconstateerd bij het verwerken van je reactie:

Verbeter deze fout(en) en probeer het opnieuw.

Zorg ervoor dat je alle velden met een * invult. Je e-mail adres wordt niet getoond. Alle reacties worden gecontroleerd. Reacties met veel links of reclame zullen worden verwijderd.

Reageer