Zpět na seznam článků

Jak vybrat správnou fotku na homepage (i jinam)

4 tipy od Ogilvyho a 7 vlastností, které má mít dobrá fotka na homepage.

Sockfancy

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)

Roztomilé koťátko

Na univerzitě v Glasgow zjistili,  že lidi mají jen 4 základní emoce:

  1. štěstí,
  2. smutek,
  3. strach/překvapení,
  4. 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í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 nad textem

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

Obrázek s popiskem

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

 

Obrázek zarovnaný 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

Košile hathaway - reklama s příběhem

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:

  1. Relevance klíčového slova
    Evokuje fotka nebo obrázek slova, která chcete?
  2. Pochopitelnost cíle stránky
    Je z obrázku pochopitelné, co nabízíte nebo děláte?
  3. Zapadá do designu stránky
    Používá správnou velikost, barevnost? Pokud je nad obrázkem text/tlačítko, je dostatečně kontrastní?
  4. Je obrázek autentický
    Vyzařuje obrázek důvěru, upřímnost a hodnoty značky?
  5. Přidává obrázek informační hodnotu
    Zobrazuje produkt v kontextu, ukazuje detail nebo více informací, než je v textu?
  6. Vytváří správný pocit
    Vzbuzuje obrázek „správnou“ emoci, která bude souznít s cílovým publikem?
  7. 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:

  1. produkt,
  2. kontext,
  3. známá osoba,
  4. „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

Stripe platební brána

Funguje to hezky i pro například předplatné ponožek…

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:

svítilny, baterky a čelovky

Ale funguje to dobře i u softwaru (realtime analytics a testování).

Exponea - real time analytics

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

Brennan Dunn

Tim Ferris

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í.

Toggl

A pak tragédie Beme.

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.

 

 

Související články

Vivino

Jak vymyslet konkurenční výhodu vašeho webu

Otto-thumb

Efektivnější přihlášení do newsletteru – content upgrade a lead magnet

Optimizely

Nejlepší UX a CRO nástroje, které používám každý den

Boiling-frog

8 strategií A/B testování. A 3 nebezpečí

Smysluplná debata