Toimintakehotus. Tehokkuuden perusteet

Kuinka luoda todella toimiva toimintakehotus

(Outcrowd) (18. joulukuuta 2020)

Kuva: Outcrowd

Tämä artikkeli ei ole opas painikkeiden suunnitteluun. Se on enemmän käytännön opas tehokkaan CTA: n luomiseen . Kattava lähestymistapa toimintakehotuksen luomiseen takaa, että käyttöliittymäelementtejäsi voidaan napsauttaa, vaikka piirtäisitkin ne karkeasti käsin.

***

Kysy suunnittelijalta, mitä ”toimintakehotus” tarkoittaa, ja hän kertoo sinulle, että se on painike, interaktiivinen käyttöliittymäelementti. Se on tapa, jolla käyttäjä voi suorittaa kohdetoimia, kuten ostaa tavaroita, tilata päivityksiä tai pyytää apua. Sitten suunnittelija alkaa kertoa miltä CTA-painikkeiden tulisi näyttää.

Tämä on loistava tapa luoda toimintakehotus, joka ei toimi.

Odota, mikä vikaa se?

No, kuvittele kahvinkeitin. Siinä on painikkeita, jotka myös kutsuvat toimintaan, nimittäin kahvin juominen. Mutta kukaan ei työnnä heitä, elleivät he halua kahvia. Ja jos sinulla on jano kupillisen jaavaa, löydät painikkeen riippumatta siitä, missä se on tai miltä se näyttää.

Toimintakehotus ei ole painike. Se on kutsu saada tarvitsemasi. Kun asiakas painaa nappia, hän ei ajattele uudelleen sen eloisuutta tai kirkkautta, toisin kuin suunnittelija. He ajattelevat vain tavoitettaan: saada kuppi kahvia.

Suunnittelijan päätavoitteena on saada ihmiset kiinnostumaan ja olemaan halukkaita saavuttamaan tavoitteensa, ei pelkästään ohjaamaan heitä käsikäyttöön kohdetoimintaan. CTA on vain yksi tavoista saavuttaa tämä tavoite, mutta se ei ole itse tavoite. Näyttää itsestään selvältä, mutta mitä tapahtuu todellisuudessa?

Suunnittelijat ajattelevat painikkeiden olevan vain muotoiluelementtejä, keskittäen käyttäjän kaikki huomiot toimintakehotuksiin. ”Kiirehdi helvettiin ja osta kahvimme!” Ne tuottavat aggressiivisen viestin ja varmistavat, että se on välitön huomionottaja.

Hyvän toimintakehotuksen pitäisi luoda halu saada kuppi kuumaa, tuoksuvaa kahvia heti. Todellinen tavoite on kahvi, ei lippu, joka sanoo ”Meillä on kahvia”. Tämän eron ymmärtäminen on avain onnistuneen CTA: n luomiseen.

Toimintakehotus on joukko markkinointitaktiikoita, jotka toteutetaan johdonmukaisesti käyttöliittymäsuunnittelussa.

Ellei UI ja UX on omistettu kokonaan tavoitteen houkuttelemiselle, CTA ei ole tehokas. Painike itsessään ei kannusta ketään, riippumatta siitä, kuinka hyvin se on optimoitu.

Suunnittelijat, joilla ei ole tietoa CTA: n perustamisen periaateista, kuluttavat paljon vaivaa hiomalla painikkeet ja huolehtimalla siitä, pitäisikö ne pyöristää ja missä määrin. Tällä kunnioitettavalla harrastuksella ei ole mitään tekemistä CTA: n tehokkuuden kanssa. Suunnittelija, joka ymmärtää kattavan lähestymistavan merkityksen CTA: n luomisessa, ei välitä painikkeen muodosta, väristä tai tyypistä. Se on hänen asialistansa viimeinen asia.

Kattava lähestymistapa CTA: n luomiseen

Kattava lähestymistapa tarkoittaa visuaalisen markkinoinnin perusteiden ymmärtämistä ja käyttäjäpsykologia. Se tarkoittaa kaikkien CTA: n tehokkuuteen vaikuttavien tekijöiden seuraamista.

Tässä ovat tärkeimmät:

1. Kiinnostus ja motivaatio

Jos käyttäjä ei pidä suunnittelusta tai löytää tarjouksen ensi silmäyksellä kiinnostavasta, hän poistuu sivulta ennen kuin hän pääsee koskaan CTA: han. Hyvä muotoilu saa ihmiset pysymään sivulla, tutkimaan sisältöä ja harkitsemaan kohdetoimintaa. Jos tarjous tehdään houkuttelevasti, mikään maapallon teho ei saa käyttäjää suorittamaan toimintoa.

Käyttäjien houkutteleminen onnistuneesti edellyttää syvällistä ymmärrystä kohdeyleisön makuun ja mieltymyksiin.

AQ-ilmankostutin – 3D-mallinnus & Tuotemerkki

2. Hyvä UX

Tehokkaan toimintakehotuksen ensimmäinen edellytys on hyvä UX:

  • yksinkertainen ja ymmärrettävä navigointi
  • ei esteitä
  • ennustettavuus

Käyttäjän sisäänkäynnistä tulee olla mahdollisimman yksinkertainen, intuitiivinen ja looginen. Kun on heti selvää, mitä tarjotaan ja mitä on tehtävä, se on paljon todennäköisempää kannustaa positiiviseen vastaukseen.

Mitä pidempi tie CTA: han, sitä enemmän rekisteröintilomakkeita, kyselyjä ja muita esteitä on matkalla, sitä vähemmän käyttäjiä pääsee painikkeeseen. Mitä monimutkaisempi puhelun toiminta on, sitä enemmän motivaatiota tarvitset.

3. Hyvä käyttöliittymä

Kyse on hetkellisestä vaikutelmasta, joka syntyy vilkaisemalla sivua. Liikaa sisältöä sisältävä sekaisin sivu, elementtien ja kohokohtien ylikuormitus hämmentää ja turhauttaa käyttäjiä. Monissa verkkokaupoissa on häikäisevä joukko ”Osta” -painikkeita. Tuotekuvat katoavat puheluiden ja mainosten joukosta, elementtien ympärillä ei ole tilaa. Kaikki tämä luo vaikutelman sekavuudesta ja tekee kaupasta ja sen tuotteista epäluotettavia.

Selkeä, minimalistinen muotoilu on paras ratkaisu, joka on helppo silmille.

Laskeutumissivu – Solar

Runsaat toimintakehotukset yhdellä sivulla on hyvä tapa pelotella käyttäjiä. Ihannetapauksessa olisi oltava yksi tehokas CTA / tarjous. Jos tarjouksia on paljon, parempi idea on ehdottaa siirtymistä ja esitellä kukin erikseen. Näin voit pitää muotoilun siistinä ja jättää ”hengitystilan” elementtien ympärille. Jos joudut sijoittamaan useita toimintakehotuksia yhdelle sivulle, luo visuaalinen kohokohtien hierarkia korostaen päätarjousta ja soittamalla ja vähätellen toissijaisia ​​tarjouksia.

4. Sisällön ja toimintakehotuksen sijoittelu

Verkkosivun sisällön on pyrittävä kohti päätavoitetta, esittelemällä sen edut ja ohjaamalla käyttäjä CTA-lohkoon. Sisällön esitys on ratkaiseva tekijä valittaessa kohdetoiminnan suorittaminen.

Kuuluisa markkinoija Nick Patel on havainnut, että CTA-painikkeen sijoittaminen ensimmäiseen lohkoon vähentää tulosta 17%. Käyttäjällä ei ole ollut aikaa tutkia sisältöä, mutta häntä pyydetään jo suorittamaan toiminto. Aloita antamalla joitain tietoja tarjouksestasi, jotta käyttäjät voivat muodostaa positiivisen vaikutelman. Tämä on erityisen tärkeää yritystarjouksille ja palveluille.

Kaikki tarjoukset eivät kuitenkaan vaadi yksityiskohtaisia ​​kuvauksia. Monet tuotteet ja palvelut on esiteltävä heti. Kuinka tällaisessa tapauksessa luot toimintakehotuksen menettämättä arvokasta 17%?

Katsotaanpa, miten Apple tekee sen.

Mikä on ensimmäinen asia, jonka näet? Ei toimintakehotus, se on varmaa. Missä ovat kirkkaat painikkeet, jotka kehottaa sinua ostamaan nyt? Missä ovat lihavoidut fontit?

Tässä Apple siirtää älykkäästi kohokohtia. CTA ei ole korostettu.

www.apple.com

”Kokoelman ostaminen” -kutsu käyttää pientä, nöyrää kirjasinta, itse teksti on yhtä yksinkertainen niin kuin se voisi olla. Aktiivinen aggressiivinen vaikutus saavutetaan väreillä.

Apple-tuotteet eivät tarvitse selitystä. Mutta jos tarjouksesi voidaan esitellä myös tehokkailla kuvilla, mene sinne: aloita tuotteen näyttämisellä huomaamattoman CTA: n kanssa. Jos et voi luottaa pelkästään visuaaliseen esitykseen, CTA: n tulisi noudattaa tarjouksen pääkuvausta.

5. CTA-suunnittelu

CTA-lohko on orgaaninen osa suunnittelua. Kaikkien elementtien, painikkeet mukaan lukien, on vastattava valittua tyyliä, noudatettava visuaalista hierarkiaa ja sovittava keskenään. CTA-painikkeiden visuaaliset ominaisuudet ja mukana oleva teksti riippuvat verkkosivustosi (tai sovelluksesi) tavoitteista ja tavoitteista sekä kohdeyleisön mieltymyksistä, joten keskustelu siitä, mitkä painikkeet ovat ”parempia muuntamista varten”, on turhaa. Painikkeet eivät tarjoa muuntamista, vaan asianmukainen markkinointi ja hyvä muotoilu, joka on suunnattu tietylle käyttäjäryhmälle.

Älä, älä piirrä painikkeita käsin, ellei se ole yleiskonseptin mukaista. Riippumatta siitä, kuinka paljon haluat CTA: n erottuvan, se ei saa koskaan olla ristiriidassa yleisen tyylin kanssa. CTA-painikkeen värin tulisi olla kontrastissa taustaan, jotta käyttäjien ei tarvitse mennä etsimään sitä koko sivulta. CTA-painikkeiden sijoittaminen epätavallisiin paikkoihin pelkästään luovuuden vuoksi ei ole hyväksyttävää.

6. Tavoitteen korostaminen

Käyttäjän tavoite ja tärkein prioriteetti ovat kaikki, mikä saa hänet suorittamaan kohdetoiminnon. Kun hän tilaa kurssin, hän ajattelee parantaa koulutustaan. Kun hän napsauttaa Osta-painiketta, hän ajattelee tuotetta. Tarvittavaa mielikuvaa vahvistava kuva tulisi sijoittaa CTA-painikkeen lähelle.

CTA ei ole tavoite!

Aloitussivu – Wendyn mummon suklaa

Jos tarjous ei vaadi kuvaa, ensisijainen kohokohta on tekstin kuvaus, joka on visuaalisesti tasapainotettu painikkeella. Tässä esimerkki:

Kaikki numeeriset tiedot etuuksien on sijaittava myös visuaalisesti lähellä CTA-painiketta ja oltava riittävän korostettu.

7. Teksti

Vakuuttava puhelu on aina lakoninen, ymmärrettävä ja yksinkertainen. On parasta käyttää aktiivisia verbejä, I-lauseita, voimakkaita sanoja, palkkion ja emotionaalisia laukaisijoita. Tarvittaessa voit käyttää yksinkertaisia ​​ohjeita sekä ”ennen” ja ”jälkeen” -esittelyjä.

Tässä ovat tekstiviestien päätyypit (trigeri + CTA):

Visuaalisesti pätee sama periaate: korostetaan enemmän liipaisinta kuin CTA-painiketta.

Tekstipuhelun on perustuttava markkinatutkimukseen ja testattava etukäteen.

8. Tunteet

Suunnittelu, joka laukaisee syvän emotionaalisen reaktion, on avain korkeisiin tulosprosentteihin. Muistakaa yllä oleva Apple-esimerkki. Markkinoijien ja suunnittelijoiden valitsema väri ei ole vain punainen. Se on veripunainen, mikä saa ihmiset jonkin verran ahdistuneiksi ja alitajuisesti peloissaan. Lisää nyt puhelu pelastaaksesi ihmishenkiä. CTA korostaa jaloa tehtävää, ei tuotteen ostamista. Se on loistava markkinointiratkaisu, jolla on kaunis muotoilu.

www.apple.com

Lisätietoja: Tunteellinen Suunnittelu

Päätelmä

CTA on vain hampaat massiivisessa koneessa. Jos kone toimii (markkina-analyysi tehty, tietosisältö huolella valittu, suunnittelukonsepti luotu), myös CTA toimii.

Käyttäjät eivät käytä verkkosivuja painikkeita varten. Tarjous houkuttelee heitä, kunhan se on esitetty hyvin: helppo ymmärtää, sopiva, hyvännäköinen, tunnepitoinen ja looginen. Tiedämme, että se on paljon helpompi sanoa kuin tehdä. Todellisuudessa siihen liittyy monia tekijöitä, jotka markkinoijien, suunnittelijoiden ja kehittäjien on selvitettävä. Parhaat ratkaisut ovat yleensä tiimityön tulos. Siitä huolimatta CTA: n luomisen periaatteiden ymmärtäminen auttaa kaikkia suunnittelijoita luomaan muunnettavan suunnittelun napsautettavilla elementeillä.

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *