Rozložení e-mailových zpravodajů: 6 životních hacků od návrháře

Ne všichni návrháři jsou připraveni zabývat se rozložením e-mailových zpravodajů. Písmena údajně pohánějí kreativitu do rigidního rámce. Myslíme si jinak: webový design písmen pomáhá skutečnému tvůrci otevřít se. Stejně jako v jiných oblastech má e-mail pravidla. Pokud je budete striktně dodržovat, poštovní zásilky budou vypadat skvěle na všech zařízeních a poštovních zařízeních a přinese obchodní příjmy.

Návrhář agentury SCHEMA Victoria sdílela životní hacky, jak vycházet s požadavky e-mailových klientů a psát skvělé dopisy i pro Outlook.

GIF

Mailery nemají rádi e-maily, které obsahují GIF nad pět MB. I když má váš seznam adresátů štěstí, že se dostal do „Doručené pošty“, jeho načtení bude trvat dlouho. Uživatelé nemají rádi těžké e-maily – podle statistik, pokud je zpráva načtena na více než tři sekundy, je odstraněna. I když jste oblíbenou značkou, existuje velká šance, že vaši práci nikdo neuvidí.

Co dělat?

Komprimujte soubory GIF. Upravím nastavení v aplikaci Adobe Media Encoder, abych získal požadovanou velikost GIF. Alternativně v programu Gifski, který vytvářím gif z videí, je vhodné upravit parametry obrázků v něm.

Případ z praxe: klient poslal hodinové video a požádal o vystřižení pár okamžiků s gify. Není to těžké, ale úkol jsme provedli jinak. Jde o to, že videa a GIF mají různé účely. Animace nenahradí video, ale funguje skvěle jako náhled v e-mailech.

písma

Existuje pouze 10 písem, která můžete volně používat pro sazbu písmen: Times New Roman, Tahoma, Ženeva, Arial, Verdana, Courier, Georgia, Palatino, Helvetica a Trebuchet MS. Samozřejmě můžete vzít jakékoli další. Bohužel, pokud v počítači uživatele nejsou nainstalována návrhářská písma, poštovní klient je automaticky nahradí standardními. Například Gmail používá Arial, iCloud Mail používá Helveticu a Outlook 2007/2010/2013 má rád Times New Roman.

Používám různá písma a často je vidím v e-mailech jiných návrhářů. Jakmile však otevřete dopis z telefonu, magie zmizí. Je smutné vidět, že designéra Gilroya nahrazuje podmíněný Arial. Okamžitě můžete vidět, že specialista nekontroloval, zda se seznam adresátů otevře správně.

V článku Monitorování kampaní můžete vidět, jak poštovní servery nahrazují nestandardní písma.

Co dělat?

  • Přijímejte a používejte standardní písma.

Například návrháři Bang Bang Education používají pouze Arial a Helvetica. Vypadá skvěle:

  • Doplňte text pomocí obrázků. To však není nejlepší řešení. Vysvětlení je v dalším odstavci.

Rozložení s obrázky

Díky této metodě bude bulletin originální a cool. Ale je tu problém – text nebude upraven tak, aby se vešel na obrazovku smartphonu, jako je verze HTML. Filtry spamu se navíc snaží nepropustit e-maily pouze s obrázky. Bude nepříjemné, pokud se zpráva, kterou zadáte na několik hodin, nedostane do vaší doručené pošty.

Co dělat?

Udělejte z obrázků pouze část seznamu adresátů, například banner.

Komprese obrázků

V doručené poště často vidím písmena s upřímně kalnými obrázky šakala. K tomu dojde, pokud pořídíte obrázek 600px pro poštu o šířce 600px. Po dlouhou dobu můžete bezpečně používat fotografie s více pixely.

Co dělat?

Stahujte x2 obrázků ze služby, ve které pracujete.

Adaptivní

Podle statistik je 9 z 10 uživatelů online ze smartphonu. Více než 50% nekontroluje svou poštu z počítače. To znamená, že rozložení pro poštovní zásilky by mělo být navrženo tak, aby bylo snadné změnit verzi pro stolní počítače na mobilní.

Aby nedošlo k přerušení adaptivní, nepřetěžujte záhlaví a zápatí informacemi . Máte písmeno, nikoli vstupní stránku 🙂

Co dělat?

  • Rozložení pro mobilní zařízení hned. Například v Stripo můžete vidět, jak bude zpráva zobrazena v desktopové a mobilní verzi.
  • Pamatujte na zlaté pravidlo e-mailového marketingu: jeden zpravodaj – jedna akce.

Tmavý motiv

Používáte tmavý motiv? Podle úřadu Android jej používá 81,9% uživatelů Androidu. 82,7% znalců počítačů Mac také preferuje temný režim operačního systému. Přestože jsou statistiky poměrně libovolné (anket se zúčastnilo 2514 a 201 lidí), temné téma by nemělo být ignorováno.

Ale spřátelit se s ní je těžké. Pokud vytváříte informační bulletiny v rozložení HTML a obsahují designové prvky, přepnutí na temné téma může všechno rozbít. Písma se mohou měnit, barvy lze převracet. Další informace o tom, jak jsme se snažili pracovat v temném režimu, najdete v článku RusBase „Přepnutí na temnou stránku: vytváření nočního motivu pro e-mailové zpravodaje.“

Co dělat?

  • Vytvářejte jednoduchá písmena s minimem grafiky. Zobrazí se dobře na všech zařízeních.
  • Použijte obrázky .png bez pozadí.
  • U tmavých log přidejte světlý a rozmazaný tah.

Jaký je konečný výsledek?

Rozvržení písmen je prostorem pro kreativitu, ale ne bez problémů. Na jedné straně e-mailoví klienti tlačili návrháře do rámců: nemůžete vkládat videa a těžké gify, obrázky jsou komprimovány, bloky se pohybují, temné téma vše zkazí. Na druhou stranu vám omezení pomohou najít zajímavé řešení.

Nebojte se experimentovat. Před odesláním dopisu však VŽDY zkontrolujte rozložení. A pokud vám dojde inspirace nebo se rozhodnete, že je třeba zlepšit svou poštu, napište nám. Pomůžeme.

Máte zájem o podobný design?

Další práce

Objednávka designu

Naše portfolio obsahuje stovky projektů: interiérový design, webové stránky, reklamní kampaně, loga, corporate identity. Každý úkol řešíme smysluplně, elegantně a krásně.

Abychom mohli začít, musíme si promluvit. Stačí něco říct o vašem projektu, nechat kontakty a my Vás budeme kontaktovat, abychom vše probrali.