25 pārliecinošu aicinājumu uz darbību taustiņu piemēri

Neskatoties uz to, ko daudzi cilvēki jums pateiks, nav stingru un ātru noteikumu, kas attiecas uz pogām uz aicinājumu uz darbību. Jā, tā ir taisnība, ka lielākās un krāsainās pogas, kuras ieskauj daudz vietas, parasti ir visveiksmīgākās, taču ir svarīgi, lai katra poga tiktu pielāgota attiecīgās tīmekļa vietnes galvenajam uzdevumam neatkarīgi no tā, vai tā ir reģistrēšanās, izrakstīšanās, reģistrēšanās vai kas cits cits. Kā dizaineram tas ir jūsu darbs, lai apmeklētājiem būtu pēc iespējas vieglāk veikt šos uzdevumus, un aicināšanas uz darbību pogas ir visspēcīgākie rīki, kas ir jūsu rīcībā, tāpēc izmantojiet tos saprātīgi.

Izpētiet Envato elementus

Vispārīgi runājot, aicinājumiem uz darbību pogām jābūt vienkāršām un skaidrām. Viņiem ir jāizceļas un jāpiesaista lietotāja uzmanība. Viss ir rūpīgi jāapsver, sākot no izmantotajiem sprūda vārdiem un beidzot ar krāsām, izmēriem, formām un izvietojumu. Šīm pogām jābūt labi redzamām, bet ne tik izsmalcinātām, lai tās padarītu jūsu vietni neglītu vai nesabalansētu.

Zemāk mēs tuvāk aplūkojam 25 pārliecinošākās pogas, kas aicinātas uz darbību, kas atrodamas tīmeklī. Mēs pārbaudām, kāpēc katra poga ir tik veiksmīga. Cerams, ka viņi sniegs jums priekšstatu par dažām pamatnovirzēm un ko nedarīt un palīdzēs iedvesmot jūsu pašu dizainu.

1. WordPress e-komercija

Ir svarīgi ļaut savai pogai izcelties, izmantojot krāsu. Ja jūs varat izvēlēties krāsu, kas sasaucas ar jūsu vietnes paleti, piemēram, šo, rezultāti ir vēl pievilcīgāki.

2. Skype

Šī poga “Lejupielādēt tūlīt” ir diezgan vienkārša. Tas nav īpaši liels vai spilgti krāsains. Tomēr to ieskauj daudz baltu vietu, kas lietotājiem to padara vēl pamanāmāku.

3. Piksengīns

Pogas “Skatīt darbībā” panākumiem Picsengine paļaujas uz izvietojumu. Poga ir iestrēdzis tieši lapas vidū, un ap to nav neviena traucējoša teksta, saites vai pogas.

4. Mozilla Firefox

Mozilla Firefox poga “Bezmaksas lejupielāde” ir izraisījusi daudz diskusiju. Lielākā daļa cilvēku, arī es, uzskata, ka tā lielais, neregulāras formas, spilgti krāsains dizains ir patiesi revolucionārs aicinājuma uz darbību grafikas ziņā. Neliela minoritāte tomēr apgalvo, ka tas ir mulsinoši un nemaz neatgādina pogu.

5. CakePHP

CakePHP poga “Lejupielādēt” ir izveidota, paturot prātā lielu izmēru un neparastu formu. Tomēr tā skaidrība nav notikusi uz vispārējās vietnes estētikas rēķina. Pateicoties atbilstošajai krāsu shēmai, tā ērti atrodas fonā.

6. Crazyegg

Crazyegg ir izveidojis savu vietni ap savu aicinājuma uz darbību pogu, kas lepni atrodas mājas lapas vidū un ieskauj daudz baltu vietu. Tā spilgti dzeltenā krāsa atspoguļojas tikai ar otru lapas aicinājumu uz darbību - daudz mazāku pogu “Pierakstīties” augšējā labajā stūrī.

7. lakmuss

Litmus nav aizgājis pāri bortam ar savu aicinājuma uz darbību pogu; tomēr tas ir ļoti skaidrs, lielā mērā pateicoties tukšai vietai, kas to ieskauj, un tās noapaļotajai formai, kas nav atbalstāma nekur citur lapā.

8. StumbleUpon

Ja vienā lapā ir viens primārās funkcijas mērķis, lietotājiem ir vieglāk atrast aicinājuma uz darbību pogas, taču dažreiz tas vienkārši nav iespējams. StumbleUpon mājas lapā ir jānoklikšķina uz slodzēm, taču poga “Sākt paklupt” patiešām izceļas, pateicoties krāsas izmantošanai citādi vienkrāsainā iestatījumā.

9. Atcerieties pienu

Atcerieties, ka piens apmeklētājiem piedāvā vairākas iespējas savā mājas lapā, taču vissvarīgākais - “Reģistrējieties tūlīt!” - ir acīmredzami skaidrākais, novietots lapas vidū, apņemts ar krāsainu rūtiņu un ar lielo burtu. Šeit nav vajadzīgas krāšņas, košas krāsas.

10. Radošs mūžs

Lifetree Creative ir izdevies padarīt tā aicinājuma uz darbību pogu patiešām lielu, pat lielāku par uzņēmuma logotipu, nepadarot lapu nelīdzsvarotu. Šeit lieliska ietekme ir izmantota krāsa, forma, izmērs un telpa.

11. Ikdienas jūdze

Dailymile ir paveicis kaut ko diezgan neparastu, izmantojot savu aicinājuma uz darbību pogu. Tas ir izlikts virs visa pārējā lapas, aiz tā ir smalka ēna. Arī poga, kas ir zaļa, patiešām izceļas.

12. Karsonificēts

Carsonified mājaslapā ir daudz informācijas, tomēr poga “Nopirkt biļetes” spīd cauri, pateicoties lielo burtu lietojumam un krāsai. Baltie burti patiešām labi izceļas ar sarkanajiem.

13. planHQ

PlanHQ ir izmantojis balto vietu, lai akcentētu savas aicinājuma uz darbību pogas. Ne košās krāsās, ne lielizmēra. Šīs pogas ir skaidras, pateicoties baltā krāsā, kurā tās atrodas.

14. Lietas

Lietas mājaslapā ir divas pogas aicinājumam uz darbību, kurām abām ir līdzīga nozīme uzņēmumā. Šī iemesla dēļ tie ir identiski pēc formas, izmēra un krāsas, taču abi labi izceļas ar gaiši zilu un pelēku krāsu.

15. Tiešraide

Sarkans ir lieliska krāsa, ko izmantot, ja vēlaties kaut kam pievērst uzmanību. Tas vislabāk izceļas uz melnbalta fona, tāpat kā tas, ko izmanto Livestream mājaslapā. Pogas “Apraidīt tūlīt” bultiņas forma augšējā labajā stūrī mudina lietotājus noklikšķināt uz priekšu.

16. Ncover

Ncover ir vēl viena vietne, kuras mājas lapā ir divas pogas aicinājumam uz darbību. Izmantojot zaļo krāsu uz zila fona, Ncover ir izdevies par prioritāti noteikt vēl vienu svarīgu pogu salīdzinājumā ar otru.

17. Informācijas panelis

Šeit atkal parādās sarkans un melnbalts fons. Papildus savai krāsai, informācijas paneļa “Izmēģiniet to bez maksas!” Poga ir labi redzama, pateicoties tās izmēram, kas piedāvā pietiekami daudz vietas logotipa un “Pierakstīties 60 sekundēs” iekļaušanai.

18. Brīvi cilvēki

Šī lapa varētu izskatīties diezgan standarta, taču jūs būsit pārsteigts par to, cik daudz e-komercijas vietņu kļūdās, kad runa ir par viņu “pievienot grozam / grozam” pogām. Poga Bezmaksas Cilvēki ir acīmredzama, bez vienaldzības, pateicoties tā krāsai un lielajam, bet pieticīgajam izmēram.

19. ClickFormant

Parasti pogām ar aicinājumu rīkoties vislabāk ir izmantot nozares standarta sprūda vārdus. Lai izveidotu adresātu sarakstu, pogai parasti jābūt “Reģistrēšanās” vai “Pievienoties”. Reizēm šo vārdu mainīšana patiešām var palielināt uzņēmuma zīmola tēlu. To ir paveicis ClickFormant, izmantojot vārdu “Informēt”.

20. Kalculators

Lielas, pārāk lielas pogas aicinājumam uz darbību bieži ir ļoti veiksmīgas, taču tās var izskatīties neglītas un reizēm mazliet izmisīgas. Apzinoties to, Koombea ir izmantojusi novietojumu, krāsu, vietu un formu, nevis izmēru, lai poga spīdētu.

21. Basecamp

Basecamp vada ļoti inteliģents bariņš, tāpēc nav pārsteigums, ka tā aicinājuma uz darbību poga ir tikpat gudra. Daudzās vietnēs tiek pieļauta kļūda, novietojot pogu lapas augšdaļā, kas ir lieliski, līdz lietotājs ritina uz leju un to aizēno. Basecamp poga parādās divreiz: vienu reizi augšpusē un atkal apakšā.

22. Spotify

Spotify poga “Buy now” ir lielisks piemērs, kā vislabāk izmantot krāsu un vietu. Koši zaļa un baltuma ieskauta poga ir redzama visiem.

23. Dropbox

Dropbox mājaslapas izkārtojums ir tikpat loģisks un vienkāršs kā pats Dropbox (fantastisks rīks, kuru jums patiešām vajadzētu izmēģināt, ja vēl neesat to paveicis!) Apmeklētājiem nav ilūziju par to, kas viņiem šeit būtu jādara. Viņi var vai nu skatīties videoklipu, vai arī lejupielādēt lejupielādējamo kasti - tas ir tik vienkārši.

24. 280 slaidi

Poga “Izmēģiniet tagad…” pie 280 slaidiem ir liela… tiešām liela! Nav tā, ka apmeklētājs to var palaist garām. Tas ir zils, tādā pašā krāsā kā fons, tāpēc neizskatās tik neizskatīgi, kā viegli varētu.

25. FlockDraw

FlockDraw poga “Sākt zīmēšanu” ir viena no pievilcīgākajām šajā sarakstā. Papildus lieliskajai krāsai, kas to izceļ no izslēgtā fona, tā ir smalki izgaismota un pasvītrota ar daudzkrāsainiem otu dūrieniem.

Secinājums

Ja viena veida aicinājums uz darbību bija veiksmīgāks nekā jebkurš cits, varat būt drošs, ka to izmantos ikviena vietne. Lai gan ir iespējams noteikt līdzības starp pogām iepriekš, acīmredzami ir arī daudz atšķirību. Ir svarīgi, lai jūs savā vietnē pārbaudītu dažādas aicinājumu uz darbību pogas, lai redzētu, kā katra no tām ietekmē reklāmguvumu līmeni. To var viegli izdarīt, izmantojot Google vietnes optimizētāju. Neatkarīgi no tā, kā izskatās jūsu aicināšanas uz darbību pogas, pārliecinieties, vai tās atbilst jūsu vispārējam vietnes dizainam.

© Copyright 2024 | computer06.com