De meeste mail wordt op een telefoon geopend. Een ontwerp dat op je 27-inch scherm prachtig is, kan op 375 pixels breed onleesbaar zijn.
De regels die het meeste opleveren
- Eén kolom. Twee kolommen naast elkaar worden op mobiel onder elkaar gestapeld, en dan klopt de leesvolgorde vaak niet meer. Ontwerp voor één kolom en maak daar op desktop desnoods twee van.
- Tekst van minstens 16 pixels. Kleiner wordt door sommige mailprogramma's automatisch vergroot, met een kapot ontwerp als gevolg.
- Knoppen van minstens 44 bij 44 pixels, met ruimte eromheen. Een tekstlink tussen andere tekst is met een duim nauwelijks te raken.
- Het belangrijkste bovenaan. Reken op ongeveer één schermhoogte voordat iemand besluit door te scrollen of weg te klikken.
- Grote, duidelijke beelden, maar niet zwaar. Boven de 200 kB per afbeelding merk je het op een trage verbinding.
Wat je niet moet doen
Een hele mail als één afbeelding opmaken. Hij is niet te vergroten, niet te selecteren, niet leesbaar met afbeeldingen uit, en het is bovendien een spampatroon.
Testen
Stuur jezelf een test en open hem op een telefoon voordat je verstuurt. Zie Hoe test ik een e-mail?. De templates in HummingHub zijn al op elk schermformaat getest; ga je zelf ontwerpen, houd deze regels dan aan.