POSTYS ORDLISTA

Responsiv e-postdesign

Responsiv e-postdesign innebär att mailets innehåll och layout anpassas efter tillgängligt utrymme, så att utskicket går att använda på både små och stora skärmar.

Även: Mobilanpassade mail, Responsiva nyhetsbrev.

Så fungerar det i praktiken

Det kan handla om att kolumner staplas, bilder skalas och marginaler ändras. Men läsbarheten beror också på textstorlek, radlängd, kontrast och klickytor. Mailprogram stöder inte alla layouttekniker på samma sätt. Därför behöver mallen testas i de miljöer som ingår i uppdraget. En förhandsvisning i utskicksverktyget visar inte ensam hur varje mottagare kommer att se mailet.

Ett konkret exempel

Ett illustrativt nyhetsbrev visar två produktkort bredvid varandra på datorn. På mobilen ligger korten under varandra, med rubrik, kort förklaring och knapp i samma läsordning. Om bilderna blockeras ska mottagaren ändå förstå erbjudandet. Testa även ett kort med en längre rubrik, eftersom en mall som fungerar med provtext kan gå sönder med verkligt innehåll.

Det här behöver ni tänka på

Börja inte med att krympa allt för att få plats. Prioritera informationen och låt layouten anpassas. Kontrollera att långa länkar, dynamiska namn och knappar inte klipps. Bestäm vilka mailprogram ni ska testa, dokumentera skillnader som accepteras och spara ett referensutskick. Samma kontroller behöver göras när någon lägger till ett nytt innehållsblock i mallen.

Läs vidare hos källan

Mailchimp: förhandsgranska och testa mail. Förklaringen och exemplen på den här sidan är skrivna av Posty. Plattformars funktioner och villkor kan ändras.

TA HJÄLP AV POSTY

Mail som går att använda på mobilen.

Vi bygger och förbättrar mallar med läsbar text, tydliga knappar och block som anpassas till skärmen. Ni får testning i de mailprogram och enheter vi kommer överens om.

Vi bestämmer omfattning och fast pris före start.

Relaterade ord

CTA
CTA står för call to action: en uppmaning som visar vad mottagaren kan göra härnäst. I ett mail är det ofta en länk eller knapp.
Preheader
En preheader är den förhandsrad som många mailprogram visar intill eller under ämnesraden i inkorgen. Den ger ytterligare sammanhang innan mailet öppnas.
Personalisering
Personalisering innebär att anpassa innehåll till en mottagare med hjälp av tillgängliga uppgifter, preferenser eller tidigare handlingar.