Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Lepší Call to Action
Optimalizace s příchutí psychologie
Čtvrtkon #4 / 10.1.2013 v Horké Vaně Ondřej Machart / @sleepygrap...
1. Proč toto téma?
Co se stalo?
Uživatel internetu je bombardován prvky, které se snaží upoutat jeho pozornost
a odradit jej od původního zám...
2. Co všechno je Call to Action?
Call to action obecně
Call to action (CTA) je jakákoli výzva, která využívá text (doprovázený často grafikou)
a jejímž cíl...
3. Jak můžeme CTA vylepšit?
Psychologie a Call to action
Cílem CTA je přimět uživatele k akci, se kterou původně nepočítal. Psychologie jako
věda zabý...
4. Text v CTA
Jak optimalizovat obsah sdělení
4.1 Využití sloves
Aneb řekněte jim, co mají dělat...
„Slovesa jsou část sdělení, která generuje nejvíce sdílení
na Twitteru.“
- Dan Zarella, výzkumník sociálních médií
Proč vy...
Zdroj: HubSpot
4.2 Ideální počet znaků
Aneb méně je více...
„S ohledem na množství konkurenčních nabídek je
rozumné předpokládat, že máte jen omezený prostor pro
to, abyste uživatele...
Zdroj: HubSpot
4.3 Využití čísel
Aneb hrátky s počty
„Čísla jsou skvělý způsob, jak se zbavit nejasnosti, být
konkrétní o své nabídce a nastavit správná očekávání.“
- Magdalen...
Zdroj: HubSpot
4.4 Efekt urgentnosti
Aneb co neuděláte dnes, neuděláte
„Abyste vytvořili účinnou naléhavost, budete muset
odpovědět na otázku "proč bych to měl udělat dnes?“
- Magdalena Georgie...
Zdroj: HubSpot
4.5 Cliffhanger efekt
Aneb položte otázku
„Lidé nemohou vystát nejistotu. Máme tendenci co nejdříve
najít odpovědi na zajímavé a nezodpovězené otázky.“
- Vitaly Fri...
Autor: Jaroslav Foglar
4.6 Umístění odkazu v CTA
Aneb kam s ním
„Uživatelé raději provedou akci okamžitě, než aby se
vraceli a hledali odkaz někde uprostřed věty.“
- Anthony T, Founder @...
Zdroj: Smashing Magazine
5. Nabídka a CTA
Jak optimalizovat nabídku
5.1 Efekt reciprocity
Aneb chci vrátit laskavost
„Neměli byste se stydět požádat uživatele o vrácení
laskavosti.“
- David Travis, Psycholog a kanzultant @UserFocus
Jak to ...
5.2 Efekt stáda
Aneb chci být všude tam, kde jsou ostatní
„Sledujeme, co dělají jiní, abychom dle toho posoudili, co je
běžné a pak toto chování zkopírovali.“
- David Travis, Psych...
5.3 Goldilocks effect
Aneb beru zlatou střední cestu
„Lidé nejsou velmi zdatní při odhadování skutečné hodnoty
toho, co nakupují. Využívají tak srovnání s jinými
alternativami...
5.4 Salience effect
Aneb zajímá mě to, co právě řeším
„Během nákupního procesu je několik míst, ve kterých je
uživatel ochoten věnovat zvýšenou pozornost nabídkám
souvisejících...
5.5 Ambassador effect
Aneb chci se ujistit, že jsem udělal správné rozhodnutí
„Chceme věřit tomu, že naše chování je konzistentní s tím,
čemu věříme. Jakmile zaujmeme nějaký viditelný postoj,
cítíme p...
6. Grafika a CTA
Jak optimalizovat vzhled sdělení
6.1 Teplé a studené barvy
Aneb teplá letí, studená se topí
„Během amerických prezidentských voleb měli všichni
kandidáti na svém webu tlačítko (pro zaslání finanční
podpory) v červe...
6.2 Lidská tvář
Aneb to první, co rozpoznáme
„Lidé instinktivně rozpoznají cizí obličej, jakmile vstoupí do
jejich zorného pole. “
- Dmitry Fadeyev, autor @UsabilityPo...
6.3 Pohled očí
Aneb kam to kouká?
„Ukázalo se, že máme tendenci podívat se směrem, kterým
kouká osoba na fotografii.“
- Dmitry Fadeyev, autor @UsabilityPost...
Zdroj: Smashing Magazine
Zdroj: Smashing Magazine
6.4 Viscerální design
Aneb automatický (dis)like
„Design ovlivňuje, jaký prožitek mají uživatelé z produktu,
na třech rovinách - viscerální, behaviorální a reflektivní.“
-...
6.5 Další tipy ke grafice
Aneb co už by se nevešlo...
Negativní prostor
Velká plocha, málo obsahu, dojem čistoty. CTA přitáhne pozornost.
Kontrast
Umožňuje oddělit CTA od všeho...
Inspirace
SmashingMagazine.com
- ebook Psychology of web design
- ebook User experience design
- ebook Professional web de...
Díky za pozornost
Čtvrtkon / Ondra Machart @sleepygraphic
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Lepší Call to Action
Prochain SlideShare
Chargement dans…5
×
Prochain SlideShare
What to Upload to SlideShare
Suivant
Télécharger pour lire hors ligne et voir en mode plein écran

Partager

Lepší Call to Action

Télécharger pour lire hors ligne

Call to Action neboli výzva k akci může být velmi silou zbraní designera při návrhu webových stránek, e-mailové kampaně, banneru či jakéhokoli jiného nástroje, kterým se snaží přimět ostatní lidi provést žádoucí činnost. V prezentaci projdeme celou řadu tipů, jak naše CTA vymazlit k dokonalosti.

  • Soyez le premier à aimer ceci

Lepší Call to Action

  1. 1. Lepší Call to Action Optimalizace s příchutí psychologie Čtvrtkon #4 / 10.1.2013 v Horké Vaně Ondřej Machart / @sleepygraphic
  2. 2. 1. Proč toto téma?
  3. 3. Co se stalo? Uživatel internetu je bombardován prvky, které se snaží upoutat jeho pozornost a odradit jej od původního záměru, se kterým na web přišel. Důsledek: Uživatelé se naučili podobné prvky ignorovat. Co s tím? Je třeba nalézt způsoby, jak uživatelovu pozornost získat zpět.Protože se snažíme změnit chování uživatelů, můžeme čerpat poznatky z oboru psychologie.
  4. 4. 2. Co všechno je Call to Action?
  5. 5. Call to action obecně Call to action (CTA) je jakákoli výzva, která využívá text (doprovázený často grafikou) a jejímž cílem je přimět uživatele k provedení žádané akce - například: - proklik - nákup - sdílení - stáhnutí souboru - přehrání videa - apod. Call to action konkrétně - odkazy v textu - reklamní bannery - tlačítka - nadpisy článků - předmět infomailů - apod.
  6. 6. 3. Jak můžeme CTA vylepšit?
  7. 7. Psychologie a Call to action Cílem CTA je přimět uživatele k akci, se kterou původně nepočítal. Psychologie jako věda zabývající se lidským chováním nabízí mnoho poznatků, které lze v návrhu účinného Call to action využít. V následujících tipech se dozvíme: 1. Jak optimalizovat text 2. Jak formulovat nabídku 3. Jak optimalizovat grafiku doplňující CTA Cílem je využít tyto poznatky ke zvýšení konverze výsledného CTA.
  8. 8. 4. Text v CTA Jak optimalizovat obsah sdělení
  9. 9. 4.1 Využití sloves Aneb řekněte jim, co mají dělat...
  10. 10. „Slovesa jsou část sdělení, která generuje nejvíce sdílení na Twitteru.“ - Dan Zarella, výzkumník sociálních médií Proč využívat slovesa? - Vyjadřují skutečnou akci. - Ujasňují, jakou akci po uživateli chceme. Na co si dát pozor? - Čím více sloves v jednom sdělení, tím menší účinek. - Fráze typu "Klikněte sem" nefungují.
  11. 11. Zdroj: HubSpot
  12. 12. 4.2 Ideální počet znaků Aneb méně je více...
  13. 13. „S ohledem na množství konkurenčních nabídek je rozumné předpokládat, že máte jen omezený prostor pro to, abyste uživatele zaujali a udrželi jeho pozornost.“ - Simms Jenkins, CEO @Brightwave marketing Jaký je tedy optimální počet znaků ve sdělení? - 30 až 150 znaků Na co si dát pozor? - Nezkracovat sdělení, pokud by utrpěl jeho význam a smysl. Užitečná technika je napsat celé sdělení, které pak zkrátíme na polovinu, přičemž odstraníme jen části, které jsou skutečně navíc.
  14. 14. Zdroj: HubSpot
  15. 15. 4.3 Využití čísel Aneb hrátky s počty
  16. 16. „Čísla jsou skvělý způsob, jak se zbavit nejasnosti, být konkrétní o své nabídce a nastavit správná očekávání.“ - Magdalena Georgieva, Marketing manager @Hubspot Proč využívat čísel? 1. Čísla udávají konkrétní údaj o tom: - kolik toho uživatel dostane, - za kolik to dostane, - na jak dlouho apod. 2. Člověk i při skenování obsahu vnímá čísla samostatně. 3. Čísla pomáhají překonat vágnost obecných tvrzení.
  17. 17. Zdroj: HubSpot
  18. 18. 4.4 Efekt urgentnosti Aneb co neuděláte dnes, neuděláte
  19. 19. „Abyste vytvořili účinnou naléhavost, budete muset odpovědět na otázku "proč bych to měl udělat dnes?“ - Magdalena Georgieva, Marketing manager @Hubspot Proč využívat naléhavost? - Vytváří pocit urgentní nutnosti provést danou akci. - Pozor, je rozdíl mezi naléhavostí a nátlakem.
  20. 20. Zdroj: HubSpot
  21. 21. 4.5 Cliffhanger efekt Aneb položte otázku
  22. 22. „Lidé nemohou vystát nejistotu. Máme tendenci co nejdříve najít odpovědi na zajímavé a nezodpovězené otázky.“ - Vitaly Friedman, Editor-in-Chief @SmashingMagazine Proč klást v CTA otázky? - Otázky, zejména provokativní, zvyšují zájem uživatelů o obsah sdělení. - Bluma W. Zeigarnik (1927): - Vytváří se emocionální spojení mezi čtenářem a sdělením. - Čtenáři si lépe pamatují obsah sdělení.
  23. 23. Autor: Jaroslav Foglar
  24. 24. 4.6 Umístění odkazu v CTA Aneb kam s ním
  25. 25. „Uživatelé raději provedou akci okamžitě, než aby se vraceli a hledali odkaz někde uprostřed věty.“ - Anthony T, Founder @UX Movement Proč umístit odkaz na konec CTA? - Odkaz je tak jednodušší a rychlejší najít. - Uživatel po dočtení naváže akcí, nemusí se vracet a hledat odkaz.
  26. 26. Zdroj: Smashing Magazine
  27. 27. 5. Nabídka a CTA Jak optimalizovat nabídku
  28. 28. 5.1 Efekt reciprocity Aneb chci vrátit laskavost
  29. 29. „Neměli byste se stydět požádat uživatele o vrácení laskavosti.“ - David Travis, Psycholog a kanzultant @UserFocus Jak to funguje? 1. Nabídneme uživateli drobný dárek. - kapitola z knihy zdarma - užitečná informace (článek) - zkušební verze produktu zdarma 2. Vznikne podvědomý pocit zavázání k vrácení laskavosti 3. Požádáme o vrácení laskavosti - koupě celé knihy, pokud zaujala kapitola - doporučení či sdílení (článek apod.) - jakákoli jiná akce
  30. 30. 5.2 Efekt stáda Aneb chci být všude tam, kde jsou ostatní
  31. 31. „Sledujeme, co dělají jiní, abychom dle toho posoudili, co je běžné a pak toto chování zkopírovali.“ - David Travis, Psycholog a kanzultant @UserFocus Jak to funguje? 1. Sbíráme data o aktivitě uživatelů - počet lajků - počet sdílení - počet registrací - počet stažení apod. 2. Tato data prezentujeme v kontextu k nabídce - "Přidejte se k 1 milionu zaregistrovaných uživatelů." - Stáhněte si knihu, kterou již četlo 100.000 designerů." a apod.
  32. 32. 5.3 Goldilocks effect Aneb beru zlatou střední cestu
  33. 33. „Lidé nejsou velmi zdatní při odhadování skutečné hodnoty toho, co nakupují. Využívají tak srovnání s jinými alternativami a to i s těmi, které jim sami nabídnete.“ - David Travis, Psycholog a kanzultant @UserFocus Jak to funguje? 1. Vytvoříme základní verzi toho, co nabízíme. 2. Přidáme levnější "Basic" verzi s významnými omezeními. 3. Přidáme "Golden" verzi s drobnými výhodami. 4. Prezentujeme srovnání všech 3 verzí s důrazem na ekonomicky výhodnou "střední" variantu. Ve výsledku si lidé "racionálně" zvolí střední cestu, protože budou mít pocit, že ušetřili, ale přitom získali plnohodnotný produkt.
  34. 34. 5.4 Salience effect Aneb zajímá mě to, co právě řeším
  35. 35. „Během nákupního procesu je několik míst, ve kterých je uživatel ochoten věnovat zvýšenou pozornost nabídkám souvisejících s jeho aktuálním nákupním chováním.“ - David Travis, Psycholog a kanzultant @UserFocus Jak to funguje? 1. Ke každé nabídce vytvoříme seznam komplementárních nabídek. 2. Tyto komplementy nabízíme ve vhodných momentech. - v detailu produktu - v průběžném přehledu nákupního košíku - před potvrzením nákupu (před platbou)
  36. 36. 5.5 Ambassador effect Aneb chci se ujistit, že jsem udělal správné rozhodnutí
  37. 37. „Chceme věřit tomu, že naše chování je konzistentní s tím, čemu věříme. Jakmile zaujmeme nějaký viditelný postoj, cítíme potřebu jej obhájit.“ - David Travis, Psycholog a kanzultant @UserFocus Jak to funguje? 1. Po provedení akce dáme uživateli možnost vyjádřit svůj postoj. - "olajkování" produktu, který koupil - doporučení produktu ostatním - sdílení akce ("koupil jsem si XYZ") na soc. sítích 2. Tím, že uživatel tuto možnost využije, nastanou dva jevy: - uživatel je emocionálně svázán s akcí - uživatel doporučí ostatním provedení stejné akce = Stane tzv. Ambassadorem (značky, produktu).
  38. 38. 6. Grafika a CTA Jak optimalizovat vzhled sdělení
  39. 39. 6.1 Teplé a studené barvy Aneb teplá letí, studená se topí
  40. 40. „Během amerických prezidentských voleb měli všichni kandidáti na svém webu tlačítko (pro zaslání finanční podpory) v červené barvě.“ - Dmitry Fadeyev, autor @UsabilityPost Jak to funguje? 1. Teplé barvy na pozadí studených barev vyhodnocuje mozek jako objekty, které se "vznášejí" nad pozadím. 2. Naopak studené barvy na pozadí teplých barev se jeví jako kdyby se "topily" a nořily do pozadí. Jak to využít? Jednoduše. Akční prvky (tlačítka, odkazy apod.) by měly být v teplých barvách a pozadí ve studených.
  41. 41. 6.2 Lidská tvář Aneb to první, co rozpoznáme
  42. 42. „Lidé instinktivně rozpoznají cizí obličej, jakmile vstoupí do jejich zorného pole. “ - Dmitry Fadeyev, autor @UsabilityPost Jak to funguje? 1. Tvář je první, co v jakémkoli designu či shluku prvků člověk rozpozná. 2. Nejvíce pozornosti pak poutají oči. Jak to využít? Jakoukoli nabídku můžeme doprovodit lidskou tváří. Strhneme tak prvotní pozornost na oblast s naší nabídkou.
  43. 43. 6.3 Pohled očí Aneb kam to kouká?
  44. 44. „Ukázalo se, že máme tendenci podívat se směrem, kterým kouká osoba na fotografii.“ - Dmitry Fadeyev, autor @UsabilityPost Jak to funguje? 1. Uživatel nejprve rozpozná tvář a ta strhne jeho pozornost. 2. Uživatele poutají nejvíce oči. 3. Pokud se člověk na fotografii dívá jiným směrem, uživatel tento směr kopíruje. Jak to využít? Tvář doprovázející nabídku můžeme komponovat tak, aby sledovala text nabídky a CTA.
  45. 45. Zdroj: Smashing Magazine
  46. 46. Zdroj: Smashing Magazine
  47. 47. 6.4 Viscerální design Aneb automatický (dis)like
  48. 48. „Design ovlivňuje, jaký prožitek mají uživatelé z produktu, na třech rovinách - viscerální, behaviorální a reflektivní.“ - Donald Norman, profesor kognitivních věd @Nielsen Norman Group Jak to funguje? 1. Viscerální rovina prožitku designu je podvědomá a biologicky naprogramovaná. 2. Na této rovině automaticky posuzujeme, zda se nám určité věci líbí nebo nelíbí. (Např. Pavouci, hniloba - nelíbí. Symetrické objekty, hezcí lidé - líbí.) Jak to využít? Pro grafiku doprovázející CTA můžeme využít symboly, které lidé automaticky považují za líbivé. (A naopak se můžeme vyhnout chybám.)
  49. 49. 6.5 Další tipy ke grafice Aneb co už by se nevešlo...
  50. 50. Negativní prostor Velká plocha, málo obsahu, dojem čistoty. CTA přitáhne pozornost. Kontrast Umožňuje oddělit CTA od všeho ostatního a poutat pozornost. Směr Šipky dokáží nasměrovat pohled uživatele ke správnému místu. a další...
  51. 51. Inspirace SmashingMagazine.com - ebook Psychology of web design - ebook User experience design - ebook Professional web design Emotional Design - kniha od Donalda Normana Blog.hubspot.com - ebook Mastering the design & copy of call to action - ebook Effective call to action - ebook 102 examples of effective call to action Zbraně vlivu - kniha od Roberta B. Cialdiniho Myšlení, rychlé a pomalé - kniha od Daniela Kahnemana
  52. 52. Díky za pozornost Čtvrtkon / Ondra Machart @sleepygraphic

Call to Action neboli výzva k akci může být velmi silou zbraní designera při návrhu webových stránek, e-mailové kampaně, banneru či jakéhokoli jiného nástroje, kterým se snaží přimět ostatní lidi provést žádoucí činnost. V prezentaci projdeme celou řadu tipů, jak naše CTA vymazlit k dokonalosti.

Vues

Nombre de vues

599

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

46

Actions

Téléchargements

5

Partages

0

Commentaires

0

Mentions J'aime

0

×