Lietotāja pieredze (UX) un klienta ceļojums – prakses pamācība

Optimāli izstrādātas pogas un aicinājuma uz darbību elementi

Visi pamācības video Lietotāja pieredze (UX) un klienta ceļojums - prakses pamācība

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.

Optimāli izstrādātas pogas un aicinājuma uz darbību elementi

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.

Optimāli izstrādātas pogas un aicinājuma uz darbību elementi

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ā.

Optimāli izstrādātas pogas un aicinājuma uz darbību elementi

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.

Optimāli izstrādātas pogas un aicinājuma uz darbību elementi

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.

Optimāli izstrādātas pogas un aicinājuma uz darbību elementi

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.

Optimāli izstrādātas pogas un aicinājuma uz darbību elementi

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.