8 Ontwerptips voor een geweldige e-mail op kleine schermen
Hoeveel gebruikers openen e-mails van u op een telefoon of tablet? Het is misschien een hoger percentage dan u denkt. Volgens Litmus, dat software voor het volgen van e-mail aanbiedt, werd in 2016 54 procent van alle e-mails op een mobiel apparaat geopend.
Dat betekent dat de meeste van uw e-mails op een telefoon worden gezien. Ontwerpt u een e-mail die er het beste uit haalt? Hier zijn tips om uw e-mailontwerp mobielvriendelijker te maken.
Sloot de kolommen
Hoewel veel e-mails er geweldig uitzien met meerdere kolomindelingen op desktopschermen, schieten ze tekort op mobiele apparaten. De meeste responsieve sjablonen stapelen kolommen, zodat u te lange scrollende e-mails of lastige contentflow kunt krijgen.
Kies in plaats daarvan voor een indeling met één kolom. Op die manier weet u dat uw inhoud er van apparaat tot apparaat consistent uitziet en aanvoelt en gemakkelijk te lezen en te navigeren is. Zelfs op desktopmonitors is het voorkeursformaat een weergave in één kolom, omdat zoveel gebruikers e-mails bekijken in kleinere voorbeeldvensters versus op volledig scherm.
Een indeling met één kolom helpt u ook bij het ontwerpen voor het patroon van één gedachte per e-mail. Geef gebruikers één ding om over na te denken en één directe actie om uit één e-mail te nemen. Door meerdere berichtniveaus toe te voegen, kunnen duizelige gebruikers met een korte aandachtsspanne voorkomen dat ze worden geconverteerd. Maak het gemakkelijk door gebruikers slechts één keuze te geven.
Gebruik knoppen voor links
Inline tekstlinks moeten op mobiele apparaten worden vermeden. Gebruikers kunnen er moeilijk op tikken. Kies in plaats daarvan voor een knop. Een knop is een voor de hand liggende plaats om op een klein scherm aan te raken en moet groot genoeg zijn zodat andere elementen niet per ongeluk worden geactiveerd.
Gebruik felle kleuren en grote, beschrijvende tekst voor knoppen, zodat gebruikers precies weten wat ze kunnen verwachten. Knoppen kunnen naar andere websites leiden, een aankoop doen, inhoud delen of een willekeurig aantal acties. Overweeg grote stijlknoppen die een groot deel van de breedte van kleine schermen vullen, zodat ze gemakkelijk te bereiken zijn, ongeacht hoe een gebruiker een apparaat vasthoudt.
Neem ook knoppen op in het eerste deel van de scroll. De visuele aanwijzing laat e-mailontvangers meteen weten dat het bericht een actie bevat die ze moeten ondernemen.
Bump Up Text Sizes
Kleine tekst is een moordenaar voor mobiele e-mail. De meeste e-mailsoftwareprogramma's met responsieve sjablonen zullen de tekstgrootte "vergroten" zodat deze overeenkomt met de juiste schermgrootte, maar dit gebeurt niet altijd.
- Begin met een tekstgrootte van minimaal 14 punten voor de hoofdtekst in e-mails. (En het doet nooit pijn om groter te worden, zelfs 16 punten is een goede richtlijn.)
- Spring naar 22 punten of meer voor koppen en overweeg vetgedrukt of een kleur om de kop nog meer te laten opvallen.
- Subkoppen moeten minimaal 18 punten zijn en kunnen groter worden op basis van de kopgrootte.
Formaat van afbeeldingen wijzigen
Afbeeldingen moeten goed op het scherm passen. Denk na over de vorm, grootte en inhoud van afbeeldingen zodat ze leesbaar zijn op kleine apparaten.
Veel e-mails bevatten een duidelijke horizontale uitsnede over de volledige breedte van een afbeelding die soms tekst in de koptekst bevat. Dit converteert niet noodzakelijkerwijs goed naar kleinere schermen.
Grotere, meer vierkante afbeeldingen worden het beste weergegeven op mobiele apparaten. Overweeg om de responsieve afbeeldingstechniek met maximale breedte te gebruiken of neem contact op met uw e-mailserviceprovider, zoals Emma, MailChimp of Constant Contact, om te zien welke opties voor het wijzigen van de afbeelding beschikbaar zijn.
Neem voldoende ruimte op
Vergroot de opvulling rond elementen en regelafstand tussen tekstblokken om alles gemakkelijker leesbaar te maken op een kleiner scherm. Een leesbare e-mail is een e-mail die gebruikers zal converteren.
Hier is het ding: zodra een gebruiker de e-mail op een telefoon opent, wordt dat bericht gemarkeerd als gelezen, waardoor de kans dat de gebruiker ernaar terugkeert op een ander apparaat vrij klein is. Je kunt dus niet hopen dat een rommelige, rommelige of moeilijk te lezen e-mail gebruikers er alleen maar aan zal herinneren om terug te komen. Ze zullen uw bericht achterlaten.
Door witruimte kan het bericht lichter, toegankelijker en leesbaarder aanvoelen. Het moet gemakkelijk in één oogopslag te scannen en te begrijpen zijn. Denk en ontwerp minimaal voor de beste resultaten - en klikfrequenties.
Overweeg het blokkeren van afbeeldingen
Beeldblokkering is een echte overweging bij e-mailmarketing. Vooral voor zakelijke gebruikers die gebruik maken van klanten zoals Microsoft Outlook. Ontwerp voor het wat-als. Stel dat sommige gebruikers nooit afbeeldingen in uw e-mails zullen zien.
Doe dit door tekst voor afbeeldingen op te nemen; kogelvrije knoppen die zijn gemaakt met HTML en CSS, niet als afbeeldingsbestanden; evenwicht in het ontwerp en een goede mix van tekst en afbeeldingen.
Er is een hele denkrichting die helemaal geen afbeeldingen in e-mails gebruikt. En hoewel dat niet voor iedereen de oplossing is, kan het een overweging zijn, afhankelijk van ons inhoudstype.
Houd de koppen kort
Lange koppen lijken zelfs langer op kleine schermen. Zoek uit wat je moet zeggen en doe het beknopt. Dit geldt ook voor onderwerpregels. Je moet gebruikers in de kleine ruimte - en het aantal tekens - in het voorbeeld van het onderwerp verleiden om zelfs het bericht te openen.
Gebruik actieve werkwoorden en sterke afbeeldingen om gebruikers te verleiden. Voeg de belangrijkste woorden toe aan de eerste 40 tekens van de onderwerpregel om de kans te maximaliseren dat gebruikers het zien voordat ze de e-mail openen.
Combineer onderwerp- en kopcombinaties. Overweeg een nog meer verkorte versie van een kop voor de onderwerpregel. Stel een vraag met de onderwerpregel en beantwoord deze in de kop. Geef gebruikers een reden om meer te willen weten en te communiceren met de e-mail die u verstrekt. (Maar wees niet te spamachtig, anders stuur je gebruikers in een oogwenk weg.)
Gevolgtrekking
Er is geen magische formule waardoor mensen je e-mails openen. Maar de kans is groot dat wanneer ze klikken om te openen, het op een telefoon is, waardoor het absoluut noodzakelijk is dat elk bericht er geweldig uitziet en gemakkelijk te lezen is in kleine formaten.
De beste manier om e-mails te maken die gebruikers op mobiele apparaten openen, is door te testen. Elk publiek is enigszins anders. Kijk naar eerdere e-mails om te zien welke de hoogste mobiele open- of klikfrequenties hadden. Hebben ze gemeenschappelijke ontwerpelementen waardoor ze aantrekkelijker zijn voor mobiele gebruikers? Kijk ook goed naar de e-mails die u ontvangt en het ontwerp van de e-mails die u opent. Wat doen ze om je aandacht te trekken?
