Praktický postup na výber fotografie do web push notifikácie. Naučíte sa správne umiestniť hlavný motív, pracovať s okrajmi, obmedziť text v obrázku a skontrolovať čitateľnosť malého náhľadu.
Najvhodnejšia fotografia do notifikácie má jeden jasný hlavný motív umiestnený s dostatočným odstupom od okrajov. Dôležitá časť snímky by nemala závisieť od presného pomeru strán ani zasahovať do rohov. Text, cenu alebo zľavový kód radšej uveďte aj v nadpise či texte správy, nie iba vnútri obrázka.
Tento postup pomáha marketérom a grafikom pripraviť vizuál, ktorý zostane zrozumiteľný aj ako malý náhľad alebo pri odlišnom zobrazení. Web push notifikácie sa totiž môžu zobrazovať rôzne podľa zariadenia, prehliadača a oprávnení. Preto neexistuje jeden návrh, pri ktorom by sa bez kontroly dal garantovať totožný výsledok všetkým príjemcom.
Začnite jedným hlavným motívom
Pri výbere fotografie si najprv položte jednoduchú otázku: čo má človek spoznať počas krátkeho pohľadu?
Pri produktovej kampani to môže byť konkrétny výrobok alebo hlavný zástupca novej kolekcie. Pri hoteli izba, výhľad či prostredie spojené s pobytom. Pri meste alebo obci napríklad jasne rozpoznateľné miesto súvisiace s oznámenou udalosťou. Ide o ilustračné scenáre použitia, nie o zákaznícke referencie ani prísľub konkrétneho výsledku.
Vyhnite sa fotografiám, na ktorých o pozornosť súperia viaceré podobne výrazné prvky. Snímka, ktorá dobre funguje ako veľký banner, nemusí byť zrozumiteľná v malom náhľade. Vhodnejšia býva jednoduchá kompozícia s jedným vizuálnym ohniskom.
Praktický test je jednoduchý: výrazne si fotografiu zmenšite a pozrite sa na ňu bez približovania. Ak stále okamžite spoznáte hlavný motív, máte dobrý základ.
Umiestnite dôležitý obsah mimo okrajov
Pri možnom oreze sú najzraniteľnejšie prvky tesne pri krajoch. Neumiestňujte preto tvár, produkt, logo, cenu ani inú zásadnú informáciu priamo k hornému, dolnému alebo bočnému okraju.
Okolo hlavného motívu ponechajte voľnejší priestor. Nemusí ísť o prázdne biele pozadie. Stačí okolie, ktorého čiastočné odstránenie nezmení význam fotografie. Pri snímke produktu to môže byť plocha stola, jednofarebné pozadie alebo menej dôležitá časť prostredia.
Pri príprave výrezu môžete postupovať takto:
1. Určte jediný prvok, ktorý musí zostať viditeľný.
2. Posuňte ho bližšie do stredu bezpečnej časti fotografie.
3. Skontrolujte, či okolo neho zostáva priestor na prípadný orez.
4. Vyskúšajte niekoľko užších aj širších výrezov.
5. Overte, že všetky varianty stále odovzdávajú rovnakú informáciu.
Konkrétne rozmery tu zámerne neuvádzame. Pred prípravou finálnej grafiky je vhodné overiť aktuálne požiadavky a výsledné zobrazenie v používanom prostredí.
Text v obrázku používajte striedmo
Text vložený priamo do fotografie býva pri zmenšení ťažko čitateľný a môže sa dostať mimo viditeľnej časti. Obrázok by preto nemal byť jediným miestom, kde príjemcom oznamujete cenu, termín, zľavový kód alebo hlavnú výhodu ponuky.
NOTIFEE umožňuje pri správe použiť nadpis, text a cieľový odkaz; správu možno doplniť ikonou a obrázkom. Kľúčové oznámenie preto napíšte priamo do textových polí notifikácie. Fotografia má správu podporiť, nie nahradiť.
Ak text v obrázku potrebujete, držte sa krátkeho oznámenia s výrazným kontrastom. Zároveň počítajte s tým, že príjemca musí pochopiť ponuku aj v prípade, že nápis v obrázku neprečíta alebo sa mu fotografia nezobrazí očakávaným spôsobom.
Prepojte fotografiu, text a cieľovú stránku
Fotografia má zodpovedať tomu, čo človek uvidí po kliknutí. Ak napríklad propagujete konkrétnu kolekciu, použite motív, ktorý ju verne zastupuje, a odkaz smerujte na zodpovedajúcu cieľovú stránku. Všeobecná ilustračná fotografia môže vytvoriť iné očakávanie než konkrétna ponuka.
Dobrá notifikácia má jeden zámer a jednu hlavnú výzvu. Nepokúšajte sa do jedného oznámenia spojiť novú kolekciu, dopravu, súťaž a niekoľko rôznych kategórií.
Modelový príklad pre e-shop
- Fotografia: jeden produkt z novej kolekcie na jednoduchom pozadí, s voľným priestorom okolo výrobku.
- Nadpis: Nová kolekcia je online
- Text: Prezrite si práve pridané modely.
- Cieľová stránka: stránka novej kolekcie.
Modelový príklad pre hotel
- Fotografia: dominantný výhľad alebo izba bez dôležitých prvkov pri okrajoch.
- Nadpis: Objavte pobytový balíček
- Text: Pozrite si aktuálnu ponuku a dostupné termíny.
- Cieľová stránka: detail konkrétneho pobytového balíčka.
Modelový príklad pre lokálnu akciu
- Fotografia: jedno rozpoznateľné miesto alebo hlavný motív akcie.
- Nadpis: Príďte na sobotný program
- Text: Podrobnosti a aktuálne informácie nájdete na webe.
- Cieľová stránka: stránka s programom a organizačnými informáciami.
Tieto texty sú iba modelové. Pred odoslaním ich upravte podľa skutočnej ponuky, cieľovej stránky a informácií, ktoré môžete doložiť.
Ako fotografiu skontrolovať pred odoslaním
Pred finálnym schválením neposudzujte obrázok iba v zdrojovom grafickom súbore. Zobrazenie web push správy závisí od zariadenia, prehliadača a oprávnení, preto je vhodné pracovať s náhľadom a dostupným testovaním v aktuálnom prostredí.
NOTIFEE je nástroj na správu webových push notifikácií a jeho Manager podporuje aj duplikáciu správ, plánovanie a prehľad odoslaných a otvorených správ. Základné informácie o tvorbe správy nájdete v prehľade ako NOTIFEE funguje. Pre konkrétny postup práce môžete využiť aj manuál NOTIFEE.
Pri kontrole si overte:
- Je hlavný motív rozpoznateľný aj v malom náhľade?
- Zostáva dôležitý obsah mimo okrajov?
- Prežije fotografia užší aj širší výrez?
- Je ponuka pochopiteľná bez textu vloženého do obrázka?
- Obsahujú nadpis a text správy hlavnú informáciu?
- Vedie odkaz na stránku, ktorá zodpovedá fotografii a oznámeniu?
- Má notifikácia iba jednu hlavnú výzvu?
- Neobsahuje obrázok nepotvrdenú cenu, termín alebo tvrdenie?
- Je výsledná varianta schválená zodpovednou osobou?
Najčastejšie chyby pri výbere fotografie
Prvou častou chybou je motív umiestnený príliš blízko okraja. Aj malá zmena výrezu potom môže odstrániť časť výrobku, tváre alebo nápisu.
Druhou chybou je príliš veľa detailov. Koláž viacerých produktov alebo široký záber rušného prostredia môže byť po zmenšení neprehľadný.
Treťou chybou je zásadné oznámenie iba vo vnútri fotografie. Ak je zľava, termín alebo výzva na akciu uvedená len drobným písmom v obrázku, príjemca ju nemusí prečítať.
Štvrtou chybou je nesúlad s cieľovou stránkou. Fotografia má vytvárať realistické očakávanie toho, čo sa po kliknutí zobrazí.
FAQ
Aký formát a rozmery má fotografia do notifikácie mať?
Konkrétne parametre je potrebné overiť podľa aktuálneho prostredia a dokumentácie. Bez takéhoto overenia nie je vhodné uvádzať univerzálne rozmery. Pri návrhu vždy ponechajte okolo hlavného motívu rezervu na možné rozdiely v zobrazení.
Kam umiestniť hlavný produkt alebo tvár?
Umiestnite ich mimo krajné časti snímky a ponechajte okolo nich dostatok menej dôležitého priestoru. Potom vyskúšajte niekoľko rôznych výrezov a skontrolujte, či motív zostáva celý a rozpoznateľný.
Môže byť cena alebo zľavový kód priamo v obrázku?
Môže byť súčasťou grafiky, ale nemal by byť dostupný iba tam. Dôležitú informáciu zopakujte v nadpise alebo texte notifikácie a pred odoslaním overte jej aktuálnosť.
Musí mať každá notifikácia fotografiu?
NOTIFEE umožňuje správu doplniť obrázkom, ale jeho vhodnosť závisí od konkrétneho oznámenia. Ak nemáte relevantný a zrozumiteľný motív, nemá zmysel pridávať všeobecnú fotografiu len ako dekoráciu.
Zobrazí sa fotografia všetkým príjemcom rovnako?
Rovnaké zobrazenie nemožno garantovať. Podoba web push notifikácie závisí od zariadenia, prehliadača a oprávnení. Návrh preto postavte tak, aby hlavné oznámenie zostalo zrozumiteľné aj pri odlišnom zobrazení obrázka.
Vyskúšajte návrh v interaktívnom deme
Chcete si prácu so správou prakticky prejsť? Otvorte si interaktívne demo NOTIFEE a vyskúšajte, ako spolu fungujú nadpis, text, cieľový odkaz a fotografia. Pred použitím v kampani výslednú podobu vždy skontrolujte a nechajte schváliť.