Detta är den andra artikeln av tre i vår serie ”Mobilanpassade nyhetsbrev”. Om du missat del 1 finns den tillgänglig i innehållsförteckningen nedan.
Del 2. Tips & Tricks – Vad bör jag tänka på?
Del 3. Vår blockeditor är mobilanpassad!
Nyhetsbrev i en mobil värld
I den första artikeln i denna serie gick vi igenom hur dagens användare tar in information och olika scenarion man måste ha i åtanke för att inte tappa sina läsare. Nu ska vi ta den nyfunna kunskapen och applicera detta på vårt nästa utskick.
Storleken (kb) på nyhetsbrevet
Precis som vi nämnde i första artikeln finns det inga garantier för att dina mottagare har en bra uppkoppling på sin mobila enhet, så tänk på att inte ha för mycket stora bilder i ditt nyhetsbrev. Detta förlänger laddningstiden och många lämnar ditt nyhetsbrev innan det hämtats klart.
Större klickyta
I iOS Human Interface Guidelines rekommenderar Apple att klickytan minst bör vara 9 × 9 mm. Detta är viktigt att ha i åtanke för att undvika att användaren klickar fel. För att illustrera vad den ytan motsvarar på en iPhone har vi gjort en bild nedan:
Få gillar att zooma
Dagens grundmallar till vår blockeditor har delvis anpassats efter mobila enheter då vi har testat så att de visas på samma sätt som för större skärmar. Dock zoomar alla mobila enheter ut för att få plats med hela nyhetsbrevet och häri ligger problemet. Våra grundmallar har en bredd på 580px och en iPhone är endast 320px bred. Det innebär att nyhetsbrev som landar i mottagarens smart phone är nästintill oläsbart om inte användaren zoomar.

Använd endast en kolumn
När man skapar nyhetsbrev för mobila enheter är det svårt att få plats med två eller fler kolumner eftersom bredden är så pass begränsad, tänk därför på att helst endast använda en kolumn. Detta sker per automatik om du använder någon av våra kommande responsiva grundmallar. Du kan alltså skapa ditt nyhetsbrev med block fördelade i flera kolumner precis som vanligt. Om en prenumerant öppnar ditt nyhetsbrev på en dator ser det ut precis som när du skapade det, men på en mobil enhet staplas blocken ovanpå varandra och bildar endast en kolumn för att förbättra läsbarheten för läsaren. Smidigt, eller hur?

Gör inte texten för liten
Tänk på att inte göra texten allt för liten. Standard för många är fortfarande 12 pixlar. En personlig åsikt är att detta är för litet och vi föredrar att använda 14-16 pixlar för brödtext. Det är okej att förminska detta något för mobila enheter då en mobilskärm oftare ses på närmare håll än en dator.
Få fram ditt budskap snabbt
Det framgick i första artikeln att många läser sina mail under relativt stressiga förhållanden. Många mobila användare läser mail på t-banan eller på ett café. Med detta i åtanke är det väldigt viktigt att snabbt framföra sitt budskap. Försök att placera den viktigaste informationen tidigt i nyhetsbrevet och se till att kärnan av ditt budskap framgår tydligt.
Vad kommer härnäst?
I nästa artikel ska vi äntligen börja bygga våra nyhetsbrev. I takt med att önskemålen blivit fler och fler har vi äntligen anpassat vår blockeditor för mobilanpassade nyhetsbrev. När denna artikelserie är slut kommer de nya mallarna finnas tillgängliga i verktyget. Håll utkik efter Del 3 i morgon.
Uppdatering 2013-05-23. Tyvärr är vi inte helt färdiga med de mobilanpassade mallarna ännu och därför har vi inte publicerat den sista artikeln i denna serie. Om allt går enligt planerna kommer både mallarna och det sista inlägget i början av vecka 22.
Helt rätt i tiden!
Har själv gjort om min hemsida med tanke på mobilen.
Förstod jag dig rätt när jag uppfattade det som att nyhetsbreven blir responsiva dvs. anpassar sig efter den enhet som läser brevet?
Ser fram emot de nya mallarna.
Hej Per!
Det stämmer. Vi använder den responsiva tekniken för att omstrukturera innehållet på mobila enheter.
Med största sannolikhet finns mallarna tillgängliga imorgon.
Ha det så bra!
/ Simon