18.07.2013 Views

Designguide för e-post - Apsis

Designguide för e-post - Apsis

Designguide för e-post - Apsis

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

HTML- och CSS-stöd. Skapa istället en enkel form och skilj alltid<br />

på text och bild. Lägg alltså inte text som bilder eller i bilder. Om<br />

du har särskilda typsnitt du brukar använda i dina trycksaker och<br />

på hemsidan kommer dessa troligtvis inte att fungera <strong>för</strong> e-<strong>post</strong>.<br />

Håll dig till de webbsäkra typsnitten.<br />

Två sorters bakgrundsbilder som fungerar<br />

Det finns två typer av bakgrundsbilder du kan använda i e-<strong>post</strong> och<br />

de beter sig lite olika beroende på vilken e-<strong>post</strong>klient mottagaren<br />

sitter på. En del e-<strong>post</strong>klienter, bland annat Outlook 2007 och<br />

Lotus Notes, saknar stöd <strong>för</strong> den ena varianten av bakgrundsbilder.<br />

Just dessa två e-<strong>post</strong>klienter är ganska stora och vanliga i<br />

kontorsvärlden så du gör bäst i att bygga en design som inte är<br />

beroende av att bakgrundsbilder av den här typen fungerar.<br />

Det som händer i e-<strong>post</strong>klienter med saknat stöd <strong>för</strong><br />

bakrundsbilder är att bilderna helt enkelt <strong>för</strong>svinner. De lämnar<br />

dock inga rutor eller röda kryss efter sig som vid bildblockering.<br />

Den ena varianten kan du lägga som en bakgrundsbild bakom<br />

nyhetsbrevet, det vill säga som e-<strong>post</strong>fönstrets bakgrund. Just<br />

denna typen av bakgrund fungerar både i Outlook 2007 och Lotus<br />

Notes, däremot saknar den stöd i många välkända webbaserade<br />

e-<strong>post</strong>klienter som Gmail och Hotmail.<br />

Den andra varianten<br />

lägger du som en eller<br />

flera bakgrundsbilder<br />

i brevet. Du lägger<br />

bilden som bakgrund<br />

på det objekt du vill<br />

ha den, till exempel på<br />

en ruta med text. Det<br />

är den här typen av<br />

bakgrundsbilder som<br />

Outlook 2003<br />

Mmm... melon!<br />

Sommarens skönaste<br />

frukter i en svalkande<br />

lag med stjärnanis och<br />

mynta.<br />

Outlook 2007<br />

Mmm... melon!<br />

Sommarens skönaste<br />

frukter i en svalkande<br />

lag med stjärnanis och<br />

mynta.<br />

är mest användbara, men de <strong>för</strong>svinner i Outlook 2007 och Lotus<br />

Notes. Däremot fungerar de i Gmail, Hotmail och många andra<br />

klienter.<br />

För att sammanfatta är det ofta bäst att låta bli bakgrundsbilder<br />

helt och hållet och sträva efter en design som ser likadan ut i<br />

alla e-<strong>post</strong>klienter. Bakgrundsbilder innefattar även bakgrundsfärgtoningar,<br />

att exempelvis tona en bakgrund från ljust till mörkt.<br />

Animationer och script passar inte i e-<strong>post</strong><br />

GIF-animationer fungerar i de flesta stora e-<strong>post</strong>klienter men<br />

inte i Microsoft Outlook 2007. Första bildrutan syns, men resten<br />

visas inte. Placera där<strong>för</strong> det viktigaste i <strong>för</strong>sta rutan om du tänker<br />

använda GIF-animationer – då syns den som en vanlig bild.<br />

Flash fungerar ytterst sällan i e-<strong>post</strong>. Om du gör ett e-<strong>post</strong>utskick<br />

med Flash-animationer är det väldigt få mottagare som kommer att<br />

se dem på ett korrekt sätt.<br />

Samma sak gäller <strong>för</strong> JavaScript. Även om det finns stöd <strong>för</strong><br />

JavaScript i enstaka klienter blockeras det ofta av säkerhetsskäl.<br />

Formulärkod i form av enkäter, anmälningsformulär, sök- och<br />

inloggningsfält fungerar inte i de flesta e-<strong>post</strong>klienter. Länka vidare<br />

ut på webben till den här typen av innehåll.<br />

Avregistreringslänken bör vara tydlig<br />

En tydlig länk <strong>för</strong> avregistrering är viktig av flera anledningar.<br />

Den skapar ett <strong>för</strong>troende hos mottagaren. Känslan att man<br />

snabbt och enkelt kan avregistrera sig är viktig och bidrar till att<br />

nyhetsbrevet inte upplevs som påtvingande. En positiv bieffekt är<br />

att du minskar risken att bli svartlistad, något som kan hända om<br />

många mottagare hellre markerar ditt brev som spam än letar upp<br />

avregistreringslänken.<br />

Undvik att lägga länken i en bild eller som en bildknapp då många<br />

blockerar bilder. Du vill att mottagaren ska få tillgång till den<br />

oberoende av de tekniska <strong>för</strong>utsättningarna.<br />

Det bästa är att ha en avregistreringslänk både högst upp och<br />

längst ner i e-<strong>post</strong>utskicket.<br />

10 11

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!