Din tjekliste til optimalt mobilt responsivt e-mail-design

responsiv e-mail design tjekliste

Der er ikke noget, der virkelig skuffer mig så meget, som når jeg åbner en e-mail, jeg ser frem til på min mobile enhed, og jeg kan ikke læse den. Enten er billederne hårdkodede bredder, der ikke reagerer på skærmen, eller så er teksten så bred, at jeg bliver nødt til at rulle frem og tilbage for at læse den. Medmindre det er kritisk, venter jeg ikke på at komme tilbage til mit skrivebord for at læse det. Jeg sletter det.

Jeg er ikke den eneste - både forbrugere og virksomheder læser mere end halvdelen af ​​alle deres e-mails på mindre skærme nu. Responsivt e-mail-design er kritisk til dine e-mail-klikfrekvenser.

Da vi har implementeret responsive e-mails på stort set alle e-mail-serviceplatforme, når vi ofte ud til disse organisationer og tilbyder at hjælpe. Jeg har ærligt talt aldrig fået svar. Det er for dårligt - de betaler for en platform for at sende en e-mail, som ingen læser. Ændring af din e-mail-skabelon er let at retfærdiggøre. Forestil dig at gå op til printeren på dit arbejde og smide halvdelen af ​​papiret ... det er hvad du laver, når du ikke får dine e-mails lydhøre.

Der er kommet bedste praksis på denne markedsplads. Responsivt design er ikke så let - men det er heller ikke umuligt. Vi har fået folkene hos Email Monks til at hjælpe os, og de følger denne gennemprøvede tjekliste for at optimere din e-mail for at sikre, at den reagerer på mobil- og tabletvisningsportene.

  1. Design i en enkelt kolonne
  2. Design med fingrene i tankerne
  3. Hold Opfordringer til handling let kan tappes (minimum 44 pixel)
  4. Brug hvidt rum til let skumning
  5. Hold hovedet rent
  6. Optimer billedopløsninger til nethinden
  7. Brug ikke knapper til at skubbe sammen
  8. Giv tilknyttede telefonnumre
  9. Begræns emnelinjer til 30 tegn eller derunder
  10. Brug billedbredder, der er mindst 480 px, så de ikke sløres, når de strækkes på mobilen
  11. Må ikke bare skalere billeder, brug CSS-medieforespørgsler
  12. Begræns højden - kortere e-mails er lettere at skimme
  13. Hold vigtige opfordringer til handling over folden
  14. Test dine e-mail-designs på tværs af e-mail-klienter

Responsiv e-mail design tjekliste

2 Kommentarer

  1. 1

    Dette er virkelig en fantastisk og nicheartikel Douglas! Jeg lærte meget af dette.

    De fleste artikler taler om responsivt webdesign, det er første gang, jeg læser om responsivt e-mail-design. Virkelig fantastiske tip og trin, du har inkluderet herinde. Hvilken e-mail-marketingsoftware brugte du?

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.