Designguide för e-post - Apsis
Designguide för e-post - Apsis
Designguide för e-post - Apsis
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