Mīklu un aicinājuma uz darbību elementu dizainam jūsu vietnē ir izšķiroša ietekme uz lietotāja pieredzi. Lietotājiem intuitīvi jāsaprot, ko viņi var sagaidīt, kad viņi noklikšķina uz pogas vai saites. Neskaidrs aicinājums veikt darbību (CTA) var radīt apjukumu un galu galā potenciālo klientu zaudēšanu. Šeit uzzināsiet, kam jāpievērš uzmanība, lai izstrādātu efektīvas un saprotamas pogas.
Galvenie secinājumi
- Pogām jābūt skaidrā un atpazīstamā krāsā.
- Svarīga ir konsekvence: visā tīmekļa vietnē izmantojiet standartizētus terminus un dizainu.
- Sistēmas atgriezeniskā saite pēc darbības palīdz lietotājiem justies droši.
- Aicinājumam veikt darbību vienmēr jābūt skaidram un viegli atpazīstamam gan datorā, gan mobilajā ierīcē.
Soli pa solim
1. Pievērsiet uzmanību fontu izmēram un atstarpēm starp tiem.
Pārliecinieties, ka fonta lielums ir viegli salasāms. Pārāk maza atstarpe starp saitēm var likt lietotājiem noklikšķināt uz nepareizām saitēm, īpaši mobilajās ierīcēs, kur pirksts ir lielāks par peles rādītāju. Novietojiet saites virs pogām, lai samazinātu kļūdu risku.

2. veidojiet pogas ar pilnu virsmu
Ideālā gadījumā pogām jābūt ar pilnu virsmu un spilgtām krāsām. Izvairieties no "spoku pogām", kurām ir tikai kontūras virsma. Šādas konstrukcijas var viegli nepamanīt, un tās ir mazāk klikšķināmas. Skaidra diferenciācija, izmantojot pilnas krāsas, padara darbības pogas pievilcīgākas.

3. konsekventa terminoloģija
Konsekvence ir pozitīvas lietotāja pieredzes atslēga. Pārliecinieties, ka izmantotajiem vārdiem ir vienāda nozīme līdzīgos kontekstos. Piemēram, ja jums ir "iepirkumu grozs", šim vārdam visur būtu jālieto vienādi un jāapraksta vienota darbība.
4. Īstenojiet sistēmas puses atgriezenisko saiti
Ļoti svarīgi ir sniegt lietotājiem atbilstošu atgriezenisko saiti pēc viņu veiktās darbības. To var izdarīt, piemēram, mainot pogas krāsu vai vizuāli palielinot pogu. Šāda atgriezeniskā saite skaidri parāda, ka darbība ir bijusi veiksmīga, un stiprina lietotāja uzticēšanos.
5 Vizualizējiet aktīvos un neaktīvos stāvokļus
Atšķirīgi vizualizējiet elementu aktīvos un neaktīvos stāvokļus. Piemēram, peles rādītājam jāmainās uz rokas rādītāju, kad lietotājs uzrāda peles kursoru virs saites. Šāda vizuāla atšķirība palīdz lietotājiem orientēties.
6. Paziņojiet lietotāja vajadzības
Jūsu mērķa grupa meklē konkrētas priekšrocības. Veidojot saturu, koncentrējieties uz to, ko lietotāji vēlas no jūsu produkta vai pakalpojuma. Informējiet viņus ne tikai par funkcijām, bet arī par ieguvumiem. Vislabāk šo informāciju izvietot lapas "virs locījuma" zonā.

7. Izveidojiet skaidru un aprakstošu aicinājumu veikt darbību.
Jūsu aicinājumam veikt darbību vienmēr jābūt skaidram un viegli atrodamam, vēlams, tīmekļa vietnes augšpusē. Izmantojiet kodolīgus un uz rīcību orientētus formulējumus, piemēram, "Izmēģiniet tagad bez maksas". Formulējumam jābūt lietotājam nepārprotamam un tieši jāizsaka ieguvums.
8. Apsveriet dažādas izšķirtspējas
Atcerieties, ka jūsu aicinājumam veikt darbību jābūt skaidri redzamam gan datorā, gan mobilajās ierīcēs. Izveidojiet pogas tā, lai tās varētu optimāli izmantot visās ierīcēs. Kā piemēru tiešsaistes veikalos var minēt meklēšanas lauku, kas jānovieto pamanāmā vietā tādā pašā platumā kā saturs.

9. Veiciet A/B testus
A/B testos izmēģiniet dažādus pogu un CTA pogu dizainus un uzvedību. Uzlabojumu var panākt ar vienkāršām izmaiņām, piemēram, pievienojot meklēšanas lauku, kas ir redzams uzreiz, nevis prasa vēl vienu klikšķi. Šādi testi parāda, kuras izmaiņas palielina konversijas koeficientu.

10. Izveidojiet skaidru pārskatu
Izveidojiet pārskatāmību savā vietnē un pārliecinieties, ka lietotāji uzreiz atpazīst, kādas darbības viņi var veikt. Vietnes karte var palīdzēt padarīt skaidrāku struktūru un atsevišķus aicinājumus veikt darbības, lai jums būtu skaidrs, kādu lietotāju uzvedību vēlaties veicināt.

Apkopojums
Šie soļi parāda, cik svarīgs lietotāja pieredzei ir pareizs pogu un CTA dizains. Skaidra saziņa, dizaina konsekvence un pārdomāta atgriezeniskā saite ir galvenie faktori, lai jūsu apmeklētāji kļūtu par aktīviem lietotājiem.
Biežāk uzdotie jautājumi
Kā izvēlēties pogām paredzētā fonta lielumu? Pārliecinieties, ka fonta lielums ir viegli salasāms un nav pārāk mazs.
Kas ir spoku pogas un kāpēc no tām jāizvairās?Spoku pogas ir kontūrpogas, kas ir mazāk pamanāmas. Pilnas virsmas pogas ir pievilcīgākas un palielina klikšķu skaitu.
Kā sniegt lietotājiem atgriezenisko saiti par viņu darbībām?Mainiet pogu krāsu vai lielumu, lai signalizētu lietotājam, ka viņa darbība ir bijusi veiksmīga.
Kāpēc ir svarīga terminoloģijas konsekvence: konsekvence palīdz izvairīties no pārpratumiem, lai lietotāji precīzi zinātu, ko sagaidīt.
Kā es varu pārliecināties, ka mans aicinājums veikt darbību ir piemērots mobilajām ierīcēm? Pārbaudiet savu lapu dažādās ierīcēs, lai nodrošinātu CTA redzamību un lietojamību.