8 Designtips för en Stort E-post på Små Skärmar

Hur många användare öppnar e-postmeddelanden från dig på en telefon eller surfplatta? Det kan vara en högre andel än du tror. Enligt Litmus, som tillhandahåller e-postspårningsprogram, öppnades 54 procent av alla e-postmeddelanden på en mobilenhet 2016.

Det betyder att mest av dina e-postmeddelanden ses på en telefon. Designar du ett mail som gör det mesta av det? Här är tips för att göra din e-postdesign mer mobilvänlig.

Dikta kolumnerna

Medan många e-postmeddelanden kan se bra ut med flera kolumnformat på skrivbordsskärmar, saknas de på mobila enheter. Mest responsiva mallar staplar kolumner så att du kan hamna med alltför långa rullningsemails eller besvärligt innehållsflöde.

Välj ett format med en kolumn istället. På så sätt vet du att ditt innehåll kommer att ha ett jämnt utseende från enhet till enhet och det blir lätt att läsa och navigera. Även på stationära bildskärmar är det föredragna formatet en kolonnvy tack vare så många användare som ser e-postmeddelanden i mindre förhandsgranskningsrutor jämfört med helskärm.

Ett format med en kolumn hjälper dig också att designa för ett-tanke per e-postmönster. Ge användarna en sak att tänka på och en direkt åtgärd att ta från ett enda e-postmeddelande. Om du lägger till flera nivåer av meddelanden kan yrliga användare som har kort uppmärksamhet spänner och behåller dem från att konvertera. Gör det enkelt genom att bara ge användarna ett val att agera.

Använd knapparna för länkar

Inline text länkar bör undvikas på mobilen. De kan vara svåra för användarna att trycka på. Välj en knapp istället. En knapp är en uppenbar plats att röra på en liten skärm och bör vara tillräckligt stor för att andra element inte aktiveras av misstag.

Använd ljusa färger och stor, beskrivande text för knappar så att användarna vet exakt vad man kan förvänta sig. Knappar kan leda till andra webbplatser, göra ett köp, dela innehåll eller ett antal åtgärder. Tänk på stora stilknappar som fyller mycket av bredden på små skärmar så att de är lätta att nå oavsett hur en användare kan hålla en enhet.

Inkludera knappar i den första delen av bläddringen också. Den visuella koden låter e-postmottagare direkt veta att meddelandet innehåller en åtgärd som de behöver ta.

Bump Up Text Storlekar

Små text är en mobil-email-mördare. De flesta e-postprogram med responsiva mallar kommer att? Storlek upp? textstorlekar för att matcha lämplig skärmstorlek, men det händer inte alltid.

  • Börja med minst en 14-punkts textstorlek för kroppskopian i e-postmeddelanden. (Och det gör aldrig ont för att bli större, även 16 poäng är en bra riktlinje.)
  • Hoppa till 22 poäng eller mer för rubriker och överväga djärv eller en färg för att få rubriken att stå ut ännu mer.
  • Underrubriker ska vara minst 18 poäng och kan gå större utifrån huvudstorlek.

Ändra storlek på bilder

Bilderna måste passa på skärmen korrekt. Tänk på bildens form, storlek och innehåll så att de kan läsas på små enheter.

Många e-postmeddelanden inkluderar en full bredd distinkt horisontell avbildning av en bild som ibland innehåller text i rubriken. Detta omvandlas inte nödvändigtvis bra till mindre skärmar.

Större, mer kvadratiska bilder kommer bäst att göras på mobila enheter. Överväg att använda den maximala breddskänsliga bildtekniken eller kontrollera med din e-postleverantör, som Emma, ​​MailChimp eller Constant Contact, för att se vilka alternativ för bildåterställning som finns tillgängliga.

Ta med gott om utrymme

Öka vaddering runt element och linjeavstånd mellan textblock för att göra allt lättare att läsa på en mindre skärm. En läsbar e-postadress är en som konverterar användare.

Det här är saken: Den minut som en användare öppnar e-postmeddelandet på en telefon, det meddelandet markeras som läsning vilket gör att chansen att användaren kommer tillbaka till den på en annan enhet är ganska tunn. Så du kan inte hoppas att ett rörigt, rörigt eller svårläst e-postmeddelande bara kommer påminna användarna att komma tillbaka. De kommer att överge ditt meddelande.

Det vita utrymmet kan göra meddelandet lättare, mer tillgängligt och mer läsbart. Det ska vara lätt att skanna och förstå en överblick. Tänk och konstruera minimalt för bästa resultat - och klicka igenom priser.

Tänk på bildblockering

Bildblockering är ett riktigt övervägande med e-postmarknadsföring. Särskilt för företagsanvändare som använder klienter som Microsoft-perspektiv. Design för vad-om. Antag att vissa användare aldrig kommer att se bilder i dina e-postmeddelanden.

Gör detta genom att inkludera alt text för bilder; Bulletproof knappar som är gjorda med HTML och CSS, inte som bildfiler. balans i designen och en bra blandning av text och bilder.

Det finns en hel skola av tanke som inte använder bilder i e-post alls. Och medan det inte är lösningen för alla, kan det vara en hänsyn, beroende på vår innehållstyp.

Håll rubrikerna korta

Långa rubriker verkar ännu längre på små skärmar. Ta reda på vad du behöver säga och gör det kortfattat. Detta gäller även ämnesrader. Du måste locka användare i det lilla mellanslaget - och karaktärsantalet - i föregående förhandsgranskning för att även få meddelandet öppnat.

Använd aktiva verb och starka bilder för att locka användare. Inkludera de viktigaste orden i de första 40 tecknen i ämnesraden för att maximera chansen att användarna kommer att se det innan de öppnar e-postmeddelandet.

Parfält och rubrikkombinationer. Tänk på en ännu mer kondenserad version av en rubrik för ämnesraden. Ställ en fråga med ämnesraden och svara på det i rubriken. Ge användarna en anledning att vilja veta mer och interagera med det e-postmeddelande du tillhandahåller. (Men var inte för spammy-sounding eller du kommer att vända användare i ett snäpp.)

Slutsats

Det finns ingen magisk formel som gör att folk öppnar dina e-postmeddelanden. Men chansen är när de klickar för att öppna, det är på en telefon som gör det absolut nödvändigt att varje meddelande ser bra ut och är lätt att läsa i små storlekar.

Det bästa sättet att skapa e-postmeddelanden som användare kommer att öppna på mobila enheter är genom testning.Varje publik är något annorlunda. Titta på tidigare e-postmeddelanden för att se vilka som hade de högsta mobila öppna eller klickfrekvenserna. Har de gemensamma designelement som gör dem mer tilltalande för mobila användare? Ta också en titt på de e-postmeddelanden du får och utformningen av e-postmeddelanden som du öppnar. Vad gör de för att få din uppmärksamhet?