Webová notifikace může obsahovat název odesílatele, ikonu, krátký nadpis, doprovodný text a podle prostředí také větší obrázek či akční prvky. Vzhled se ale mění podle operačního systému a prohlížeče. Dobrý návrh proto stojí na jasné hierarchii, ne na jednom přesném mockupu.
Nejdůležitější sdělení musí přežít každou variantu zobrazení
Nadpis nese hlavní informaci. Doprovodný text ji upřesňuje. Název a ikona pomáhají poznat odesílatele. Obrázek doplňuje náladu nebo produkt, ale nesmí být jediným místem, kde je důležitá informace.
Prostor se podle zařízení liší a text může být zkrácen. Klíčová slova proto patří na začátek a sdělení má dávat smysl i bez vizuálního doprovodu.
Ikona odpovídá na otázku „Kdo mi píše?“
Rozpoznatelný znak značky pomáhá příjemci rychle zařadit zprávu. Musí být čitelný i v malé velikosti, bez jemných detailů a drobných nápisů. Před exportem ověřte kontrast, bezpečný okraj a vzhled na světlém i tmavém pozadí.
Obrázek má jedno téma, ne celý reklamní banner
Větší vizuál může představit produkt, místo nebo atmosféru. Nepřidávejte do něj dlouhý text, ceny a několik značek; na malém prostoru se stanou nečitelnými. Výřez musí fungovat i tehdy, když prostředí zobrazí jen část fotografie.
| Prvek | Hlavní role | Častá chyba |
|---|---|---|
| Název odesílatele | Důvěryhodná identifikace | Nejasná nebo proměnlivá značka |
| Ikona | Rychlé rozpoznání | Příliš mnoho detailů |
| Nadpis | Hlavní informace | Obecná reklamní fráze |
| Text | Kontext a důvod | Opakování nadpisu |
| Obrázek | Produkt nebo atmosféra | Text vložený do fotografie |
Mockup nestačí: rozhoduje reálné zařízení
Stejná zpráva může mít jinou šířku, pořadí prvků nebo dostupné vizuální možnosti. Otestujte hlavní kombinace zařízení a prohlížečů svého publika. Kontrolujte také stav bez obrázku a situaci, kdy je text zkrácen.
- Ověřte text bez vizuálu.Musí zůstat jasný důvod ke kliknutí.
- Zmenšete ikonu.Zkontrolujte, zda je značka stále rozpoznatelná.
- Vyzkoušejte různé výřezy.Hlavní objekt nesmí zmizet.
- Otevřete cílovou stránku.Vizuál i sdělení musí pokračovat ve stejném tématu.
Nejčastější otázky
Musí každá notifikace obsahovat obrázek?
Nemusí. U provozní nebo velmi konkrétní zprávy může být čistá textová podoba přehlednější.
Je vhodné vložit text přímo do fotografie?
Obvykle ne. Na malém nebo oříznutém náhledu může být nečitelný. Klíčovou informaci vložte do nadpisu a textu zprávy.
Proč se notifikace na různých zařízeních liší?
Výsledný vzhled určuje kombinace operačního systému, prohlížeče a dostupných funkcí daného prostředí.