Pokyny pre pokyny, najlepšie postupy a príklady tlačidiel výzva na akciu

Tlačidlá na výzvu na akciu na webových stránkach sú často zanedbávané. Dizajnéri niekedy nechápu presne to, čo robí dobré tlačidlo výzvy na akciu, za to, že sú atraktívne a zapadajú do celkového dizajnu. Tlačidlá výzvy na akciu sú príliš dôležité na to, aby boli navrhnuté bez nejakého pochopenia toho, čo ich robí efektívne. Koniec koncov, hlavným bodom tlačidla výzvy na akciu je dostať návštevníkov robiť niečo.

Je dôležité získať aspoň základné pochopenie toho, ako farbu, rozsah, jazyk a ďalšie faktory ovplyvňujú mieru konverzie tlačidla výzvy na akciu. Koncepty tu nie sú komplikované, ale berú trochu predvídavosti a plánujú vytvoriť najefektívnejšie tlačidlá na vyvolanie akcie v danom dizajne. Prečítajte si viac informácií o každom z týchto bodov a viac.

Účel tlačidiel "výzva na akciu"

Tlačítka výzvy na akciu môžu slúžiť na rôzne funkcie. Po všetkom, “výzva do akcie” je naozaj trochu nejasný. Všetko to znamená, že hlavným cieľom je dostať návštevníka na vaše stránky urob niečo. To, že by bolo možné pridať produkt do nákupného vozíka, niečo sťahovať, požadovať informácie alebo len čokoľvek iné.

Keďže tlačidlá výzvy na akciu majú takéto rozmanité účely, veľa úvah sa musí venovať tomu, čo má tlačidlo dosiahnuť. Typ stránky, cieľový trh a požadovaná akcia môžu zohrávať úlohu v tom, ako najlepšie navrhnúť tlačidlo výzvy na akciu.

Typy tlačidiel "výzva na akciu"

Existuje niekoľko rôznych typov tlačidiel výzvy na akciu. Zatiaľ čo sa každý typ zameriava na to, aby návštevníci vykonali určitú akciu, môže sa táto akcia značne líšiť. Nižšie sú najčastejšie typy tlačidiel výzvy na akciu na základe akcie, ktorú chcete vykonať.

1. Pridať do košíka

Stránky elektronického obchodovania vo všeobecnosti používajú niekoľko tlačidiel výzvy na akciu, najpoužívanejší je však “pridať do košíka” Tlačidlo. Tieto tlačidlá sa zvyčajne zobrazujú na jednotlivých stránkach produktov. Ich cieľom je lákať zákazníkov k nákupu položky. Spoločné prvky dizajnu v tlačidlách na pridanie do košíka obsahujú jednoduché znenie (napr “Pridať do košíka” alebo “Pridať do tašky” alebo “Kúpte teraz“) a používanie ikon (zvyčajne tašky alebo vozíky).

2. Stiahnite si tlačidlá

Tlačidlá na prevzatie sú podobné tlačidlám pridania do košíka v tom, že sa snažia lákať návštevníka, aby získal majetok. V prípade tlačidiel na stiahnutie mnohí dizajnéri sa rozhodli zahrnúť viac informácií ako iné typy tlačidiel (napríklad informácie o verzii alebo veľkosť sťahovania).

3. Skúšobné tlačidlá

Niektoré stránky sa snažia lákať svojich návštevníkov, aby vyskúšali svoje ponuky, vo všeobecnosti vo forme bezplatnej skúšobnej verzie. Môže to byť voľné stiahnutie alebo bezplatný účet v závislosti od konkrétneho webu. Niektoré stránky používajú “menej je viac” filozofiu a udržiavať jazyk na svojich tlačidlách na minimum, zatiaľ čo iní radi ponúkajú viac informácií o tom, čo obsahuje skúšku.

4. Viac informácií o tlačidlách

Tlačidlá Viac informácií sa všeobecne používajú na konci bloku informácií o ukážke (často na domovskej stránke). Tieto tlačidlá sú zvyčajne jednoduché, ale často veľké, aby pritiahli pozornosť návštevníkov.

5. Tlačidlá registrácie

Tlačidlá registrácie sa najčastejšie zobrazujú v dvoch rôznych verziách. Prvý typ je zvyčajne priamo spojený s registračným formulárom. Druhý typ sa zvyčajne používa podobným spôsobom ako “pridať do košíka” ako spôsob, ako si môžu užívatelia zakúpiť alebo zaregistrovať službu alebo účet, skôr než skutočne získajú registračný formulár.

Existujú aj iné typy tlačidiel výzvy na akciu, ale tieto sú najbežnejšie. Pokyny, ktoré sa vzťahujú na vyššie uvedené pravidlá, sa pravdepodobne budú vzťahovať aj na akýkoľvek iný typ tlačidla výzvy na akciu, ktorú by ste mohli navrhnúť.

Použitie negatívneho priestoru efektívne

Chcete, aby vaše tlačidlá akcie vyčnievali z okolitého obsahu a naozaj vás upozorňovali návštevníci vašich stránok. Na tento účel je potrebné použiť okolo týchto tlačidiel záporný priestor. Zahrňte prázdny priestor medzi obsahom a tlačidlom výzvy na akciu. Zatiaľ čo je to menej dôležité (a menej bežné) na niektorých tlačidlách, ako sú tlačidlá na pridanie do košíka, s ostatnými, napríklad s tými, ktorí sa dozvedia viac, lepšie pracujú s väčším priestorom.

Je dôležité vyvážiť množstvo negatívneho priestoru okolo tlačidiel s veľkosťou samotných tlačidiel. Je to o pomere. Chcete, aby vaše tlačidlo, priestor okolo neho a okolitý obsah všetkým vyzerali, že ide spoločne, dokonca aj s rozdielnymi rozmermi. Možno budete musieť trochu hrať s vecimi trochu, aby ste ich vyzerali správne.

Niektoré pokyny:

Uistite sa, že okolo tlačidla je dostatok miesta, aby sa necítil preplnený
Zvážte zásady, ako je pravidlo tretích alebo Zlatý pomer pri určovaní toho, koľko priestoru treba zahrnúť
Negatívny priestor dáva tlačidlu miestnosti na výzvu na akciu, aby sa vyčlenila od vášho iného obsahu a rozdelila ho

Veľkosť a farba

Aké veľké sú tlačidlá výzvy na akciu, je veľmi dôležité. Tlačidlo, ktoré je príliš veľké, prekoná všetko okolo neho. Tlačítko, ktoré je príliš malé, sa stratilo v tom, ako sa celý obsah na stránke zmenil. Chcete, aby vaše tlačidlo bolo dostatočne veľké na to, aby vyniklo bez ohromujúceho dizajnu.

Farba môže byť efektívne využitá na vyváženie veľkosti tlačidiel. V prípade väčších tlačidiel vyberte farbu, ktorá je v rámci vášho dizajnu menej výrazná (ale pozadie sa stále opäť objavuje). Pri menšom tlačidle možno budete chcieť vybrať jasnejšiu, kontrastnú farbu, aby ste skutočne vytvorili tlačidlo. V obidvoch prípadoch sa uistite, že farba, ktorú používate, nastavuje tlačidlo od seba, bez toho, aby narazilo na celkový dizajn webu.

Niektoré pokyny:

Tlačítka výzvy na akciu by mali byť v ideálnom prípade najväčšie tlačidlá na danej stránke
Používajte kontrastné farby, aby ste menšie tlačidlá vynikli viac
Použite menej zreteľné farby na lepšie prispôsobenie nadmerne veľkých tlačidiel
Tlačidlá na volanie na akciu si vyžadujú pozornosť bez toho, aby ste ohromili dizajn

Jazyk

Presné znenie, ktoré sa rozhodnete použiť na tlačidlách výzvy na akciu, môže mať obrovský vplyv na konverziu. porovnať “Kúpte teraz” s “Pridať do košíka“. Jedna je oveľa naliehavejšia než druhá. Alebo čo “Vyskúšajte to zadarmo” s “Skúška zadarmo“? Jeden je oveľa väčší ako druhý a vyniká viac.

Jazyk, ktorý používate na tlačidlách výzvy na akciu, by mal byť čo najjednoduchší a najjednoduchší. Chcete, aby návštevníci poznali len s pohľadom presne to, čo dostanú po kliknutí na tlačidlo. Ak to spochybňujú, znamená to, že sa pozastavili, čo môže viesť k nižším konverzným kurzom.

Nezabudnite tiež na veľkosť písma. Text na tlačidle výzvy na akciu by mal byť veľký a odvážny, správne prispôsobený veľkosti a farbe samotného tlačidla. Uistite sa, že je dostatočný kontrast a že text je ľahko čitateľný.

Niektoré pokyny:

Použite jednoduchý, priamy jazyk
Na tlačidle pre hlavný text použite veľké, tučné písmo
Uistite sa, že jazyk jasne vyžaduje konkrétnu akciu

Vytvorte naliehavosť

Chcete, aby návštevníci na vašom webe vykonávali požadované akcie s čo najmenšou myšlienkou. Aj keď nechcete oklamať svojich návštevníkov, tým viac možností, ktoré im dáte, aby prestali a zvážia, čo robia, tým viac príležitostí, ktoré im dáte “žiadny”.

Chcete, aby vaše tlačidlá dali dojem, že musia konať hneď. Chceli by ste ich povzbudiť k okamžitému rozhodnutiu, na okamžik. Zatiaľ čo to nebude fungovať pre každé tlačidlo výzvy na akciu (najmä pre nákup položiek s vysokou cenou), pre lacné alebo bezplatné akcie, s návštevníkmi kliknutí s malým predpokladom je žiaduce.

Niektoré pokyny:

Povzbudzujte svojich návštevníkov, aby konali okamžite
Nedávajte svojim návštevníkom dôvod na pozastavenie
Hoci naliehavosť je dôležitá, nijakým spôsobom nezavádzajte svojich návštevníkov

Poskytnite ďalšie informácie

V prípade potreby použite tlačidlá výzvy na akciu, aby ste návštevníkom poskytli ďalšie informácie o tom, čo získajú, ak kliknú na tlačidlo. To je najčastejšie viditeľné na skúšobných tlačidlách alebo tlačidlá na prevzatie. Bežné príklady dodatočných informácií zahŕňajú dĺžku trvania bezplatnej skúšobnej verzie alebo veľkosť sťahovania súboru. Informácie o verzii sú tiež bežne viditeľné.

Ak máte k dispozícii ďalšie informácie, nezabudnite, že je potrebné zamerať sa na skutočnú výzvu na akciu. Uistite sa, že text pre jazyk, ktorý láka návštevníkov k tomu, aby pôsobili, je najvýraznejší, pričom iné informácie sú oveľa menej viditeľné.

Niektoré pokyny:

Zahrnúť iba dodatočné informácie, keď pridáva k užívateľskému zážitku
Ďalšie informácie sú vhodné iba pre niektoré typy tlačidiel výzvy na akciu, predovšetkým tlačidlá na prevzatie alebo skúšanie
Uistite sa, že hlavná výzva na akciu je stále najvýraznejším textom na vašom tlačidle

uprednostniť

Je dôležité uprednostňovať tlačidlá výzvy na akciu na vašej stránke, ak existuje viac ako jedna. To je možné vykonať mnohými spôsobmi, ale najbežnejšie sú pomocou farby a veľkosti.

Použite farbu na zvýraznenie najdôležitejšieho tlačidla na stránke alebo na to, aby menej dôležité boli menej dôležité. Alebo použite veľkosť, aby sa najdôležitejšie tlačidlo stalo (tým, že je väčšie) a de-zdôrazniť menej dôležité.

Ikony a obrázky

Zahrnutie vizuálnych pokynov do tlačidiel výzvy na akciu môže tiež pomôcť zvýšiť miery konverzie. Ikonka nákupného košíka na “pridať do košíka” napríklad tlačidlo alebo šípka na tlačidlo preberania sú obaja dobrými príkladmi. Premýšľajte tiež o jedinečných ikon, ktoré sa majú používať, ale uistite sa, že ikona pridáva k užívateľským zážitkom vysvetlenie toho, na aké tlačidlo ide, a nedáva žiadnu zámenu.

Niektoré pokyny:

Uistite sa, že ikony, ktoré používate, pomôžu objasniť význam vášho tlačidla, a nie zamieňať ho
Ľahko rozpoznané ikony môžu okamžite zobraziť význam vašim návštevníkom
Nebojte sa používať menej bežne používané ikony, pokiaľ ich význam je stále jasný

Príklady

Tu je niekoľko príklady skvelých tlačidiel na výzvu na akciu. Zatiaľ čo všetky nie sú úplne v súlade s vyššie uvedenými pokynmi, spĺňajú dostatočné kritériá na to, aby boli považované za skvelé.

Živý prenos - Rozlíšenie tlačidiel "zakúpiť teraz" (pre platené možnosti) a "zaregistrovať" (pre voľné voľby) je dobrá stratégia.

Windows 7 - Veľké, zelené tlačidlo "Získať Windows7" je pre návštevníkov jednoduché.

HQ súborov - Jasné zelené tlačidlo tu naozaj vyniká na bielom pozadí.

denník - Použitím rôznych farieb tlačidiel "Prevzatie" a "Kúpiť" ich nastavíte oddelene a uprednostňuje sa tlačidlo "Kúpiť".

TasteBook - Toto tlačidlo veľmi využíva ikonu a používa väčší, tučný text, aby vynikol.

GoodBarry - Ďalšie jasne zelené tlačidlo výzvy na akciu.

Lifetree Creative - Pokračovanie rovnakého písma od kópie tela do tlačidla výzvy na akciu vytvára pocit súdržnosti.

Návratník - Svetlé červené tlačidlo pre volanie na akciu, ktoré je označené tučným písmom, vyniká na modrom pozadí.

Notepod - Dobrým príkladom zahrnutia ďalších informácií do tlačidla výzvy na akciu.

INKD - Skvelý príklad uprednostnenia tlačidiel s veľkosťou.

Elegantné motívy - Ďalším vynikajúcim príkladom použitia farby na vystupovanie bez toho, aby sa narušil okolitý konštrukčný prvok.

Zendesk - Ďalším skvelým príkladom vytvorenia tlačidla je farba.

Storenvy - Okrúhle tlačidlo je nečakané a vyniká, obzvlášť keď je obklopený bielym okrajom.

Bara'Mail - Niekedy tlačidlo, ktoré sa mieša, funguje lepšie v celkovom dizajne stránok, najmä ak je táto akcia menej naliehavá.

Viac zdrojov

Tlačítka Call to Action: Príklady a najlepšie postupy - od časopisu Smashing Magazine
Dobré tlačidlá výzvy na akciu - z UX Booth
Tlačítka volania na akciu: Zmení veľkosť? - Od Get Elastic
10 Techniky pre efektívne “Výzva do akcie” - Z Boagworld
5 tipov pre vytvorenie efektívneho tlačidla pre volanie na akciu - zo služby SitePoint