Hvordan utforme en e-post folk faktisk vil lese på telefonene sine
E-postmarkedsføring er en av de mest populære måtene å nå et publikum på. Vent, det er sannsynligvis ikke ny informasjon. Men visste du hva et flertall av disse visningene vil være på en mobilenhet? Så hvis du ikke designer e-postene dine for telefoner, er dette dagen som begynner.
Å designe en mobil e-post krever planlegging og tanke. Mange tredjeparts programvareklienter for e-post inkluderer responsive maler i pakkene, men ikke alle verktøyene vil automatisk konvertere meldingen til ideen design. Du må tenke på hvordan e-posten din vil se ut og sørge for at meldingen er fokusert. Det kan til og med være det perfekte stedet å starte med en mobil-første designstrategi.
Hold deg til en kolonne
Det kan være den mest enkle designbeslutningen du noen gang tar: Når det kommer til mobil e-post, hold deg til et kolonneformat. Denne avgjørelsen alene vil gjøre enhver vurdering fremover lettere å håndtere. Det løser en rekke småskjermproblemer også.
Formatet med én kolonne er enkelt for brukere med tidsspenning, skaper organisering og flyt. Det er også designstandarden for alt på en liten skjerm. (Tenk på hver app eller spill du åpner. De har alt i en vertikalt orientert design.)
Formatet med én kolonne kan tvinge deg til å finpusse noen av standarddesignstykkene dine. Mobil-e-postmeldinger trenger en forenklet topptekst og navigasjon. Designelementer skal være ganske små, slik at starten på e-postmeldingen er synlig på den første skjermen.
Gjør typen større
En av de største problemene når det kommer til mobil e-post er lesbarhet. E-postmeldinger skal ikke være vanskelige å lese. Rettingen er å gjøre typen litt større.
Standarden for mobil e-posttype er mellom 14 og 16 poeng for hoveddelstype og 22 til 24 poeng for overskrifter. Og ikke glem å slå av bindestrek, som kan være distraherende for å lese små blokker av typen. Denne standarden blir så vanlig at Apples iOS har en skriftstørrelse på minimum 13 poeng og vil automatisk justere noe mindre enn det.
Dette kan føles ubehagelig med det første. Det ser ut til at typen ser stor ut når du jobber med designen, men det vil bli mer behagelig og brukere vil takke deg for flere åpninger og større samhandlingstider.
Be brukerne gjøre noe
En mobil e-post trenger en åpenbar oppfordring til handling. Hvorfor sender du e-posten? Er det et designet rom for brukere å fullføre denne handlingen?
Det andre spørsmålet er nøkkelen for designere. Det er ikke så mange måter å lage sekundære signaler i mobile e-postmeldinger, for eksempel svevetilstander som inneholder verktøystips, så hvert element må utformes på en måte som brukerhandling er åpenbar. Dette kan omfatte alt fra utseendet til knapper til tekst - "Kjøp nå, " "Klikk her, " Lær mer "- som vises i designet.
Tenk på bilder nøye
Det er et betydelig segment av brukere som ikke vil se bilder fra et mobilt nyhetsbrev. Apples iOS-enheter er det eneste segmentet der bilder automatisk blir gjengitt i e-post. Så inkludert bilder bør være en bevisst beslutning.
Før du velger bort bilder helt, må du undersøke litt. Studer analysene dine for å se hvilke typer enheter brukere ser meldingen din fra. Bilder er et viktig verktøy og bør ikke overses på grunn av enhetsspesifikasjoner.
Når du bruker bilder i designprosjekter for mobil e-post, kan du vurdere følgende:
- Størrelse. Bildet skal være synlig uten å rulle.
- Komposisjon. Innholdet i bildet må være forståelig i en liten størrelse.
- HTML. Ikke fall i den fellen å lage tekst eller knapper til bilder. Tekst- og brukergrensesnittelementer skal være HTML og hvert bilde skal ha støttende HTML-tekst.
- Beskjed. Husk at meldingen din må være forståelig selv om en bruker ikke ser bildet.
- Ikke gå over bord. Hvis du planlegger å bruke bilder, hold deg til en. Brukere vil bli frustrerte er mye av meldingen ser ut til å mangle.
Del skjermen i designrammen
Når det gjelder design av mobil e-post, er enkelhet konge. Alt fra språket til designet skal være enkelt og lett å forstå. Meldingen og handlingsfremmende tiltak skal være åpenbare.
Når du tenker på mobildesign, kan du tenke deg at den lille skjermen har tre deler: Header and branding, intro message and action. Ideelt sett bør hver av disse ha et sted på den første skjermen for e-postdesignen. (Skjønt ikke alltid.)
Vurdere enheter og skala
Det tøffeste du må tenke på når det gjelder mobildesign er alle mulige skjermstørrelser som en e-post vil gi på. Realiteten er denne: Det er umulig å gjøre.
Men du kan tenke på fellestrekk. Apple iOS skalerer automatisk mobile e-poster for å passe til bredden på skjermen, så det er en mindre ting å tenke på hvis du planlegger en liten skjermstørrelse. (Andre operativsystemer gjør ikke dette ennå.)
Den mest standardbredden for mobil design er 640 piksler bred. Høydene har en tendens til å variere litt mer. Du kan finne en liste over enheter og størrelser fra Ken's Tech Tips.
Tenk på berøring og ergonomi
Elementer som må klikkes eller tappes i den mobile e-posten, må ha en åpenbar design. Dette inkluderer ofte utforming av disse elementene med dristig farge og i større størrelser enn du kanskje er vant til.
Som en tommelfingerregel skal hvert element som er designet for brukerhandling være stort nok til å enkelt berøre med en finger og være tydelig skille fra objekter i nærheten med god plass. Elementene skal også være enkle å ta på, og ta i betraktning brukere som bare bruker en hånd til både å holde og berøre objekter på skjermen.
- Standarden i “tommelvennlig” størrelse er minst 46 piksler i kvadrat.
- Velg full oppfordring til handling i full bredde, slik at venstre- eller høyrehendte brukere kan ta på dem med letthet.
Tillate god plass mellom klikkbare elementer. Når du bruker koblinger i tekst som du må klikke på, legger du til flere ord i lenken for å gjøre det lettere å berøre koblingen og begrense antallet inline-koblinger. Flere koblinger nær hverandre øker sjansen for at en bruker berører feil. Bruk designelementer som farge og fet skrift for alle lenker, slik at brukerne har en tydelig visuell signal om at teksten gjør noe.
Bonus: 5 ting du må unngå
Nå som du har en ide om ting å gjøre med en mobil e-postkampanje, er det noen få ting du bør huske å unngå. Disse vanlige feilene er tingene som kan ødelegge en ellers stor mobil e-post.
- Glemmer å legge til navigasjon. Ta med superenkelig navigasjon som kan ta brukere tilbake til nettstedet ditt, men husk å optimalisere det for mobil. Nav-linjen fra nettstedet ditt er sannsynligvis skalert feil for en mobilenhet.
- Lage en "subtil" fargepalett. Brukere justerer kontrasten og fargen på sine mobile enheter mye. Unngå fargepaletter med myke fargetoner eller farger uten mye kontrast. Det må være lesbart.
- Liten type på en liten enhet er morder. Folk vil bla. Gjør typen stor nok til å lese lett.
- Knapper som er små eller skjult av standard UI-ikoner. Tenk på for eksempel iPhone, der forsøket dukker opp fra bunnen av skjermen. Hvis du plasserer knapper eller elementer på dette stedet, blir de skjult når brukere prøver å samhandle med dem.
- Rotet er en mobil katastrofe. Bestem en enkelt melding for mobil og hold deg til den. Brukere har ikke tid eller oppmerksomhet på å filtrere mye informasjon fra en e-post på telefonene sine.
Konklusjon
Mobil e-postdesign kan teste noen av tingene du tenker på å designe for nettet. Det er et unikt aspekt med distinkte hensyn. Mange av tingene du må vurdere er annerledes enn med andre prosjekter.
Min anbefaling er denne: Alle e-post nyhetsbrev eller korrespondanse bør være optimalisert for mobil. Lag hver melding ved hjelp av tipsene over, og tenk deretter på mindre endringer du kan gjøre for større formater. Dette fungerer fordi du vil lage en enkelt og enhetlig melding på tvers av plattformer med en fokusert idé. Du vil forstå hva du vil oppnå med e-posten før du kommer for langt sammen og tar viktige beslutninger om innhold tidlig i prosessen og ikke vil føle at du blir tvunget til å eliminere innhold for mobile brukere.
