Praktický postup pro výběr fotografie do web push notifikace. Naučíte se správně umístit hlavní motiv, pracovat s okraji, omezit text v obrázku a zkontrolovat čitelnost malého náhledu.
Nejvhodnější fotografie do notifikace má jeden jasný hlavní motiv umístěný s dostatečným odstupem od okrajů. Důležitá část snímku by neměla záviset na přesném poměru stran ani zasahovat do rohů. Text, cenu nebo slevový kód raději uveďte také v nadpisu či textu zprávy, ne pouze uvnitř obrázku.
Tento postup pomáhá marketérům a grafikům připravit vizuál, který zůstane srozumitelný i jako malý náhled nebo při odlišném zobrazení. Web push notifikace se totiž mohou zobrazovat různě podle zařízení, prohlížeče a oprávnění. Proto neexistuje jeden návrh, u kterého lze bez kontroly garantovat totožný výsledek všem příjemcům.
Začněte jedním hlavním motivem
Při výběru fotografie si nejprve položte jednoduchou otázku: co má člověk poznat během krátkého pohledu?
U produktové kampaně to může být konkrétní výrobek nebo hlavní zástupce nové kolekce. U hotelu pokoj, výhled či prostředí spojené s pobytem. U města nebo obce například jasně rozpoznatelné místo související s oznámenou událostí. Jde o ilustrační scénáře použití, nikoli o zákaznické reference nebo příslib konkrétního výsledku.
Vyhněte se fotografiím, na kterých o pozornost soupeří několik podobně výrazných prvků. Snímek, který dobře funguje jako velký banner, nemusí být srozumitelný v malém náhledu. Vhodnější bývá jednoduchá kompozice s jedním vizuálním ohniskem.
Praktický test je snadný: výrazně si fotografii zmenšete a podívejte se na ni bez přibližování. Pokud stále okamžitě poznáte hlavní motiv, máte dobrý základ.
Umístěte důležitý obsah mimo okraje
Při možném ořezu jsou nejzranitelnější prvky těsně u krajů. Neumisťujte proto obličej, produkt, logo, cenu ani jinou zásadní informaci přímo k hornímu, spodnímu nebo bočnímu okraji.
Kolem hlavního motivu ponechte volnější prostor. Nemusí jít o prázdné bílé pozadí. Stačí okolí, jehož částečné odstranění nezmění význam fotografie. U snímku produktu to může být plocha stolu, jednobarevné pozadí nebo méně důležitá část prostředí.
Při přípravě výřezu můžete postupovat takto:
1. Určete jediný prvek, který musí zůstat viditelný.
2. Posuňte jej blíže ke středu bezpečné části fotografie.
3. Zkontrolujte, zda kolem něj zbývá prostor pro případný ořez.
4. Vyzkoušejte několik užších i širších výřezů.
5. Ověřte, že všechny varianty stále sdělují stejnou informaci.
Konkrétní rozměry zde záměrně neuvádíme. Před přípravou finální grafiky je vhodné ověřit aktuální požadavky a výsledné zobrazení v používaném prostředí.
Text v obrázku používejte střídmě
Text vložený přímo do fotografie bývá při zmenšení obtížně čitelný a může se dostat mimo viditelnou část. Obrázek by proto neměl být jediným místem, kde příjemci sdělujete cenu, termín, slevový kód nebo hlavní výhodu nabídky.
NOTIFEE umožňuje u zprávy použít nadpis, text a cílový odkaz; zprávu lze doplnit ikonou a obrázkem. Klíčové sdělení proto napište přímo do textových polí notifikace. Fotografie má zprávu podpořit, nikoli nahrazovat.
Pokud text v obrázku potřebujete, držte se krátkého sdělení s výrazným kontrastem. Současně počítejte s tím, že příjemce musí pochopit nabídku i v případě, že nápis v obrázku nepřečte nebo se mu fotografie nezobrazí očekávaným způsobem.
Propojte fotografii, text a cílovou stránku
Fotografie má odpovídat tomu, co člověk uvidí po kliknutí. Pokud například propagujete konkrétní kolekci, použijte motiv, který ji věrně zastupuje, a odkaz směrujte na odpovídající cílovou stránku. Obecná ilustrační fotografie může vytvořit jiné očekávání než konkrétní nabídka.
Dobrá notifikace má jeden záměr a jednu hlavní výzvu. Nepokoušejte se do jednoho sdělení spojit novou kolekci, dopravu, soutěž a několik různých kategorií.
Modelový příklad pro e-shop
- Fotografie: jeden produkt z nové kolekce na jednoduchém pozadí, s volným prostorem kolem výrobku.
- Nadpis: Nová kolekce je online
- Text: Prohlédněte si právě přidané modely.
- Cílová stránka: stránka nové kolekce.
Modelový příklad pro hotel
- Fotografie: dominantní výhled nebo pokoj bez důležitých prvků u okrajů.
- Nadpis: Objevte pobytový balíček
- Text: Podívejte se na aktuální nabídku a dostupné termíny.
- Cílová stránka: detail konkrétního pobytového balíčku.
Modelový příklad pro lokální akci
- Fotografie: jedno rozpoznatelné místo nebo hlavní motiv akce.
- Nadpis: Přijďte na sobotní program
- Text: Podrobnosti a aktuální informace najdete na webu.
- Cílová stránka: stránka s programem a organizačními informacemi.
Tyto texty jsou pouze modelové. Před odesláním je upravte podle skutečné nabídky, cílové stránky a informací, které můžete doložit.
Jak fotografii zkontrolovat před odesláním
Před finálním schválením neposuzujte obrázek pouze ve zdrojovém grafickém souboru. Zobrazení web push zprávy závisí na zařízení, prohlížeči a oprávněních, proto je vhodné pracovat s náhledem a dostupným testováním v aktuálním prostředí.
NOTIFEE je nástroj pro správu webových push notifikací a jeho Manager podporuje také duplikaci zpráv, plánování a přehled odeslaných a otevřených zpráv. Základní informace o tvorbě zprávy najdete v přehledu jak NOTIFEE funguje. Pro konkrétní postup práce můžete využít také manuál NOTIFEE.
Při kontrole si ověřte:
- Je hlavní motiv rozpoznatelný i v malém náhledu?
- Zůstává důležitý obsah mimo okraje?
- Přežije fotografie užší i širší výřez?
- Je nabídka pochopitelná bez textu vloženého do obrázku?
- Obsahují nadpis a text zprávy hlavní informaci?
- Vede odkaz na stránku, která odpovídá fotografii a sdělení?
- Má notifikace pouze jednu hlavní výzvu?
- Neobsahuje obrázek nepotvrzenou cenu, termín nebo tvrzení?
- Je výsledná varianta schválená odpovědnou osobou?
Nejčastější chyby při výběru fotografie
První častou chybou je motiv umístěný příliš blízko okraje. I malá změna výřezu pak může odstranit část výrobku, obličeje nebo nápisu.
Druhou chybou je příliš mnoho detailů. Koláž několika produktů nebo široký záběr rušného prostředí může být po zmenšení nepřehledný.
Třetí chybou je zásadní sdělení pouze uvnitř fotografie. Pokud je sleva, termín nebo výzva k akci uvedena jen drobným písmem v obrázku, příjemce ji nemusí přečíst.
Čtvrtou chybou je nesoulad s cílovou stránkou. Fotografie má vytvářet realistické očekávání toho, co se po kliknutí zobrazí.
FAQ
Jaký formát a rozměry má fotografie do notifikace mít?
Konkrétní parametry je potřeba ověřit podle aktuálního prostředí a dokumentace. Bez takového ověření není vhodné uvádět univerzální rozměry. Při návrhu vždy ponechte kolem hlavního motivu rezervu pro možné rozdíly v zobrazení.
Kam umístit hlavní produkt nebo obličej?
Umístěte jej mimo krajní části snímku a ponechte kolem něj dostatek méně důležitého prostoru. Poté vyzkoušejte několik různých výřezů a zkontrolujte, zda motiv zůstává celý a rozpoznatelný.
Může být cena nebo slevový kód přímo v obrázku?
Může být součástí grafiky, ale neměl by být dostupný pouze tam. Důležitou informaci zopakujte v nadpisu nebo textu notifikace a před odesláním ověřte její aktuálnost.
Musí mít každá notifikace fotografii?
NOTIFEE umožňuje zprávu doplnit obrázkem, ale jeho vhodnost závisí na konkrétním sdělení. Pokud nemáte relevantní a srozumitelný motiv, nemá smysl přidávat obecnou fotografii jen jako dekoraci.
Zobrazí se fotografie všem příjemcům stejně?
Stejné zobrazení nelze garantovat. Podoba web push notifikace závisí na zařízení, prohlížeči a oprávněních. Návrh proto stavte tak, aby hlavní sdělení zůstalo pochopitelné i při odlišném zobrazení obrázku.
Vyzkoušejte návrh v interaktivním demu
Chcete si práci se zprávou prakticky projít? Otevřete si interaktivní demo NOTIFEE a vyzkoušejte, jak spolu fungují nadpis, text, cílový odkaz a fotografie. Před použitím v kampani výslednou podobu vždy zkontrolujte a nechte schválit.