Jak vytvořit tlačítko v newsletteru

Messengery se staly nedílnou součástí komunikace a možnost vytvořit tlačítko v newsletteru je vynikající příležitostí pro marketing a propagaci podnikání.

V tomto článku se podíváme na to, co je potřeba k vytvoření e-mailových tlačítek a jak vám mohou pomoci zvýšit zapojení publika a dosáhnout vašich marketingových cílů.

Proč potřebujeme tlačítka?

Tlačítka zlepšují interakci uživatelů a zvyšují efektivitu vašich e-mailových kampaní.

Pokud tlačítka nemáte, bude váš newsletter vypadat takto: „Zadejte 1 pro provedení A, zadejte 2 pro přechod na B“

Když máte ve svých newsletterech tlačítka – řeknou jednoduše „Provést A“, „Přejít na B“ – a uživatel stačí stisknout požadované z nich prstem. Je to 100x jednodušší než cokoliv psát.

Kdy můžete používat tlačítka v newsletterech?

Možnosti messengerů se mezi sebou liší a ne vše je všude stejné, ale jeden princip zůstává společný: tlačítka mohou používat pouze roboti.

Navíc jsou roboti oficiální, ne šedí, když zaregistrujete svůj účet v nějaké šedé automatizační službě. Bot musí být vytvořen pomocí oficiálních prostředků poskytovaných tímto konkrétním messengerem.

Obvykle tato slova „vytvořit bota“ nebo „připojit bota“ lidem připadají jako něco extrémně složitého, technického, na úrovni černé magie, ve skutečnosti na tom není nic složitého.

V Telegramu nebo Viberu se jednoduše nazývá „bot“ a je vytvořen pomocí specifických prostředků. Zde jsou podrobné články o tom, jak vytvořit bota v Telegramu a Viberu.

V WhatsApp je bot vytvořen pomocí speciálního mechanismu zvaného WhatsApp Business API – zde je o něm podrobný článek.

Jinými slovy, zopakujme si to ještě jednou – váš BĚŽNÝ účet nemůže v zásadě používat tlačítka, to umí pouze oficiální boti.

Jak vytvořit tlačítko v newsletteru <strong>pracovní</strong>

Kromě vytváření tlačítek v newsletterech musíte také zvážit, co se stane, když na ně uživatelé kliknou.

To se provádí připojením speciálního konstruktoru botů, který „obsluhuje“ připojeného bota a určuje logiku jeho chování. Existuje velké množství takových konstruktérů botů, včetně naší služby Chotam.ru – podporujeme oficiální roboty pomocí tlačítek v nejpopulárnějších sociálních sítích a messengerech.

Optimalizace tlačítek – Jak vytvořit tlačítko ve zpravodaji <strong>efektivní</strong>

Pokud už nějakou dobu děláte marketing online a na sociálních sítích, už víte, že účinnost vašich výzev k akci do značné míry závisí na tom, jak vypadají a jaké výsledky přinášejí.

1. Určete účel tlačítka

Musíte jasně definovat, k jakému účelu bude sloužit. Můžete například chtít, aby uživatelé navštívili váš web, stáhli si aplikaci, zanechali kontaktní údaje nebo provedli nákup. Pochopení svého účelu vám pomůže přizpůsobit tlačítko a učinit jej pro vaše publikum přitažlivějším.

2. Vyberte si vhodný messenger

Každý messenger má své vlastní vlastnosti a možnosti. Například Telegram, WhatsApp a VKontakte poskytují různé nástroje pro vytváření tlačítek. Před vytvořením tlačítka se ujistěte, že zvolený messenger podporuje funkce a integrace, které potřebujete.

3. Text a design tlačítka

Text na tlačítku by měl být krátký a informativní. Použijte jazyk, který nejlépe vystihuje účel tlačítka. Důležitou roli hraje také design tlačítka. Mělo by být nápadné a odlišovat se od ostatních prvků ve sdělení. Zvažte použití kontrastních barev (podporovaných Viber a VKontakte) a atraktivních emotikonů (ne vždy možné).

Po vytvoření newsletteru s tlačítky jej nezapomeňte otestovat. Ujistěte se, že vše funguje správně na různých zařízeních a v různých messengerech. Zkontrolujte, zda tlačítko správně provádí vybranou akci. Testování pomůže vyhnout se negativním zkušenostem uživatelů.

Po spuštění newsletteru pomocí tlačítka sledujte jeho efektivitu. Analyzujte, kolik uživatelů použilo tlačítko a dosáhlo cíle. Pokud výsledky nejsou uspokojivé, můžete experimentovat s textem, designem a umístěním tlačítka.

Používání tlačítek ve vašich newsletterech může výrazně zlepšit výsledky vaší marketingové kampaně.

Může to být mocný nástroj pro zapojení publika, zvýšení konverzí a dosažení vašich obchodních cílů. Dodržováním výše uvedených kroků a pravidelnou analýzou výsledků budete schopni vytvořit efektivní tlačítka, která vám pomohou dosáhnout úspěchu v messenger marketingu.

Tlačítka jsou nedílnou součástí každé aplikace nebo webové stránky. Bez nich by uživatelé nebyli schopni plně interagovat s rozhraním. Jak ale vytvořit efektivní tlačítka, která budou lidi motivovat k akci? O tom si povíme v dnešním článku.

Tlačítka jsou jedním ze základních prvků uživatelského rozhraní interaktivního designu. Některá ze složitějších rozhraní mohou obsahovat stovky tlačítek. Většina společností měří svůj úspěch počtem kliknutí. Proto je velmi důležité sdělit uživateli, jak tlačítko funguje a kam ho zavede. V průběhu let jsme naše tlačítka zdokonalovali a nakonec se nám je podařilo udělat téměř dokonalými.

Tlačítka umožňují uživatelům ovládat produkt a dosahovat svých cílů. Pomáhají jim procházet rozhraním, měnit obsah nebo provádět obojí.

Zásady

Jak vysvětluje Google, dobré tlačítko by mělo být konzistentní 3 kritéria: být rozpoznatelný, snadno vyhledatelný a pochopitelný. Ve společnosti Wix za těmito zásadami stojíme.

1. Uvolněte tlačítko

Tlačítko by mělo jasně sdělovat, jakou funkci plní, a nenechávat žádný prostor pro interpretaci. Text je hlavním prvkem, který vysvětluje jeho účel.

Samozřejmě můžete přidat ikonu, která pomůže identifikovat a pochopit kontext. Ale bez textu to nebude dávat smysl. Text je příslibem toho, co se přesně stane po kliknutí na tlačítko.

Někdy tlačítka vysílají více zpráv najednou a text a ikona mohou předávat různé informace.

V případě tlačítka „Další akce“ text znamená, že zde najdete více akcí, a ikona znamená, že další akce se zobrazí v rozevíracím seznamu, který se otevře po kliknutí na šipku.

Případová studie

V roce 2019 se tým Wix rozhodl změnit hierarchii tlačítek. Když jsme poprvé spustili, pouze primární tlačítka CTA měla text a sekundární tlačítka obsahovala ikony. Po aktualizaci budou všechna naše tlačítka obsahovat text nebo text + ikonu. Tato malá změna měla za následek výrazný nárůst kliknutí na tlačítko Vytvořit novou složku, stejně jako na další tlačítka umístěná v horní liště vedle hlavní výzvy k akci.

Zde je vizuální srovnání obou řešení:

2. Udělejte z tlačítka pohodlné vyhledávání

Tlačítka by měla být umístěna tam, kde je uživatelé očekávají, že je najdou. Hlavní akce by měla vždy zůstat viditelná a umístěná nahoře. Položky nabídky mohou vypadat neutrálně, ale měly by být také jasně viditelné. Do vyskakovacích oken lze skrýt pouze ty nejméně důležité akce, které nemají vliv na hlavní uživatelský scénář (např. „smazat“).

Neumisťujte akce a navigační položky do stejného seznamu. Uživatelé pravděpodobně nebudou očekávat, že zde najdou tlačítka, která nezapadají do kontextu.

V tomto příkladu položka Správce kategorií neodpovídá kontextu. Štítek na tlačítku Další akce označuje, že rozevírací seznam bude obsahovat akce, ale neoznačuje, že bude obsahovat položky navigace.

3. Zajistěte, aby bylo tlačítko rozpoznatelné

Uživatelé by měli okamžitě pochopit, které části rozhraní jsou statické a na které lze kliknout. Wix zvýrazní všechny klíčové akce modře. Světle modré odstíny lze použít pouze pro pozadí tlačítek.

V některých případech, například na barevném pozadí, nelze modrou použít kvůli nízkému kontrastu. Potom text, kontrast a tvar tlačítka určují, jak bude rozpoznatelné. Postupujte podle pokynů pro usnadnění přístupu k webovému obsahu a můžete dosáhnout toho, aby byl text dostatečně kontrastní pro čtení většiny uživatelů.

text

Text je nejdůležitějším prvkem, který vysvětluje účel tlačítka. Mělo by být jasné, předvídatelné a jednoduché. Začněte slovesem, které uživatele vybízí k akci. Sloveso by mu mělo sdělit, co se stane po kliknutí, aby mohl předvídat další postup. Používejte jednoduchý jazyk, kterému rozumí každá věková skupina.

Případová studie

Tým Wix provedl A/B test, který ukázal, že uživatelé častěji interagovali s tlačítky obsahujícími text. Testovali jsme tři řešení: pouze ikony, text pod ikonami a text na straně. Nejvíce se osvědčily verze s textem.

Po neúspěšném testování jsme se vrátili k původnímu rozložení.

A tady je finální verze, ke které jsme nakonec dospěli. Nejen, že jsme vyřešili počáteční problém, ale také jsme mohli zvýšit frekvenci používání karet.

Tato studie zjistila, že kopírování hraje zásadní roli v tom, jak jasná a účinná jsou tlačítka.

Text v kontextu

Text tlačítka by měl odrážet kontext. Ujistěte se, že uživatel ví, jaké akce má k dispozici. Například modální výstrahy se rychle objeví a změní rozvržení. Proto musí být akce, které obsahují, extrémně jasné.

Méně popisná tlačítka jako „Jasně, díky” jsou přijatelné v modálních oknech, která jednoduše uvádějí fakta, jako například “úspěch” nebo “Dva uživatelé nemohou upravovat soubor současně.“.

ikony

Ikony pomáhají uživatelům porozumět kontextu. Často jsou však mylně interpretovány. Ikony nevybízejí uživatele k akci jako text. Z tohoto důvodu by tlačítka s pouze ikonami měla být používána opatrně.

Ikonová tlačítka jsou skvělá pro profesionální nástroje, kde uživatelé pravidelně klikají na ovládací prvky a pamatují si je. Text vedle ikon zvyšuje pravděpodobnost, že si jich uživatelé všimnou.

Tlačítko Upravit je to, které přitahuje největší pozornost uživatelů. Když umístíte kurzor na tlačítka ikon, jejich popisky se zobrazí v nápovědách, takže jejich účel je zřejmý.

Případová studie

Testování boční navigace ukázalo, že uživatelé Wix více interagovali s tlačítky, která obsahovala zpřístupňovací ikony (šipky).

Studie ukázala, jak mohou text a ikony spolupracovat, aby uživatelům poskytly kontext, který potřebují. Pomohou vám pochopit, která tlačítka vedou na jinou stránku a která zobrazují další možnosti.

Hierarchie

Aplikace obvykle obsahují více akcí. Některé z nich se používají neustále, jiné jen čas od času. Ne každé tlačítko vyžaduje zvláštní pozornost, ale všechna by měla zůstat viditelná. Dobrá hierarchie znamená, že jakákoliv akce bude v případě potřeby snadno nalezena. Existuje několik způsobů, jak vytvořit hierarchii.

umístění

Nejdůležitější akce by měly být umístěny na nejviditelnějším místě; Ve Wix je to pravý horní roh stránky. Čím níže tlačítko, tím méně nápadné bude.

V jazycích, které jsou psány zleva doprava, je správnější umístit hlavní výzvu k akci jako poslední na pravou stranu. Uživatelé obvykle provedou akci po zkontrolování všech dostupných možností. Podle psychologa Hermanna Ebbinghause se první a poslední prvek v posloupnosti pamatují nejsnáze. Tato tendence se nazývá efekt konzistentního umístění a používá se v UX designu.

Akcenty

Je potřeba klást důraz. Upozorňujeme, že ne všechna tlačítka musí být zvýrazněna stejně. Na každé stránce může být pouze jedna hlavní akce. Zbytek jsou sekundární nebo terciární.

Styl

Každé tlačítko může mít svůj vlastní styl, podle jeho účelu. Sada stylů tvoří designový jazyk, který zákazníci používají při interakci s aplikací. Můžete navrhnout univerzální tlačítka, navigační tlačítka, tlačítka pro stahování a tlačítka, která vám umožní sdílet obsah na sociálních sítích různými způsoby. Každý značkový produkt může mít vlastní sadu stylů.

velikost

Tlačítka mohou mít různé velikosti. Velká tlačítka by měla být umístěna v poměrně prostorných, vzdušných uspořádáních, zatímco malá tlačítka by měla být umístěna v malých, stísněných rozhraních.

Shrnutí

Správně vytvořená hierarchie činí stránku harmonickou, takže uživatel snáze taková rozhraní vnímá. Příklad Wix Seatings Map Builder (snímek obrazovky níže) ukazuje, jak různé vlastnosti tlačítka pomáhají vytvořit jasnou hierarchii akcí – primární, sekundární a nejméně důležité.

• Hlavní (Uložit): Nejvyšší kontrast, tlačítko je rozhodující pro dosažení hlavního cíle.
• Vedlejší (náhled): snadné nalezení na obrazovce, pomáhá dosáhnout hlavního cíle.
• Nejméně důležité: skryté pod tlačítkem ikony a nesouvisí s hlavním účelem, například: “Upravit lístek”.

Každá akce je doprovázena jasným textovým štítkem, který pomáhá uživatelům na první pohled pochopit, co tlačítko dělá. Ikony v tlačítkách jsou jednoduché, rozpoznatelné a splňují průmyslové standardy.

V tomto článku jsme shromáždili zkušenosti mnoha designérů z různých týmů. Velké díky všem, kteří se podělili o své příklady, nápady, zpětnou vazbu nebo jen vytvořili skvělé produkty, které inspirovaly tento článek ☺️