„Kvietimas veikti“ mygtukai, geriausios praktikos pavyzdžiai ir pavyzdžiai

Tinklalapių skambinimo veiksmų mygtukai dažnai ignoruojami. Dizaineriai kartais nesupranta, kas daro gerą raginimo veikti mygtuką ir yra patraukli ir pritaikyta bendrajam dizainui. Tačiau raginimo imtis veiksmų mygtukai yra pernelyg svarbūs, kad jie būtų suprojektuoti be jokio supratimo apie tai, kas juos daro. Galų gale, pagrindinis skambinimo į veiksmą mygtukas yra lankytojų priėmimas daryti kažkas.

Svarbu įgyti bent jau pagrindinį supratimą apie tai, kaip spalva, skalė, kalba ir kiti veiksniai turi įtakos skambučio į veiksmą mygtuko perskaičiavimo kursui. Čia pateiktos sąvokos nėra sudėtingos, tačiau jos trokšta ir planuoja sukurti efektyviausius skambučių mygtukus, galimus per tam tikrą dizainą. Skaitykite daugiau informacijos apie kiekvieną iš šių taškų ir daugiau.

„Kvietimas veikti“ mygtukų paskirtis

Skambučių į veiksmą mygtukai gali tarnauti įvairioms funkcijoms. Po visko, “raginimas imtis veiksmų” iš tikrųjų yra šiek tiek neaiški. Visa tai reiškia, kad pagrindinis tikslas yra gauti lankytoją į jūsų svetainę daryti kažką. Tai, kad kažkas galėtų pridėti produktą prie savo pirkinių krepšelio, atsisiųsti kažką, prašyti informacijos ar tiesiog apie ką nors kita.

Kadangi skambučių į veiksmą mygtukai turi tokius skirtingus tikslus, daug dėmesio reikia skirti tai, ką mygtukas siekia pasiekti. Svetainės tipas, tikslinė rinka ir pageidaujamas veiksmas gali atlikti svarbų vaidmenį, kaip geriausiai sukurti kvietimą veikti.

„Kvietimas veikti“ mygtukų tipai

Yra keletas skirtingų tipų skambučių į veiksmą mygtukų. Nors kiekvienas tipas siekia, kad lankytojai atliktų tam tikrą veiksmą, šis veiksmas gali labai skirtis. Žemiau pateikiami dažniausiai pasikartojančių veiksmų mygtukų tipai, pagrįsti veiksmais, kurių jie nori imtis.

1. Pridėti į krepšelį mygtukus

El. Prekybos svetainėse paprastai naudojami kelios raginimo veiksmų mygtukai, tačiau dažniausiai naudojamasi “į krepšelį” mygtukas. Šie mygtukai paprastai rodomi atskiruose produktų puslapiuose. Jų tikslas - pritraukti klientus pirkti prekę. Į bendrų dizaino elementų pridėjimą prie krepšelio mygtukų yra paprastas tekstas (pvz., “Į krepšelį” arba “Pridėti į maišelį” arba “Pirkti dabar“) ir piktogramų naudojimą (paprastai krepšys ar krepšelis).

2. Atsisiųsti mygtukus

Atsisiuntimo mygtukai yra panašūs į krepšelio mygtukus, nes jie bando pritraukti lankytoją, kad jis pasiektų daiktą. Atsisiuntimo mygtukų atveju daugelis dizainerių nusprendžia įtraukti daugiau informacijos nei kitų tipų mygtukai (pvz., Versijos informacija arba atsisiuntimo dydis).

3. Bandomieji mygtukai

Kai kurios svetainės bando pritraukti savo lankytojus išbandyti savo pasiūlymus, paprastai nemokamo bandymo forma. Tai gali būti nemokama parsisiųsti arba nemokama sąskaita, priklausomai nuo konkrečios svetainės. Kai kurios svetainės naudoja “mažiau yra daugiau” filosofija ir išlaikykite kalbą jų mygtukuose iki minimumo, o kiti mėgsta pasiūlyti daugiau informacijos apie tai, kas yra tyrime.

4. Sužinokite daugiau mygtukų

Sužinokite daugiau mygtukai paprastai naudojami informacijos apie liežuvį blokų pabaigoje (dažnai pagrindiniame puslapyje). Šie mygtukai paprastai yra paprasti, bet dažnai per dideli, kad pritrauktų lankytojų dėmesį.

5. Užregistruokite mygtukus

Registracijos mygtukai dažniausiai pasirodo dviejose skirtingose ​​versijose. Pirmasis tipas paprastai yra tiesiogiai susijęs su registracijos forma. Antrasis tipas paprastai naudojamas panašiu būdu “į krepšelį” mygtukai, kaip būdas vartotojams pirkti ar užsiregistruoti paslaugai ar paskyrai, prieš tai, kai jie faktiškai pasiekia registracijos formą.

Yra ir kitų tipų skambučių į veiksmą mygtukai, tačiau jie yra dažniausiai pasitaikantys. Pirmiau nurodytoms rekomendacijoms taikomos gairės greičiausiai taip pat bus taikomos bet kuriam kitam kvietimui veikti.

Neigiamos erdvės efektyvus naudojimas

Norite, kad jūsų raginimo veiksmų mygtukai išsiskirtų nuo aplinkinių turinio ir iš tiesų pavyktų atkreipti dėmesį į svetainės lankytojus. Tuo tikslu turite naudoti neigiamą erdvę aplink tuos mygtukus. Įtraukite tuščią tarpą tarp turinio ir skambučio į veiksmų mygtuką. Nors kai kurie mygtukai, pvz., Pridėti prie krepšelio mygtukų, yra mažiau svarbūs (ir mažiau paplitę), o kiti, kaip ir kiti, geriau dirba su daugiau vietos.

Svarbu subalansuoti neigiamų erdvių, esančių aplink mygtukus, dydį su pačių mygtukų dydžiu. Tai apie proporciją. Norite, kad jūsų mygtukas, aplink jį esantis erdvė ir aplinkinis turinys atrodo panašūs, net jei jų dydis nevienodas. Jums gali tekti smulkinti aplink ką nors, kad jie atrodytų teisingi.

Kai kurios gairės:

• Įsitikinkite, kad aplink jūsų mygtuką yra pakankamai vietos, kad jaustųsi nepatogus
• Apsvarstykite principus, tokius kaip trečdalių taisyklė arba Auksinis santykis, nustatant, kiek vietos turi būti įtraukta
• Neigiama erdvė suteikia jūsų skambučio į veiksmą mygtuko kambariui išskirti iš kito turinio ir išskiria jį

Dydis ir spalva

Kiek jūsų raginimo veikti mygtukai yra labai svarbūs. Pernelyg didelis mygtukas užvaldys viską aplink jį. Per mažas mygtukas pranyks visą kitą puslapio turinį. Norite, kad jūsų mygtukas būtų pakankamai didelis, kad išsiskirtų be didelio dizaino.

Spalva gali būti labai naudinga, kad padėtų subalansuoti mygtukų dydį. Didesniems mygtukams pasirinkite spalvą, kuri yra mažiau matoma jūsų dizaine (tačiau vis dar išsiskiria fone). Dėl mažesnio mygtuko, galite pasirinkti ryškesnę, kontrastingesnę spalvą, kad iš tikrųjų padarytumėte mygtuką „pop“. Bet kuriuo atveju įsitikinkite, kad jūsų naudojama spalva atskiria mygtuką, nepažeisdama viso svetainės dizaino.

Kai kurios gairės:

• Jūsų raginimo veikti mygtukai idealiai turėtų būti didžiausi atitinkamo puslapio mygtukai
• Naudokite kontrastingas spalvas, kad mažesni mygtukai išsiskirtų daugiau
• Naudokite mažiau skirtingas spalvas, kad pernelyg dideli mygtukai būtų geriau pritaikyti
• Jūs skambinate į veiksmų mygtukus, turite atkreipti dėmesį, nesukeldami savo dizaino

Kalba

Tiksli formuluotė, kurią pasirinksite naudoti kvietimų veikti mygtukuose, gali turėti didelį poveikį konversijai. Palyginkite “Pirkti dabar” su “Į krepšelį“. Vienas iš jų yra daug skubesnis nei kitas. Arba kaip apie “Išbandykite jį nemokamai” su “Nemokamas bandymas“? Vienas iš jų yra daug didesnis nei kitas ir išsiskiria daugiau.

Kalba, kurią naudojate kvietimų veikti mygtukuose, turėtų būti kuo paprastesnė ir paprastesnė. Norite, kad lankytojai suprastų, ką jie gaus, kai spustelėsite mygtuką. Jei jie suabejoja, tai reiškia, kad jie pristabdė, o tai gali sumažinti konversijų rodiklius.

Nepamirškite ir šrifto dydžių. Jūsų raginimo skambinti mygtuko tekstas turi būti didelis ir paryškintas, tinkamai pritaikytas paties mygtuko dydžiui ir spalvai. Įsitikinkite, kad yra pakankamai kontrasto ir kad tekstas būtų lengvai skaitomas.

Kai kurios gairės:

• Naudokite paprastą, tiesioginę kalbą
• Pagrindinio teksto mygtuke naudokite didelį, paryškintą šriftą
• Įsitikinkite, kad kalba aiškiai reikalauja konkretaus veiksmo

Sukurti skubumą

Norite, kad jūsų svetainės lankytojai atliktų pageidaujamus veiksmus kiek įmanoma mažiau. Nors nenorite apgauti savo lankytojų, tuo daugiau galimybių suteikiate jiems sustoti ir apsvarstyti, ką jie daro, tuo daugiau galimybių suteikiate jiems pasakyti “ne”.

Norite, kad jūsų mygtukai suteiktų jiems įspūdį, kad jiems reikia veikti nedelsiant. Jūs norite paskatinti juos nedelsiant priimti sprendimą dėl akimirkos. Nors tai neveiks kiekvienam kvietimui veikti mygtukui (ypač tiems, kurie įsigyja didelio bilieto elementus), pageidautina, kad pigūs ar nemokami veiksmai, lankytojų paspaudimas, turintis mažai minties.

Kai kurios gairės:

• Skatinkite lankytojus veikti nedelsiant
• Nesuteikite lankytojams jokios priežasties pristabdyti
• Nors skubumas yra svarbus, neklaidinkite lankytojų jokiu būdu

Pateikite papildomos informacijos

Jei reikia, naudokite savo raginimo veiksmų mygtukus, kad lankytojams būtų suteikta papildoma informacija apie tai, ką jie ketina gauti, jei jie spustelės mygtuką. Tai dažniausiai matoma bandomųjų mygtukų arba atsisiuntimo mygtukų pagalba. Įprasti papildomos informacijos pavyzdžiai apima nemokamo bandomojo laikotarpio trukmę arba failo atsisiuntimo dydį. Versija informacija taip pat dažnai matoma.

Įtraukę papildomos informacijos, nepamirškite, kad reikia sutelkti dėmesį į faktinį raginimą veikti. Įsitikinkite, kad teksto, skirto lankytojams patraukti, tekstas yra ryškiausias, o kita informacija yra mažiau pastebima.

Kai kurios gairės:

• Įtraukite tik papildomą informaciją, kai ji papildo naudotojo patirtį
• Papildoma informacija yra tinkama tik tam tikrų tipų skambučių į veiksmą mygtukams, ypač atsisiuntimo arba bandomųjų mygtukų tipams
• Įsitikinkite, kad pagrindinis skambutis veikti vis dar yra svarbiausias jūsų mygtuko tekstas

Pirmenybė

Svarbu, kad pirmenybė būtų teikiama skambinimo veiksmų mygtukams jūsų puslapyje, jei yra daugiau nei vienas. Tai galima padaryti įvairiais būdais, tačiau dažniausiai tai yra naudojant spalvą ir dydį.

Naudokite spalvą, kad pažymėtumėte svarbiausią puslapio mygtuką, arba kad mažiau svarbūs būtų mažiau pastebimi. Arba naudokite dydį, kad svarbiausias mygtukas išsiskirtų (padidindamas) ir mažindami mažiau svarbius mygtukus.

Piktogramos ir vaizdai

Vaizdo užuominų įtraukimas į skambučių į veiksmą mygtukus taip pat gali padėti padidinti konversijų rodiklius. Prekių krepšelio piktograma “į krepšelį” mygtukas, arba rodyklė ant atsisiuntimo mygtuko yra geri pavyzdžiai. Pagalvokite apie unikalias piktogramas, kurias naudosite, tačiau įsitikinkite, kad piktograma papildo naudotojo patirtį, paaiškindama, kas yra mygtukas, ir nesukelia painiavos.

Kai kurios gairės:

• Įsitikinkite, kad naudojamos piktogramos padeda paaiškinti mygtuko reikšmę, o ne supainioti
• Lengvai atpažįstamos piktogramos gali nedelsiant nurodyti lankytojų reikšmę
• Nebijokite naudoti mažiau dažniausiai naudojamas piktogramas, jei jų reikšmė vis dar aiški

Pavyzdžiai

Štai keletas puikių raginimo veiksmų mygtukų pavyzdžiai. Nors ne visi puikiai atitinka aukščiau pateiktas gaires, jie atitinka kriterijus, kuriuos reikia laikyti puikiais.

Tiesiogiai - „Pirkti dabar“ (už mokamas parinktis) ir „užsiregistruoti“ (nemokamoms galimybėms) mygtukų diferencijavimas yra gera strategija.

Windows 7 - Didelis, žalias „Get Windows7“ mygtukas lankytojams yra lengvas.

Fileshare būstinė - Šviesiai žalios spalvos mygtukas iš tiesų išsiskiria baltu fonu.

Žurnalas - Skirtingų spalvų naudojimas mygtukams „Parsisiųsti“ ir „Pirkti“ juos išskiria ir suteikia pirmenybę mygtukui „Pirkti“.

„TasteBook“ - Šis mygtukas puikiai naudoja piktogramą ir išsiskiria didesniu, paryškintu tekstu.

„GoodBarry“ - Kitas ryškus žalias raginimas veikti.

„Lifetree Creative“ - Tęsiant tą patį šriftą iš kūno kopijos į kvietimą veikti, atsiranda sanglaudos jausmas.

Resumator - Ryškus raudonas raginimo veikti mygtukas su paryškintu šriftu išsiskiria mėlynu fonu.

Notepod - Geras pavyzdys, kaip įtraukti papildomos informacijos į skambučio į veiksmą mygtuką.

Inkd - Puikus pavyzdys, kai pirmenybė teikiama mygtukams su dydžiu.

Elegantiškos temos - Kitas puikus pavyzdys, kaip naudoti spalvas, kad išsiskirtų be supančių dizaino elementų.

ZenDesk - Kitas puikus pavyzdys, kaip padaryti mygtuką, išsiskiria naudojant spalvą.

Storenvy - Apvalus mygtukas yra netikėtas ir išsiskiria, ypač kai jį supa baltas kraštas.

Bara'Mail - Kartais mygtukas, kuris susilieja, geriau veikia jūsų bendrą svetainės dizainą, ypač kai veiksmas yra ne toks skubus.

Daugiau išteklių

• Raginimas imtis veiksmų: pavyzdžiai ir geriausia praktika - nuo „Smashing Magazine“
• Geros raginimo veikti mygtukai - iš „UX Booth“
• Skambinti į veiksmo mygtukus: ar dydis? - „Get Elastic“
• 10 Efektyvios technikos “Kvietimas veikti” - Nuo Boagworld
• 5 patarimai, kaip sukurti efektyvų skambutį į veiksmo mygtuką - iš „SitePoint“