Jak navrhnout e-mail Lidé budou ve skutečnosti číst na svých telefonech
E-mailový marketing je jedním z nejpopulárnějších způsobů, jak oslovit publikum. Počkejte, pravděpodobně to nejsou nové informace. Věděli jste však, jaká bude většina těchto názorů na mobilním zařízení? Takže pokud nechcete navrhovat své e-maily pro telefony, je tento den začít.
Navrhování mobilního e-mailu vyžaduje plánování a přemýšlení. Mnoho e-mailových softwarových klientů třetích stran obsahuje responzivní šablony ve svých balíčcích, ale ne každý nástroj automaticky převede vaši zprávu na návrh nápadů. Musíte vymyslet, jak bude váš e-mail vypadat a ujistit se, že je zpráva zaměřena. Mohlo by to být dokonce ideální místo, kde začít s první strategií designu pro mobily.
Držte se jednoho sloupce
Může to být nejjednodušší rozhodnutí o designu, jaké jste kdy učinili: Pokud jde o mobilní e-mail, držte se jednoho sloupce. Toto rozhodnutí samo o sobě usnadní zvládnutí všech úvah kupředu. Řeší také řadu problémů s malými obrazovkami.
Jednosloupcový formát je pro uživatele s časovým omezením snadný, vytváří organizaci a tok. Je to také konstrukční standard pro všechno na malé obrazovce. (Přemýšlejte o každé aplikaci nebo hře, kterou otevřete. Obsahují vše v jednom svisle orientovaném designu.)
Formát s jedním sloupcem vás může donutit vyladit některé ze svých standardních návrhových kusů. Mobilní e-maily budou potřebovat zjednodušenou hlavičku a navigaci. Prvky návrhu by měly být poměrně malé, aby byl na první obrazovce viditelný začátek e-mailové zprávy.
Vytvořte větší typ
Jedním z největších problémů, pokud jde o mobilní e-mail, je čitelnost. E-maily by neměly být obtížně čitelné. Oprava je, aby se typ trochu zvětšil.
Standard pro typ mobilního e-mailu je mezi 14 a 16 body pro typ hlavního těla a 22 až 24 bodů pro titulky. A nezapomeňte vypnout dělení slov, což může rušit čtení malých bloků typu. Tento standard se stává tak běžným, že iOS společnosti Apple má minimální velikost písma 13 bodů a automaticky upraví cokoli méně.
Na první pohled by se to mohlo cítit nepříjemně. Při práci na návrhu pravděpodobně bude tento typ vypadat obrovsky, ale bude pohodlnější a uživatelé vám děkují s větším počtem otevření a větší dobou interakce.
Řekněte uživatelům, aby něco udělali
Mobilní e-mail potřebuje zřejmou výzvu k akci. Proč posíláte e-mail? Existuje pro uživatele prostor k provedení této akce?
Druhá otázka je pro designéry klíčová. V mobilních e-mailech není tolik způsobů, jak vytvořit sekundární podněty, jako jsou stavy vznášení, které obsahují tipy na nástroje, takže každý prvek musí být navržen tak, aby byla zřejmá akce uživatele. To může zahrnovat vše od vzhledu tlačítek po text - „Koupit nyní“, „Klikněte zde“, „Další informace“ - které se objeví v designu.
Pamatujte na obrázky opatrně
Existuje významný segment uživatelů, kteří ve skutečnosti neuvidí obrázky z mobilního e-mailového zpravodaje. Zařízení Apple iOS jsou jediným segmentem, kde se obrázky automaticky vykreslují v e-mailech. Takže zahrnutí obrázků by mělo být vědomým rozhodnutím.
Před úplným odhlášením obrázků proveďte malý průzkum. Studujte svou analytiku a zjistěte, z jakých typů zařízení uživatelé vaši zprávu sledují. Obrázky jsou důležitým nástrojem a neměly by být přehlíženy kvůli specifikacím zařízení.
Při použití obrázků v mobilních e-mailových projektech zvažte následující skutečnosti:
- Velikost. Obrázek by měl být viditelný bez posouvání.
- Složení. Obsah obrázku musí být srozumitelný v malé velikosti.
- HTML. Nespadejte do pasti vytváření textu nebo tlačítek do obrázků. Prvky textu a uživatelského rozhraní by měly být HTML a každý obrázek by měl mít podpůrný text HTML.
- Zpráva. Pamatujte, že zpráva musí být srozumitelná, i když uživatel obrázek nevidí.
- Nechoď přes palubu. Pokud plánujete použít obrázky, držte se jednoho. Uživatelé budou frustrovaní, zdá se, že většina zprávy chybí.
Rozdělte obrazovku ve svém konstrukčním rámci
Z hlediska designu mobilních e-mailů je jednoduchost králem. Vše od jazyka po design by mělo být jednoduché a snadno pochopitelné. Zpráva a výzvy k akci by měly být zřejmé.
Když uvažujete o mobilním designu, představte si, že malá obrazovka má tři části: Záhlaví a branding, úvodní zpráva a akce. V ideálním případě by každá z nich měla mít místo na první obrazovce návrhu e-mailu. (I když ne vždy.)
Zvažte zařízení a měřítko
Nejobtížnější věc, kterou je třeba při navrhování mobilních zařízení zvážit, jsou všechny možné velikosti obrazovky, na které bude e-mail vykreslen. Realita je taková: Je nemožné to udělat.
Ale můžete myslet na společné rysy. Apple iOS automaticky změní měřítko mobilních e-mailů tak, aby odpovídaly šířce obrazovky, takže pokud plánujete malou velikost obrazovky, je o to méně přemýšlet. (Ostatní operační systémy to zatím nedělají.)
Nejstandardnější šířka pro mobilní design je 640 pixelů široká. Výšky mají tendenci se trochu měnit. Seznam zařízení a velikostí najdete v technických tipech společnosti Ken's.
Zvažte dotyk a ergonomii
Prvky, na které je třeba kliknout nebo klepnout na mobilní e-mail, musí mít zřejmý design. To často zahrnuje navrhování těchto prvků s výraznější barvou a ve větších velikostech, než na které můžete být zvyklí.
Obecně by každý prvek, který je navržen pro akci uživatele, měl být dostatečně velký, aby se mohl snadno dotknout jedním prstem a měl by být jasně odlišitelný od blízkých objektů s dostatkem místa. Prvky by se měly také snadno dotýkat, přičemž je třeba brát v úvahu uživatele, kteří používají pouze jednu ruku k držení a dotyku předmětů na obrazovce.
- Standardní velikost pro „palec-friendly“ je čtvercová velikost nejméně 46 pixelů.
- Rozhodněte se pro volání po akci v plné šíři, aby se uživatelé s pravou nebo levou rukou mohli snadno dotknout.
Okolo klikatelných prvků ponechte dostatek volného prostoru. Pokud používáte odkazy v textu, na které je třeba kliknout, přidejte do odkazu další slova, abyste usnadnili dotyku odkazu a omezili počet vložených odkazů. Více odkazů blízko sebe zvyšuje šanci, že se uživatel dotkne nesprávného. Pro všechny odkazy používejte prvky designu, jako je barva a tučně, aby uživatelé měli zřejmé vizuální podněty, že text něco dělá.
Bonus: 5 věcí, kterým je třeba se vyhnout
Nyní, když máte představu, co dělat s mobilní e-mailovou kampaní, byste si měli pamatovat několik věcí, kterým byste se měli vyvarovat. Tyto běžné chyby jsou věci, které mohou zničit jinak skvělý mobilní e-mail.
- Zapomněli jste přidat navigaci. Zahrnujte velmi jednoduchou navigaci, která může uživatele přivést zpět na váš web, ale nezapomeňte jej optimalizovat pro mobily. Lišta navigace z vašeho webu je pravděpodobně špatně upravena pro mobilní zařízení.
- Vytvoření „jemné“ barevné palety. Uživatelé hodně upravují kontrast a barvu svých mobilních zařízení. Vyvarujte se barevných palet s jemnými odstíny nebo barvami bez velkého kontrastu. Musí to být čitelné.
- Malý typ na malém zařízení je vrah. Lidé budou posouvat. Udělejte typ dostatečně velký, abyste jej mohli snadno číst.
- Tlačítka, která jsou malá nebo skrytá pomocí standardních ikon uživatelského rozhraní. Přemýšlejte například o iPhone, kde se pokus objeví z dolní části obrazovky. Pokud do tohoto umístění umístíte tlačítka nebo prvky, budou se při pokusu uživatelů s nimi skrýt.
- Nepořádek je mobilní katastrofa. Určete jednu zprávu pro mobilní zařízení a držte se jí. Uživatelé nemají čas ani pozornost na filtrování velkého množství informací z e-mailu na svých telefonech.
Závěr
Design mobilních e-mailů může otestovat některé věci, které si myslíte o navrhování pro web. Je to jedinečný aspekt se zřetelnými úvahami. Mnoho věcí, které musíte zvážit, se liší od jiných projektů.
Moje doporučení je toto: Všechny vaše e-mailové zpravodaje nebo korespondence by měly být optimalizovány pro mobily. Vytvořte každou zprávu pomocí tipů výše a pak přemýšlejte o jakýchkoli menších změnách, které můžete provést pro větší formáty. Funguje to proto, že vytvoříte jednu a sjednocenou zprávu napříč platformami se zaměřeným nápadem. Než e-mailem přijdete, budete rozumět tomu, čeho chcete pomocí e-mailu dosáhnout, než začnete příliš daleko a brzy začnete dělat důležitá rozhodnutí o obsahu a nebudete mít pocit, že jste nuceni eliminovat obsah pro mobilní uživatele.
