Zdánlivě je to jednoduchý úkol. Vyberte na domovskou stránku fotku nebo obrázek. Brnkačka. Jo, dokud to nezkusíte.
Řeším to s klienty poměrně často. A až na výjimky je to porod (zdravím Honzo D.). A já teď zažívám podobná muka při redesignu vlastního webu, takže to mám z první ruky.
Tak jsem si říkal, že vám trochu ušetřím práci, nastuduji dostupné materiály a dám pár tipů.
Které obrázky se lidem nejvíce líbí (kromě koček)

Na univerzitě v Glasgow zjistili, že lidi mají jen 4 základní emoce:
- štěstí,
- smutek,
- strach/překvapení,
- zlost/znechucení.
Já jich tedy napočítal šest, ale jsou to Skotové.
Lidský mozek reaguje rychleji a silněji na nebezpečí či problém. Nicméně nejsdílenější (virální) obsah vyvolával podle společnosti Fractl pocit štěstí, překvapení a kontrastujících emocí.
Na UCLA/George Washington University zase zkoušeli jinou věc. Udělali dva druhy inzerátů. Racionální (s čísly a fakty) a Emocionální (s pocitem zábavy a laškovnosti).
A teď příjde ta legrace.
Racionální inzeráty vyvolávaly v mozku větší reakci, a to hlavně v oblasti rozhodování a zpracování emocí (systém 2 – viz můj článek o tom, jak využít přirozené lidské instinkty pro zvýšení objednávek).
Což zní fajn. Bohužel jsou to ale stejné oblasti, které vám zamezují udělat impulzivní rozhodnutí (a nákup).
Takže pokud jdete po emocích a vrozených lidských pudech, tak se vyvarujte čísel, grafů a schémat a radši ukazujte obrázky vyjadřující štěstí či jiné libé pocity.
Pokud prodáváte elektrické zubní kartáčky, tak použijte čísla. Pokud dovážku pizzy, tak spíš emoce.
4 tipy od Davida Ogilvyho
David Ogilvy – jeden z nejznámějších tvůrců reklam – si nechal zpracovat výzkum o tom, jak obrázky ovlivňují nákupní chování. V 60. letech (a ostatně i teď) byl převažující názor, že jakýkoliv obrázek přitáhne pozornost. Což je určitě pravda. Ogilvy ale potřeboval zjistit, které obrázky v tištěné reklamě mu zvýší prodej.
A přišel se 4 tipy
1. Dejte obrázek nad text (včetně nadpisu)

Obrázek slouží k přitažení pozornosti. A ve chvíli, kdy máme uživatelovu pozornost, tak budeme vzbuzovat zájem.
Titulek pod obrázkem si přečte o 10 % více lidí, než titulek nad obrázkem.
2. Použijte popisek obrázku

Popisek pod obrázkem si přečte o 300 % více lidí, než samotný text stránky nebo inzerátu.
3. Nedávejte obrázky nalevo od textu

Lidem nevadí, když je obrázek uprostřed textu nebo napravo od textu. Ale nesnáší, když je obrázek nalevo – ruší to totiž začátky řádků a tok dokumentu.
4. Použijte tématické obrázky

Použijte obrázky, které se vztahují k tématu a mají přidanou hodnotu. Ogilvy měl nejradši obrázky, které vzbuzovaly zvědavost.
V roce 1951 přišli za Ogilvym s tím, že mají 30 000 dolarů na reklamu. Slíbili mu, že s nimi sice nezbohatne, ale že mu nebudou mluvit do reklamy. Když šel na focení, tak si v drogérii koupil impulzivně za půl dolaru pásku přes oko. Hodil jí fotografovi, řekl, ať ho pobaví a pak se pustí do opravdového focení.
Po prvním vydání reklamy v časopise New Yorker za 3 176 dolarů, byly všechny Hathaway košile v celém New Yorku vyprodány.
Můžete si ale říkat, že to funguje na tištěnou reklamu a ještě z minulého století. A měli byste trochu pravdu.
Jaký obrázek použít na domovskou stránku
Angie Schottmuller řešila problém obrázků na homepage a přišla s následujícím seznamem 7 vlastností, které by takový obrázek měl mít.
Technický termín pro obrázek na homepage/landing page je „hero shot“. Definice: „Hero shot je fotka řešení, která doplňuje vaši výhodu oproti konkurenci a lidem pochopitelně a jednoduše vysvětluje, co děláte.
7 vlastností vhodně zvolené fotky na homepage:
- Relevance klíčového slova
Evokuje fotka nebo obrázek slova, která chcete? - Pochopitelnost cíle stránky
Je z obrázku pochopitelné, co nabízíte nebo děláte? - Zapadá do designu stránky
Používá správnou velikost, barevnost? Pokud je nad obrázkem text/tlačítko, je dostatečně kontrastní? - Je obrázek autentický
Vyzařuje obrázek důvěru, upřímnost a hodnoty značky? - Přidává obrázek informační hodnotu
Zobrazuje produkt v kontextu, ukazuje detail nebo více informací, než je v textu? - Vytváří správný pocit
Vzbuzuje obrázek „správnou“ emoci, která bude souznít s cílovým publikem? - Ukazuje cílového uživatele jako „hrdinu“
Můžete se vcítit do fotky člověka na obrázku? Řekne si: tohle řeším nebo chci být jako on(a)
Pokud vás tohle téma zajímá, Angie dělala na tohle téma webinář.
4 typy obrázků na webové stránce (a 8 příkladů)
Existují 4 typy obrázků na domovské nebo vstupní stránce:
- produkt,
- kontext,
- známá osoba,
- „prostě tam dejte něco moderního/trendy“.
Pojďme se podívat na příklady jednotlivých typů obrázků…
Produkt
Vím, že se budu opakovat, ale neden z nejlepších příkladů je Stripe…
Funguje to hezky i pro například předplatné ponožek…
Kontext
Někdy je potřeba ukázat produkt při použití nebo v šiřších souvislostech.
Třeba u baterek do přírody, kde vám můžu říct 900 lůmenů nebo ukázat tohle:
Ale funguje to dobře i u softwaru (realtime analytics a testování).
Známá osoba
Pokud jste konzultant, tak je často nejlepší, když prodáváte svůj obličej. S Michalem Krutišem jsme se shodli, že je to:
- nepříjemné,
- a většina lidí to očekává.
Na základě zpětné vazby od vás já například měním screenshoty A/B testování za svůj šarmantní obličej (sarkasmus).
Pár příkladů…
Brennan Dunn
Tim Ferris
Prostě tam dejte něco moderního/trendy
Sledování odpracovaného času – příliš „chytré“, s nečitelným textem a ještě s videem na pozadí.
A pak tragédie Beme.
Závěr
Snad jsem vám trochu pomohl při výběru fotky na homepage. Dělám to pro sebe, budu mít trochu méně tendenci mlátit při jednáních hlavou o stůl.
Smysluplná debata