Opfordring til handling. Grundlaget for effektivitet

Sådan oprettes en opfordring til handling, der faktisk fungerer

(Outcrowd) (18. dec. 2020)

Illustration: Outcrowd

Denne artikel er ikke en guide til design af knapper. Det er mere en praktisk manual til at skabe en effektiv CTA . En omfattende tilgang til oprettelse af en opfordring til handling vil garantere, at dine interfaceelementer er klikbare, selvom du groft tegner dem manuelt.

***

Spørg en designer, hvad “opfordring til handling” betyder, og han vil fortælle dig, at det er en knap, et interaktivt interface-element. Det er en måde for brugeren at udføre målhandlinger såsom at købe varer, abonnere på opdateringer eller anmode om hjælp. Så begynder designeren at fortælle dig, hvordan CTA-knapper skal se ud.

Dette er en fantastisk måde at oprette et opfordring til handling, der ikke fungerer.

Vent, hvad er der galt med det?

Forestil dig en kaffemaskine. Det har knapper, der også opfordrer til handling, nemlig at drikke kaffe. Men ingen vil skubbe dem, medmindre de vil have noget kaffe. Og hvis du tørster efter en kop java, finder du knappen uanset hvor den er, eller hvordan den ser ud.

En opfordring til handling er ikke en knap. Det er en invitation til at få det, du har brug for. Når en kunde trykker på en knap, tænker de ikke på dens livlighed eller lysstyrke i modsætning til designeren. De tænker kun på deres mål: at få en kop kaffe.

Designerens hovedmål er at gøre folk interesserede og villige til at nå deres mål og ikke bare lede dem til en målhandling fra deres hånd. CTA er blot en af ​​måderne til at nå dette mål, men det er ikke selve målet. Virker åbenlyst, men hvad sker der i virkeligheden?

Designere tænker på knapper som kun designelementer, der fokuserer al brugerens opmærksomhed på CTAer. “Skynd dig og køb vores kaffe!” De genererer en aggressiv besked og sørger for, at det er en øjeblikkelig opmærksomhed.

En god opfordring til handling skal skabe et ønske om at få en kop varm, duftende kaffe med det samme. Det egentlige mål er kaffe, ikke banneret der siger “Vi har kaffe.” At forstå denne forskel er nøglen til at skabe en vellykket CTA.

Opfordring til handling er et sæt marketingtaktikker, der konsekvent implementeres i interface-designet.

Medmindre UI og UX er helt dedikeret til at gøre målet attraktivt, vil CTA ikke være effektiv. Selve knappen opmuntrer ingen, uanset hvor godt optimeret den er.

Designere uden kendskab til grundlæggende CTA-oprettelsesprincipper bruger masser af indsats på at polere knapper og bekymre sig om, hvorvidt de skal afrundes, og i hvilken grad. Denne ærværdige forfølgelse har intet at gøre med CTA-effektivitet. En designer, der forstår vigtigheden af ​​en omfattende tilgang til oprettelse af en CTA, bekymrer sig ikke om knapform, farve eller type. Det er det sidste nummer på hans eller hendes dagsorden.

Omfattende tilgang til oprettelse af en CTA

En omfattende tilgang betyder forståelse af det grundlæggende i visuel markedsføring og brugerpsykologi. Det betyder at holde styr på alle de faktorer, der påvirker CTA-effektiviteten.

Her er de mest vigtige:

1. Interesse og motivation

Hvis brugeren ikke kan lide designet eller finder tilbuddet uinteressant ved første øjekast, forlader de siden, før de nogensinde kommer til CTA. Godt design får folk til at forblive på siden, udforske indholdet og overveje målhandling. Hvis tilbuddet bliver lavet uattraktivt, vil ingen magt på jorden få brugeren til at udføre handlingen.

For at kunne tiltrække brugere skal du have en dyb forståelse af din målgruppes smag og præferencer.

AQ luftfugter – 3D-modellering & Brand Design

2. God UX

Den første forudsætning for en effektiv CTA er god UX:

  • enkel og forståelig navigation
  • ingen forhindringer
  • forudsigelighed

Brugerens vej fra indgangsstedet skal være så enkel, intuitiv og logisk som muligt. Når det med det samme er klart, hvad der tilbydes, og hvad der skal gøres, er det meget mere sandsynligt, at det tilskynder til et positivt svar.

Jo længere vej til CTA, jo flere registreringsformularer, undersøgelser og andre forhindringer er der på vejen, jo færre brugere kommer til knappen. Jo mere kompliceret opkaldets handling er, jo mere motivation har du brug for.

3. God brugergrænseflade

Dette handler om det øjeblikkelige indtryk, der gøres ved at kigge på siden. En rodet side med for meget indhold, en overflod af elementer og højdepunkter forvirrer og frustrerer brugerne. Mange onlinebutikker viser et blændende udvalg af “Buy” -knapper. Produktbilleder går tabt blandt opkald og annoncer, der er ikke plads omkring elementerne. Alt dette skaber et indtryk af rod og får butikken og dens produkter til at være upålidelige.

Et klart, minimalistisk design er den bedste løsning, der er let at se på.

Landing Page – Sollar

Masser af CTAer på en side er en god måde at skræmme brugere væk. Ideelt set bør der være en effektiv CTA pr. Tilbud. Hvis der er mange tilbud, er en bedre idé at foreslå en overgang og fremvise hver for sig. Dette giver dig mulighed for at holde designet ryddeligt og efterlade “åndedrætsrummet” omkring elementerne. Hvis du har brug for at placere flere CTAer på en side, skal du oprette et visuelt hierarki med højdepunkter, understrege det primære tilbud og opkald og nedtone de sekundære tilbud.

4. Indhold og CTA-placering

Websides indhold skal arbejde hen imod hovedmålet og vise fordelene ved det og lede brugeren til CTA-blokken. Indholdspræsentation er den afgørende faktor i valg af, om målhandlingen skal udføres.

Den berømte marketingmedarbejder Nick Patel har fundet ud af, at placeringen af ​​CTA-knappen i den første blok reducerer konverteringen med 17%. Brugeren har ikke haft tid til at udforske indholdet, men er allerede bedt om at udføre en handling. Du skal starte med at give nogle oplysninger om dit tilbud, så dine brugere kan danne et positivt indtryk. Dette er især vigtigt for forretningstilbud og -tjenester.

Ikke alle tilbud kræver dog detaljerede beskrivelser. Mange produkter og tjenester skal præsenteres med det samme. I et tilfælde som dette, hvordan opretter du en CTA uden at miste de dyrebare 17%?

Lad os se på, hvordan Apple gør det.

Hvad er det første, du ser? Ikke opfordringen til handling, det er helt sikkert. Hvor er de lyse knapper, der opfordrer dig til at “købe nu”? Hvor er de fed skrift?

Her skifter Apple højdepunkterne smart. Det er ikke CTA, der er fremhævet.

www.apple.com

Opkaldet til “Shop the collection” bruger en lille, ydmyg skrifttype, selve teksten er så enkel som det kunne være. Den aktivt aggressive indflydelse her opnås gennem farver.

Apple-produkter har ikke brug for en forklaring. Men hvis dit tilbud også kan fremvises gennem effektive billeder, skal du vælge det: start med at vise dit produkt ledsaget af en iøjnefaldende CTA. I tilfælde, hvor du ikke kan stole på visuel præsentation alene, skal CTA følge hovedtilbudbeskrivelsen.

5. CTA-design

CTA-blokken er en organisk del af designet. Alle elementer, inklusive knapperne, skal matche den valgte stil, være i overensstemmelse med det visuelle hierarki og være enige med hinanden. De visuelle funktioner i CTA-knapper og den ledsagende tekst afhænger af målene og målene på dit websted (eller din app) og dine målgruppers præferencer, så det er meningsløst at diskutere, hvilke knapper der er “bedre til konvertering”. Det er ikke knapperne, der giver konvertering, men korrekt markedsføring og godt design målrettet mod en bestemt brugergruppe.

Og nej, tegn ikke knapper i hånden, medmindre det er i overensstemmelse med det overordnede koncept. Uanset hvor meget du vil have din CTA til at skille sig ud, må den aldrig stride mod den generelle stil. CTA-knapens farve skal være i kontrast til baggrunden, så brugerne ikke behøver at lede efter den over hele siden. Det er absolut ikke acceptabelt at placere CTA-knapper på usædvanlige steder bare for at skabe kreativitet.

6. Fremhævning af målet

Brugerens mål og højeste prioritet er det, der får ham til at udføre målhandlingen. Når han abonnerer på et kursus, tænker han på at forbedre sin uddannelse. Når han klikker på knappen “Køb”, tænker han på produktet. Billedet, der forstærker det nødvendige mentale billede, skal placeres nær CTA-knappen.

CTA er ikke målet!

Landingsside – Wendys Granny Chocolate

Hvis tilbuddet ikke kræver nogen illustration, er det primære højdepunkt tekstbeskrivelsen, visuelt afbalanceret med knappen. Her er et eksempel:

Enhver numerisk information om fordele skal også være placeret visuelt tæt på CTA-knappen og være tilstrækkeligt fremhævet.

7. Tekst

Et overbevisende opkald er altid lakonisk, forståeligt og simpelt. Det er bedst at bruge aktive verb, I-udsagn, stærke ord, belønningstriggere og følelsesmæssige udløsere. Hvis det er relevant, kan du bruge enkle instruktioner og “før” og “efter” demonstrationer.

Her er hovedtyperne af tekstopkald (trigger + CTA):

Det samme princip gælder visuelt: mere vægt på udløseren end CTA-knappen.

Tekstopkaldet skal være baseret på markedsundersøgelse og testet på forhånd.

8. Følelser

Et design, der udløser en dyb følelsesmæssig reaktion, er nøglen til høje konverteringsfrekvenser. Husk Apple-eksemplet ovenfor. Farven valgt af deres marketingfolk og designere er ikke kun rød. Det er blodrødt, hvilket gør folk noget ængstelige og ubevidst bange. Tilføj nu opkaldet for at redde liv. CTA understreger en ædel mission, ikke at købe produktet. Det er en god marketingløsning med smuk designimplementering.

www.apple.com

Få flere oplysninger: Emotionel Design

Konklusion

CTA er bare et tandhjul i en massiv maskine. Hvis maskinen fungerer (markedsanalyse udført, omhyggeligt valgt informationsindhold, designkoncept oprettet), fungerer CTA også.

Brugere har ikke adgang til websider for knapperne. De tiltrækkes af tilbuddet, så længe det præsenteres godt: let at forstå, passende, flot, følelsesladet og logisk. Vi ved, at det er meget lettere sagt end gjort. I virkeligheden involverer det mange faktorer, der skal regnes med af marketingfolk, designere og udviklere. De bedste løsninger er normalt resultatet af teamwork. Ikke desto mindre vil forståelse af principperne bag oprettelse af CTAer hjælpe enhver designer med at oprette et konverterende design med klikbare elementer.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *