5 Hönnunartækni fyrir betri CTA-hnappa
Þegar við heimsækjum flestar vefsíður höfum við oft markmið í huga. Til að ná því markmiði er yfirleitt nokkrar stíga sem við þurfum að taka og fyrsta skrefið byrjar með því að smella á CTA (kall til aðgerða) hnappinn. Hugsaðu um síðasta skipti sem þú skráðir þig fyrir þjónustu eða hlaðið niður forriti, því ferli sem líklega fylgir samskipti við aðgerðahnapp.
CTA hnappar eru hnappar sem þú notar á vefsíðunni þinni til að leiðbeina notendum í átt að markmiðum þínum. Allt lið CTA er að beina gestum þínum á viðeigandi aðgerð. Sum algeng dæmi um CTA eru:
- "Hefðu prufa"
- "Hlaða niður forritinu / bókinni / handbókinni"
- "Skráðu þig fyrir uppfærslur"
- "Fáðu samráði"
Í dag munum við ræða 5 bestu starfsvenjur við hönnun CTA hnappa ásamt bestu raunveruleikanum dæmi til að hjálpa þér að ná sem mestum smellum af áfangasíðunni þinni.
1. Visually sláandi hnappur
Hnappurinn litur þinn skiptir máli. Reyndar, ef þú ætlar að taka aðeins eitt ráð af þessari grein, ætti það að vera þetta: "Íhuga CTA hnapp litina þína". Notkun litar sem þú getur gert ákveðnar hnappar standa út meira en aðrir með því að gefa þeim meiri sjónræn áberandi gildi.
Notaðu andstæðar litir
Andstæður litir virka best fyrir CTA hnappana, með því að nota andstæða lit er hægt að búa til sláandi hnappa sem standa út. Þú ættir að velja andstæða lit frá litasamsetningu vefsíðunnar, en samt passa inn í heildar hönnunina. Íhuga Firefox dæmi hér að neðan. Græna liturinn á CTA hnappinum á Firefox síðunni er að stökkva af síðunni og fær strax notanda athygli.
Firefox CTA hnappinn er björt græn og stendur vel út á dökkbláum bakgrunni
Annar auga-smitandi CTA hnappur er að finna á Hipmunk heimasíðu. Björt appelsínugult hnappur tekur við athygli notenda og skilgreinir næstu hugsanlega aðgerð.
Neikvætt rúm
Ekki aðeins er liturinn mikilvægur fyrir CTA, heldur einnig magn af plássi í kringum hana. Whitespace (eða neikvætt rými) skapar nauðsynlegan andrúmsloft og skilur CTA hnappana frá öðrum þáttum í notendaviðmótinu. Gamla Dropbox heimasíðan var gott dæmi um að nota neikvætt pláss til að búa til aðal CTA poppinn sinn. Bláa "Skráðu þig ókeypis" CTA stendur út fyrir ljósbláa af bakgrunni.
2. Action-oriented texti
Að skrifa texta fyrir aðgerðahnappinn þinn sem gerir gestirnar kleift að gera réttar aðgerðir er ekki auðvelt. Sem betur fer eru nokkur atriði sem geta hjálpað þér að gera það:
Byrjaðu með sögn
Þú ættir að forðast óljósar og leiðinlegar orð eins og "Sláðu inn til að fá meiri upplýsingar" fyrir CTA takkana þína og skiptu þeim með fleiri aðgerðasömu orðum eins og "Start free trial" eða "Fáðu afslátt núna." Evernote hefur eitt af algengustu, en ennþá að vinna aðgerðamiðaðar texta fyrir CTA hnappinn.
Byrjaðu með sögn eins og "Start," "Get" eða "Join"
A meira áhugavert dæmi er að finna á heimasíðu Treehouse. The CTA á heimasíðu Treehouse er ekki bara að segja "Start a Free Trial"; Það segir "Krefjast frjálst prufa þinn." Munurinn á orðalagi kann að virðast lúmskur, en "Krefjast frjálst prufa" þinn hljómar miklu persónulegri.
Notaðu stutt og auðvelt að skilja texta fyrir hnappa
Vertu viss um að tilgreina nákvæmlega hvað gestur mun fá ef þeir smella á CTA. Helst viltu halda hnappatakkanum á milli tveggja og fimm orð.
Bæta við tillögu um gildi
Sennilega hefur þú tekið eftir því að margir hnappar hafa orðin eins og "frjáls" í afriti þeirra og það er ekki tilviljun að nota slík orð í hnappaprentun leggur áherslu á verðmæti uppboðs tilboðs þíns. Þannig að reyna að finna leið til að samþætta eitt (eða öll) 3 sannfærandi orð þegar þú skrifar CTA þinn:
- Frjáls
- Bónus
- Í stað
Leyfðu mér að gefa þér dæmi: Einn stór ótti notendur hafa áður skuldbundið sig til að skrá sig fyrir eitthvað, er að það muni vera sárt að hætta áskriftinni ef þeir vilja ekki eins og þjónustan. Netflix léttir að óttast að nota loforðið "Hætta við hvenær sem er" rétt við hliðina á "Join free for a month" CTA.
Búa til skyndihjálp
Uppbygging á brjósti í CTA-hnappunum þínum getur valdið nokkrum glæsilegum smellihlutfalli. Til dæmis gætir þú notað hnappatexta eins og "Skráðu þig og fáðu 25% afslátt í dag!" Takmarka þann tíma sem einhver þarf að taka ákvörðunin gerir fólk vill krefjast tilboðs síns meðan þeir geta.
Gagnlegar texta
Stundum getur þú viljað íhuga að bæta við auka línu upplýsinga innan textans á hnappinn. Þessi æfing er algeng með ókeypis prufuhnappum. Til dæmis gæti ókeypis prufunarhnappur sagt "30 daga prufa, ekkert kreditkort" í minni texta undir CTA takkanum með "Start free trial" texta. Þessi viðbótartexta ætti að auðvelda ákvarðanatökuferlið.
3. Gerðu það sýnilegt án þess að fletta
Staðsetningin á aðgerðaklemmunum þínum er jafn mikilvæg og liturinn og skilaboðin. A CTA hnappur ætti að vera staðsettur á auðvelt að finna stað sem fylgir lífrænt frá flæði vefsíðunnar. Þú ættir að reyna að halda CTA hnappinum þínum ofan á brjóta þannig að notendur missi aldrei það. Helst ætti CTA hnappurinn að vera meðal fyrstu hlutir sem notandi sér á síðunni þegar þeir ná því. Viðbótarupplýsingar skulu vera undir brúninni, þar sem það er aðgengilegt en ekki truflandi.
4. Stór hnappur með ávalar horn
Hugsaðu um hvernig hönnunin miðlar um gjöld. Hvernig skilja notendur þáttinn sem hnapp? Notaðu lögun og stærð til að gera þáttinn líta út eins og hnappur.
Gerðu það nógu stórt
The CTA ætti að vera nógu stór til að sjá í fjarlægð, en ekki svo stórt að það skerði athygli frá aðalatriðum á síðunni
Notandi Hnappar Með Hringlaga Horn
Hnappur lögun getur spilað stórt hlutverk. Það er sannað staðreynd Þessar ávalar horn eru auðveldari í augum. Í prófinu ContentVerve prófaði hringlaga grænn hnappur betri en blár rétthyrningur.
5. Minni er meira þegar það kemur að vali
Hafðu í huga að ef þú vilt að viðskiptavinir þínir grípi til aðgerða þarftu að aðstoða þá með því að fjarlægja allar mögulegar hindranir af leiðinni. Þegar notendur eru gefnir of margar ákvarðanir hafa þeir tilhneigingu til að verða ruglaðir. Svo er betra að bjóða hugsanlega viðskiptavini aðeins einn valkost.
Ef þú vilt samt að velja margar hnappana skaltu þyngja eitt val yfir aðra til að hjálpa trekt notendum í átt að ákveðinni slóð. Eitt gott dæmi er Evernote: um leið og þú nærð neðri hluta heimasíðu Evernote er ljóst að valið er valið "Skráðu þig ókeypis", en CTA fyrir notendur að bera saman áætlanir er mjög mikið efri.
Niðurstaða
Til að ná árangri CTA hönnun, þú þarft að hafa í huga meira en bara hnappinn sjálfan. Það er líka mikilvægt að hugsa um bakgrunnslit, umhverfis myndir, umhverfis texta og mörg önnur atriði. Basecamp liðið skilur mikilvægi þessara þátta og hannaði fullkomna skipulag fyrir áfangasíðuna sína. Jafnvel smásjáin sem þeir nota undir CTA hnappinum ("4.714 fyrirtæki skráðu sig í þessari viku!") Eykur traust hugsanlegra viðskiptavina.
Ég vona að ábendingar sem getið er um í þessari grein muni hjálpa þér að búa til betri aðgerðahnapp fyrir vefsvæðið þitt. Síðasta augnablikið er mikilvægi þess að prófa - ef þú ákveður að endurskapa CTA á vefsvæðinu þínu skaltu muna að prófa að sjá hvort það virkar fyrir áhorfendur.