Pogas “Rīcība”, vadlīnijas, paraugprakse un piemēri

Tīmekļa vietnēs bieži tiek ignorēti aicinājumi uz rīcību. Dizaineri dažreiz nesaprot, kas ir labs aicinājums uz rīcību, kas pārsniedz pievilcību un iekļaušanos kopējā dizainā. Bet aicinājuma uz rīcību pogas ir pārāk svarīgas, lai tās varētu veidot bez jebkādas izpratnes par to, kas tos padara efektīvus. Galu galā galvenais uzaicinājuma uz darbību punkts ir apmeklētāji darīt kaut ko.

Ir svarīgi iegūt vismaz pamatzināšanas par to, kā krāsa, mērogs, valoda un citi faktori ietekmē uzaicinājuma uz darbību pogas konversijas likmi. Šeit minētie jēdzieni nav sarežģīti, bet tie ņem mazliet priekšstatu un plāno izveidot visefektīvāko aicinājumu uz rīcību pogām konkrētā dizainā. Plašāku informāciju par katru no šiem punktiem lasiet tālāk.

Pogas "Uzaicinājums uz rīcību" mērķis

Zvanīšanas uz rīcību pogas var kalpot dažādām funkcijām. Galu galā, “aicinājums rīkoties” tiešām ir mazliet neskaidrs. Tas viss nozīmē, ka galvenais mērķis ir iegūt apmeklētāju uz jūsu vietni dari kaut ko. Tas, ka kaut kas varētu pievienot produktu savam iepirkumu grozam, lejupielādēt kaut ko, pieprasot informāciju vai tikai par kaut ko citu.

Tā kā uz zvaniem uz rīcību vērstiem pogām ir tik daudz dažādu mērķu, daudz uzmanības jāpievērš tam, ko pogas mērķis ir sasniegt. Vietnes veids, mērķa tirgus un vēlamā darbība var būt nozīmīga, lai vislabāk izstrādātu aicinājuma uz rīcību pogu.

"Uzaicinājuma uz rīcību" pogu veidi

Ir daži dažādi zvanu uz darbību veidi. Lai gan katra veida mērķis ir iegūt apmeklētājus noteiktai darbībai, šī darbība var ievērojami atšķirties. Zemāk ir visbiežāk sastopamie zvanu uz pogas veidi, pamatojoties uz darbībām, ko viņi vēlas veikt.

1. Pievienot grozam pogas

E-komercijas vietnēs parasti tiek izmantotas vairākas uzaicinājuma uz rīcību pogas, bet visplašāk izmantotā ir “Pievienot grozam” poga. Šīs pogas parasti parādās atsevišķās produktu lapās. To mērķis ir mudināt klientus iegādāties preci. Kopējā dizaina elementu pievienošana grozu pogām ietver vienkāršu formulējumu (piemēram, “Pievienot grozam” vai “Pievienot somu” vai “Pērc tagad“) un ikonas (parasti maiss vai grozs).

2. Lejupielādēt pogas

Lejupielādes pogas ir līdzīgas, lai pievienotu grozu pogām, jo ​​tās cenšas piesaistīt apmeklētāju, lai tā varētu pārņemt objektu. Lejupielādes pogas gadījumā daudzi dizaineri izvēlas iekļaut vairāk informācijas nekā cita veida pogas (piemēram, versijas informācija vai lejupielādes lielums).

3. Izmēģinājuma pogas

Dažas vietnes cenšas piesaistīt savus apmeklētājus izmēģināt savus piedāvājumus, parasti bezmaksas izmēģinājuma formā. Tas varētu būt bezmaksas lejupielāde vai bezmaksas konts, atkarībā no konkrētās vietnes. Dažas vietnes izmanto “mazāk ir vairāk” filozofija un saglabājiet valodu uz savām pogām līdz minimumam, bet citi vēlas piedāvāt vairāk informācijas par to, ko satur izmēģinājums.

4. Uzziniet vairāk pogas

Uzzināt vairāk pogas parasti tiek izmantotas teaser informācijas bloka beigās (bieži mājas lapā). Šīs pogas parasti ir vienkāršas, bet bieži vien lielas, lai piesaistītu apmeklētāju uzmanību.

5. Pierakstīšanās pogas

Pierakstīšanās pogas visbiežāk parādās divās dažādās versijās. Pirmais veids parasti ir tieši saistīts ar pierakstīšanās veidlapu. Otrais veids parasti tiek izmantots līdzīgā veidā “Pievienot grozam” pogas, kā veids, kā lietotāji var iegādāties vai pierakstīties pakalpojumam vai kontam, pirms tie faktiski sasniedz pierakstīšanās veidlapu.

Ir arī citi zvanu uz pogas veidi, bet tie ir visbiežāk sastopami. Vadlīnijas, kas attiecas uz iepriekšminētajiem, iespējams, attieksies arī uz jebkura cita veida aicinājumu uz rīcību.

Negatīvās telpas efektīva izmantošana

Jūs vēlaties, lai jūsu uzaicinājuma uz rīcību pogas izceļas no apkārtnes satura un tiešām komandētu uzmanību no jūsu vietnes apmeklētājiem. Lai to panāktu, jums jāizmanto negatīva telpa ap šīm pogām. Ievietojiet tukšu atstarpi starp saturu un aicinājumu uz darbību. Lai gan tas ir mazāk svarīgs (un mazāk izplatīts) dažās pogās, piemēram, pievienot grozu pogām, ar citiem, piemēram, tiem, kas vēlas uzzināt vairāk, strādāt labāk ar vairāk vietas.

Ir svarīgi sabalansēt negatīvo telpu daudzumu, kas ir ap pogām, ar pašu pogu izmēru. Tas ir par proporciju. Jūs vēlaties, lai jūsu poga, tā apkārtne un apkārtējais saturs visiem izskatītos kopā, pat ar atšķirībām. Iespējams, jums būs jātērpas ar kaut ko mazliet, lai viņi meklētu tikai tiesības.

Dažas vadlīnijas:

• Pārliecinieties, ka ap pogu ir pietiekami daudz vietas, lai tā nebūtu jūtama
• Nosakot, cik daudz vietas ir jāiekļauj, apsveriet tādus principus kā trešo valstu noteikums vai zelta attiecība
• Negatīvā telpa ļauj jūsu izsaukuma uz pogas telpu izcelties no cita satura un atdala to atsevišķi

Izmērs un krāsa

Cik liela ir jūsu aicinājuma uz rīcību poga ir ļoti svarīga. Poga, kas ir pārāk liela, pārspēs visu ap to. Poga, kas ir pārāk maza, tiks pazaudēta visas citas lapas satura sajaukšanā. Jūs vēlaties, lai jūsu poga būtu pietiekami liela, lai izceltos, nepārspējot dizainu.

Krāsu var izmantot, lai panāktu līdzsvaru ar pogām. Lielākām pogām atlasiet krāsu, kas jūsu dizainā ir mazāk pamanāma (tomēr atkal izceļas fonā). Mazākai pogai, iespējams, vēlēsities izvēlēties gaišāku, kontrastējošu krāsu, lai patiešām padarītu pogu pop. Jebkurā gadījumā pārliecinieties, vai lietotā krāsa atšķiras no pogas, nesaskaroties ar vietnes vispārējo dizainu.

Dažas vadlīnijas:

• Jūsu uzaicinājuma uz rīcību pogām ideālā gadījumā jābūt lielākajām pogām attiecīgajā lapā
• Izmantojiet kontrastējošas krāsas, lai mazākās pogas izceļas vairāk
• Izmantojiet mazāk atšķirīgas krāsas, lai padarītu pārāk lielas pogas piemērotas labākai
• Jums ir jāzvana uz rīcību pogām, lai pievērstu uzmanību, nepārspējot savu dizainu

Valoda

Precīzs formulējums, ko izvēlaties izmantot zvanīšanas uz pogām pogām, var būtiski ietekmēt reklāmguvumu. Salīdzināt “Pērc tagad” ar “Pievienot grozam“. Viens ir daudz steidzamāks par otru. Vai arī kā “Izmēģiniet to bez maksas” ar “Bezmaksas izmēģinājuma versija“? Viens no tiem ir daudz lielāks par otru un izceļas vairāk.

Valodu, ko izmantojat uz zvanu veikšanas pogām, vajadzētu būt pēc iespējas vienkāršākai un vienkāršākai. Jūs vēlaties, lai apmeklētāji uzzinātu tikai ar īsu brīdi, ko viņi saņems, kad noklikšķinās uz pogas. Ja viņi to apšauba, tas nozīmē, ka tie ir apturēti, kas var izraisīt zemākus reklāmguvumu rādītājus.

Neaizmirstiet arī savu fontu izmērus. Teksta uz jūsu aicinājuma uz rīcību pogai ir jābūt lielai un treknai, pienācīgi atbilstošai paša pogas izmēram un krāsai. Pārliecinieties, ka ir pietiekams kontrasts un vai teksts ir viegli lasāms.

Dažas vadlīnijas:

• Lietojiet vienkāršu, tiešu valodu
• Galvenā teksta taustiņā izmantojiet lielu, treknu fontu
• Pārliecinieties, ka valoda skaidri prasa konkrētu darbību

Izveidot steidzamību

Jūs vēlaties, lai jūsu vietnes apmeklētāji veiktu vēlamos pasākumus, cik vien maz domā. Kamēr jūs nevēlaties maldināt savus apmeklētājus, jo vairāk iespēju jūs viņiem dodat apstāties un apsvērt to, ko viņi dara, jo lielākas iespējas jums dod viņiem teikt “Nē”.

Jūs vēlaties, lai jūsu pogas dotu tām iespaidu, ka viņiem ir jārīkojas uzreiz. Jūs vēlaties iedrošināt viņus nekavējoties pieņemt lēmumu uz brīdi. Lai gan tas nedarbosies katrai uzaicinājuma uz rīcību pogai (īpaši tiem, kas iegādājas augstas biļešu vienības), par zemām izmaksām vai bezmaksas darbībām ir vēlams, lai apmeklētāji noklikšķinātu ar nelielu priekšstatu..

Dažas vadlīnijas:

• Mudiniet apmeklētājus rīkoties nekavējoties
• Nedodiet saviem apmeklētājiem iemeslu apturēt
• Lai gan steidzamība ir svarīga, nekādā veidā nemaldiniet apmeklētājus

Sniedziet papildu informāciju

Ja nepieciešams, izmantojiet zvanīšanas uz rīcību pogas, lai sniegtu apmeklētājiem papildu informāciju par to, ko viņi gatavojas saņemt, ja viņi noklikšķinās uz pogas. Visbiežāk tas ir redzams ar izmēģinājuma pogām vai lejupielādes pogām. Parasti papildu informācijas piemēri ietver laika periodu, kad bezmaksas izmēģinājums ilgs, vai faila lejupielādes lielums. Informācija par versijām ir arī bieži redzama.

Ja pievienojat papildu informāciju, atcerieties, ka jums jāturpina koncentrēties uz faktisko aicinājumu rīkoties. Pārliecinieties, ka teksts valodai, kas piesaista apmeklētājus, ir visizteiktākais, ar citu informāciju, kas ir daudz mazāk pamanāma.

Dažas vadlīnijas:

• Iekļaujiet papildu informāciju tikai tad, ja tā papildina lietotāja pieredzi
• Papildu informācija ir piemērota tikai dažu veidu zvaniem uz darbību, galvenokārt lejupielādes vai izmēģinājuma pogām
• Pārliecinieties, ka galvenais aicinājums uz rīcību joprojām ir vissvarīgākais jūsu pogas teksts

Prioritātes

Ja ir vairāk par vienu, ir svarīgi, lai jūsu lapā tiktu noteiktas prioritātes zvanu uz darbību pogām. To var izdarīt vairākos veidos, bet visbiežāk tās ir, izmantojot krāsu un izmēru.

Izmantojiet krāsu, lai izceltu svarīgāko pogas pogu, vai arī, lai padarītu mazāk svarīgos, šķiet mazāk pamanāmi. Vai arī izmantojiet izmēru, lai padarītu svarīgāko pogu izceļas (padarot to lielāku) un atceļot mazāk svarīgos.

Ikonas un attēli

Vizuālu norādījumu iekļaušana jūsu zvanu uz darbības pogām var arī palīdzēt palielināt reklāmguvumu līmeni. Iepirkumu groza ikona uz “Pievienot grozam” poga, piemēram, vai bultiņa uz lejupielādes pogas ir labs piemērs. Domājiet arī par unikālām ikonām, ko izmantot, bet pārliecinieties, ka ikona pievieno lietotāja pieredzi, noskaidrojot, kas ir poga, un nepievieno neskaidrības.

Dažas vadlīnijas:

• Pārliecinieties, vai izmantotās ikonas palīdz noskaidrot jūsu pogas nozīmi, nevis sajaukt to
• Viegli atpazīstamas ikonas var nekavējoties norādīt jūsu apmeklētājiem nozīmīgumu
• Nebaidieties izmantot mazāk lietotas ikonas, kamēr to nozīme joprojām ir skaidra

Piemēri

Šeit ir daži lielisku zvanu uz rīcību pogas piemēri. Lai gan tie visi pilnībā neatbilst iepriekš minētajām vadlīnijām, tie atbilst pietiekami daudziem kritērijiem.

Tiešraide - Pielietojot "nopirkt tagad" (apmaksātajām iespējām) un "pierakstīties" (bezmaksas opcijām) pogas, ir laba stratēģija.

Windows 7 - Lielā, zaļā "Get Windows7" ​​poga ir viegli pieejama apmeklētājiem.

Fileshare HQ - Spilgti zaļā poga šeit tiešām izceļas pret balto fonu.

Žurnāls - Izmantojot dažādas krāsas, lietojot pogas "Lejupielāde" un "Pirkt", tās tiek atdalītas un dod priekšroku pogai "Pērk".

TasteBook - Šī poga lieliski izmanto ikonu un izceļas ar lielāku, treknu tekstu.

GoodBarry - Vēl viens spilgti zaļš aicinājums rīkoties.

Lifetree Creative - Tāda paša burtu saglabāšana no ķermeņa kopijas uz aicinājuma uz darbību pogu rada kohēzijas sajūtu.

Resumator - Spilgti sarkans uzaicinājums uz darbību ar treknu tipu izceļas pret zilo fonu.

Notepod - Labs piemērs papildu informācijas iekļaušanai uz aicinājuma rīkoties.

Inkd - Lielisks piemērs pogām ar lielumu.

Elegantas tēmas - Vēl viens lielisks piemērs, kā izmantot krāsu, lai izceltu, nesaskaroties ar apkārtējiem dizaina elementiem.

ZenDesk - Vēl viens lielisks piemērs, kā izdarīt pogu, izceļas ar krāsu.

Storenvy - Apaļa poga ir negaidīta un izceļas, it īpaši, ja to ieskauj balta robeža.

Bara'Mail - Dažreiz poga, kas apvienojas, darbojas labāk jūsu vispārējā vietnes dizainā, īpaši, ja darbība ir mazāk steidzama.

Vairāk resursu

• Aicinājums rīkoties ar pogām: piemēri un labākās prakses - no Smashing Magazine
• Labas aicinājuma rīkoties pogas - no UX Booth
• Aicinājums rīkoties ar pogām: vai izmērs ir svarīgs? - No Get Elastic
• 10 Efektīvas metodes “Aicinājums rīkoties” - No Boagworld
• 5 padomi efektīvas zvana izveidei - no vietnes vietas