Viete, že drvivá väčšina používateľov kontroluje svoje e-maily na mobilných zariadeniach? Podľa najnovších štatistík je pravdepodobnosť, že váš e-mail bude otvorený na smartfóne alebo tablete, výrazne vyššia ako na počítači. Štatistiky hovoria už o 50-70% otvorení na mobilnom zariadení.
Ak váš e-mail nie je optimalizovaný pre mobilné zariadenia, riskujete, že stratíte záujem veľkej časti vašich zákazníkov. Tento článok vám ukáže, ako vytvoriť e-maily, ktoré budú na mobiloch vyzerať profesionálne a funkčne.
1. Veľkosti a typy fontov
Nadpisy:
Používanie vhodnej veľkosti fontov je prvý krok k zabezpečeniu čitateľnosti. Odporúča sa:
16–22 px: Nadpisy by mali byť dostatočne veľké na pritiahnutie pozornosti, ale nie natoľko, aby pôsobili rušivo.
Minimálna veľkosť: 16 px (zabezpečuje čitateľnosť bez potreby zoomovania).
Telo textu:
14–16 px: Toto je ideálna veľkosť pre čítanie na mobiloch. Menšie písmo ako 14 px môže byť obtiažne čitateľné.
Odkazy a tlačidlá:
Minimálne 16 px: Text v odkazoch alebo tlačidlách by mal byť dostatočne veľký, aby naň mohli používatelia ľahko kliknúť prstom.
Typy fontov:
Bezpatkové fonty (sans-serif):
Príklady: Arial, Helvetica, Roboto, Open Sans.
Sú čisté, moderné a dobre čitateľné na menších obrazovkách.
Patkové fonty (serif):
Príklady: Georgia, Times New Roman.
Menej často používané na mobiloch, no ak ich použijete, dbajte na dostatočnú veľkosť a vhodné riadkovanie.
Riadkovanie:
Použite riadkovanie 1.4–1.6, aby bol text lepšie čitateľný.
2. Rozloženie e-mailu a šírka textu
Maximálna šírka:
Obmedzte šírku textu na 600 px. Tento rozmer zabezpečuje, že sa obsah správne zalomí na menších obrazovkách.
Responzibilita:
E-mail by mal byť plne responzívny, tzn. jeho obsah sa automaticky prispôsobí veľkosti obrazovky zariadenia. Na to použite:
Flexibilné rozloženia: Použite percentá namiesto pevných pixelov na definovanie šírky prvkov.
Media queries: CSS pravidlá na prispôsobenie dizajnu pri rôznych veľkostiach obrazovky.
3. Používanie obrazkov
Veľkosť:
Optimalizujte veľkosť súborov: Obrazky by mali byť dostatočne kvalitné, ale nie príliš veľké na spomalenie načítania (odporúča sa maximálna šírka 600 px).
Alternatívny text (alt text):
Vždy priraďte obrazkom alternatívny text pre prípad, že sa nezobrazia správne.
Formáty:
Preferujte moderné formáty ako JPEG alebo PNG. Ak je to možné, použite WebP na zlepšenie rýchlosti. WebP sa však nezobrazí v starších typoch emailových klientov, preto radšej klasika JPEG/PNG.
4. Tlačidlá a odkazy
Veľkosť tlačidiel:
Minimálny rozmer tlačidla: 44x44 px.
Klikateľnosť:
Zabezpečte dostatočný odstup medzi klikateľnými prvkami, aby nedochádzalo k nechceným klikom.
Dizajn tlačidiel:
Použite kontrastné farby a zaoblite rohy pre moderný vzhľad.
5. Súborové prílohy
Veľkosť: Minimalizujte veľkosť príloh na maximálne 5 MB.
Formáty: Používajte bežné formáty ako PDF, aby boli kompatibilné so väčinou zariadení.
6. Používanie videí
Ak chcete použiť videá, radšej ich vložte ako odkaz na externé platformy (napr. YouTube) namiesto ich priameho vkladania do e-mailu.
Používajte GIF animácie ako alternatívu, ak chcete zachytiť pohyb.
7. Vzhľad a šablóny
Jednoduchosť: Menej je viac. Vyhnite sa preplneným dizajnom.
Farby: Používajte farby, ktoré ladia s vašou značkou, a zabezpečte vysoký kontrast.
Testovanie: Testujte e-mail na rôznych zariadeniach a v rôznych e-mailových klientoch (napr. Gmail, Outlook).
8. Praktické odporúčania
Pred odoslaním hromadnej kampane otestujte e-mail.
Sledujte miery otvorenia, klikov a interakcie, aby ste vedeli optimalizovať obsah.
Dodržiavaním týchto odporúčaní zabezpečíte, že vaše e-maily budú nielen dobre vyzerať, ale aj efektívne plniť svoju funkciu na mobilných zariadeniach.
Komentáre
Zverejnenie komentára