Med nyhedsbrevs modulet i Dynamicweb kan du meget simpelt sende dine nyhedsbreve ud. Siden bliver sendt ud som en HTML side. Ligesom at der er forskel på hvordan de forskellige browsere læser HTML kode, så er der også forskel på hvordan de forskellige e-mail klienter læser HTML. Faktisk er der enormt stor forskel.
Microsoft Outlook er en af de mest brugte e-mail klienter og desværre også en af de dårligste til at læse HTML, da den faktisk bruger Microsoft Words API. På grund af den store forskel, så er standarden altså at kode nyhedsbrevet i tables, sådan som man lavede hjemmesider i gamle dage, for at få strukturen ens i alle e-mail klienter. So keep that in mind!
Du tænker måske at jeg som udvikler ikke bør fortælle jer designere hvad der er godt design omkring nyhedsbreve. Men følg mine råd så er du sikker på at dit design bliver vist som du gerne ville have det ude hos modtageren. De følgende punkter er ikke i rækkefølge og alle bør vægtes lige.
Størrelsen
E-mails bliver set igennem en e-mail klient, og ofte så har de en menu i en af siderne. De har endda noget i begge sider af det vindue hvor mailen bliver vist. Så derfor må en designet være maks 600px. Den perfekte størrelse skulle være et sted mellem 500-550px bred.
Kolonner
Du kender det sikkert godt, du vågner op om morgen og du får lige lyst til at tjekke om der er kommet nogen mails i indboksen. Du tager din iPhone eller smartphone op og begynder at gå ned igennem dem. De fleste er måske fra kunder, så det er jo bare ren tekst, men hvordan ser et nyhedsbrev ud på en så lille skærm? Ifølge statistik fra Campaign Monitor, så bliver ca. 15% af alle mails læst på en iPhone. Hvis du ser på designet af en applikation til en smartphone, så er det aldrig flere kolonner når det gælder tekst. Med det sagt, så tænk over designet. Prøv at hold det i en kolonne, da flere og flere læser deres mail fra en smartphone.
Baggrundsbilleder
Baggrundsbilleder er rigtigt dårligt supportteret i diverse e-mail klienter. Hvis et design kræver at der skal være et baggrundsbillede, så sørg for at der er en backup i form af en lækker farve til alle dem der blandt andet bruger Microsoft Outlook, Gmail eller Hotmail. Og husk det er faktisk muligt, at få et fedt design ud til brugeren ved brug af nogen fede farvekombinationer.
Tekst skygge
Ja, det er faktisk muligt at have skygge på sin tekst i e-mails, da dette er supportteret i de flest e-mail klienter. Det kræver dog lidt fra brugeren at se det. De skal ikke bruge Microsoft Outlook også kræver det at brugeren sidder med en nyere browser og ikke Internet Explorer 7 og 8.
Men gør det noget at de ikke har skygge, når alle de andre får? Jeg synes bestemt ikke, men det ser nu lidt federe ud hos de andre.
Håber at i kan bruge nogen af de tips til næste gang i skal designe et nyhedsbrev, om det er til jeres Dynamicweb løsning, Campaign Monitor eller MailChimp er lige meget, for tipsene er for alle. Hvis du har lyst til mere information om hvad der er supportteret i en e-mail så har Campaign Monitor en guide her.
Lidt inspiration kan findes det samme sted, men her er et par links til nogen pænt lækre nogen. Hvis i har Firebug installeret, så brug lige to minutter på at inspicere det, for der er mange gemte tips at hente der.
