Dobrá webová notifikace se dá pochopit během okamžiku. Příjemce pozná odesílatele, rozumí hlavní informaci a ví, kam jej kliknutí zavede. Výsledný vzhled se mění podle zařízení a prohlížeče, proto návrh musí fungovat jako informační systém, ne jako přesně nalinkovaný banner.
1. Odesílatel buduje orientaci a důvěru
Název má být konzistentní s webem a značkou, kterou návštěvník zná. Střídání názvů nebo používání technického označení domény může příjemce mást. Odesílatel odpovídá na první otázku: kdo mi tuto zprávu posílá?
2. Ikona musí být čitelná v malé velikosti
Nejlépe funguje jednoduchý znak bez drobného textu a jemných detailů. Zkontrolujte bezpečný okraj a kontrast na světlém i tmavém pozadí. Ikona pomáhá rozpoznání, nenese však hlavní sdělení.
3. Nadpis říká, co se změnilo
První slova mají největší šanci zůstat viditelná. Dejte do nich produkt, termín, téma nebo jiný konkrétní důvod. Vynechte úvodní vatu typu „Máme pro vás skvělou novinku“, pokud lze novinku rovnou pojmenovat.
4. Doprovodný text přidává nový kontext
Text nemá pouze opakovat nadpis. Může doplnit datum, cílovou skupinu, dostupnost nebo jednu podmínku. Úplné vysvětlení nechává cílové stránce.
| Prvek | Otázka, na kterou odpovídá | Častá chyba |
|---|---|---|
| Odesílatel | Kdo píše? | Neznámý technický název |
| Ikona | Poznám značku? | Drobné nečitelné detaily |
| Nadpis | Co je nové? | Obecná reklamní fráze |
| Text | Proč to otevřít? | Opakování nadpisu |
| Odkaz | Kam se dostanu? | Obecná homepage |
5. Cílový odkaz dokončuje význam zprávy
Produktová novinka vede na produkt, termínová zpráva na rezervaci a článek na konkrétní text. Po kliknutí musí návštěvník okamžitě poznat, že dorazil správně. Odkaz před odesláním otestujte na telefonu i počítači.
Volitelné prvky nesmí nést jedinou důležitou informaci
Větší obrázek nebo akční tlačítko mohou zlepšit orientaci, ale nemusí být dostupné ve všech prostředích. Základní textová vrstva proto musí fungovat samostatně. Návrh ověřujte na reálných zařízeních, ne pouze v editoru.
✓ Odesílatel je rozpoznatelný
✓ Ikona funguje v malé velikosti
✓ Nadpis začíná hlavní informací
✓ Text doplňuje nový kontext
✓ Zpráva funguje bez obrázku
✓ Odkaz vede na přesný detail
✓ Cílová stránka odpovídá slibu
✓ Vzhled je otestovaný v praxi
Nejčastější otázky
Kolik textu se v notifikaci zobrazí?
Záleží na zařízení, systému a prohlížeči. Nejdůležitější informaci proto umístěte na začátek.
Je obrázek povinný?
Ne. Zpráva musí být srozumitelná i bez něj.
Kam má vést odkaz?
Na nejpřesnější stránku odpovídající sdělení, nikoliv automaticky na homepage.