Upotrebljivost za lutke: koje bi trebale biti tipke na web-lokaciji

Idealni gumbi su kada posjetitelji stranica nisu ometeni njima, ali se stalno kliknu. Dobar gumb treba izgledati prirodno i organski, tako da ga korisnik ne ocjenjuje na svjesnoj razini, već automatski slijedi navedeni poziv. U ovom članku ćete saznati što bi trebalo biti savršeno gumbe na mjestu.

Kada koristiti gumbe umjesto veza

Praktički na bilo kojem resursu naći ćete više veza od gumba. Gumbi su slike koje je potrebno potrošiti za njihovo stvaranje. Veza se može napraviti u sekundi. U ovom slučaju veze i tipke rješavaju gotovo identične zadatke. Kada trebam koristiti gumbe i kada mogu koristiti veze?

Ako stranica koristi previše gumba, ona se polako učitava. Osim toga, korisnik može postati zbunjen nakon što vidi nekoliko poziva na radnju. Stoga koristite gumbe kada trebate potaknuti korisnika da izvrši važnu radnju za vas: kupite, preuzmite, registrirajte itd. U svim drugim slučajevima, prikladne veze.

Kako razlikovati važnu akciju od manje važne? Zapitajte se: "Ima li namjeravani učinak na moje poslovanje ili na moju web-lokaciju?"

Važne radnje obično zahtijevaju aktivan napor korisnika. On mora registrirati, komentirati, naručiti itd. Manje važne radnje ne zahtijevaju aktivne napore. Korisnik se kreće od stranice do stranice i troši sadržaj.

Kako ispravno koristiti gradijente

Dizajneri koriste gradijente kako bi osigurali prirodan izgled elemenata sučelja. Kada izvor svjetlosti osvjetljava objekt odozgo, on stvara efekt prirodnog svjetla i daje dubinu objekata. Osvijetljena područja objekta korisnik percipira što bliže izvoru svjetla, a zamračena područja kao udaljena.

Prilikom izrade gumba imajte na umu:

  • Osoba percipira gumb upaljen u gornjem dijelu i potamnjen u donjem dijelu, kao konveksan.
  • Osoba opaža gumb koji je osvijetljen na dnu i potamnjen na vrhu, kao konkavan ili pritisnut.

Korisnik bi trebao vidjeti povišen gumb dok ga ne pritisne. Ako korisnik pritisne gumb, trebao bi ga vidjeti konkavno. Taj se učinak može postići pomoću gradijenta.

Kako učiniti gumb uvjerljivim

Gumbi gotovo uvijek sadrže CTA, ali korisnici ih ne kliknu uvijek. Da biste povećali mogućnost klikanja, morate učiniti gumbe uvjerljivima. Što to znači u smislu upotrebljivosti?

  • Koristite gradijente, sjene i zaobljene kutove kako biste gumb učinili realnim.

Što je gumb realniji, to ga češće korisnici kliknu. Možete postići efekt trodimenzionalnog gumba s gradijentima, sjenama i zaobljenim kutovima. Osoba automatski pritisne desetke gumba tijekom dana: poziva lift, uključuje TV ili klima uređaj, odgovara na telefonske pozive itd. Što je realniji gumb na web-lokaciji, veća je vjerojatnost da će ga korisnik automatski kliknuti.

  • Koristite kontrastne boje.

Kontrastna boja privlači pažnju korisnika. Idealna boja je ona koja odmah čini da posjetitelj primijeti gumb. Napominjemo da boja gumba mora biti u kontrastu s pozadinom web-lokacije i bojom teksta na samom gumbu.

  • Neka gumb bude dovoljno velik, ali ne i neprirodno velik.

Veličina je važna kada su u pitanju gumbi. Što je gumb veći, lakše ga privlači pažnja korisnika. Kada povećate gumb, ne zaboravite proporcionalno povećati veličinu CTA fonta. Nemojte pretjerivati ​​s veličinom. Gumb ne smije vizualno apsorbirati sadržaj.

  • Koristite hitne riječi

Danas, odmah, jednim klikom, ove i druge riječi stvaraju efekt hitnosti. Koristite ih u tekstu na gumbu kako biste stimulirali klikove.

  • Omekšajte CTA

Korisnici mogu odbiti vašu ponudu iz različitih razloga. Primjerice, smatraju da je proizvod preskup, ne razumiju njegove vrijednosti i suštinu. U ovom slučaju, pomoći ćete mekom pozivu na akciju. Ponudite korisnicima demo verziju, besplatno razdoblje korištenja, saznajte više o proizvodu itd.

  • Koristite ispravno velika i mala slova.

Ako se vaš CTA sastoji od dvije riječi, napišite ih velikim slovom. Velikim slovima tekst potiče. Ako se vaš PU sastoji od tri ili više riječi, napišite prvu riječ velikim slovom, a ostatak upišite malim slovima. U ovom slučaju, tekst se doživljava kao dijalog. Formule izgledaju ovako: tvrdi CTA = jedna ili dvije riječi + svaka riječ s kapitalom; soft CTA = tri riječi ili više + kapital samo prvi.

  • Ilustrirajte pozive na akciju

To se može učiniti pomoću ikona, strelica i drugih elemenata. CTA su uvjerljiviji. Na primjer, strelica na gumbu prikazuje korisniku da će nakon klika otići na drugu stranicu.

  • Koristite efekte lebdenja

Vizualna promjena gumba kada prelazite pokazivačem miša uvjerava korisnika da izvrši neku radnju. Što bi se trebalo promijeniti? To mogu biti gradijenti, promjena boje fonta ili promjena izgleda pokazivača. Na primjer, kada prelazite preko gumba, pokazivač se može promijeniti iz neutralne strelice u ruku u pokretu.

Zašto tipke OK više nisu u redu

Programeri sučelja često koriste gumbe kao što su "U redu", "Odustani", "Da", "Ne", itd. Ako koristite računalo, te gumbe možete vidjeti svaki dan.

Ovi gumbi nemaju nikakve veze s radnjom koju korisnik poduzme. Da bi vaš signal bio jasniji i uvjerljiviji, pridružite CTA željenoj / planiranoj radnji korisnika.

Zašto bi se gumbi za pretvorbu trebali nalaziti u donjem desnom kutu stranice.

Na to pitanje možete odgovoriti nakon proučavanja Gutenberga.

Dijagram pokazuje da je stranica podijeljena na četiri dijela. Strelice označavaju kretanje posjetitelja. Gornji lijevi i desni donji kvadranti stranice najviše pažnje dobivaju od korisnika. Donji lijevi kvadrant dobiva najmanje pažnje. Stoga je bolje postaviti gumb pretvorbe u donjem desnom kutu stranice.

Zašto u dijaloškim okvirima gumb željene akcije treba biti s desne strane

U dijaloškim okvirima, gumbi željene akcije ("Kupi", "Blagajna", "Da", "U redu", itd.) Rade bolje kada se nalaze na desnoj strani. Zabilježite sljedeću ilustraciju:

Ako je gumb željene radnje na lijevoj strani, korisnik ga najprije primijeti. Međutim, on je ne pritisne sve dok ne istraži sve dostupne opcije. Posjetitelj uočava gumb željene akcije, a zatim skreće pozornost na gumb alternativnog djelovanja. Da bi odabrao opciju "Da", njegova pozornost mora se vratiti na gumb željene akcije.

Kada je gumb za željenu radnju s desne strane, put konverzije skraćuje se za jedan korak:

Kada je gumb za željenu akciju na desnoj strani, pažnja korisnika se prvo zaustavlja na sekundarnoj opciji, a zatim prelazi na željenu opciju.

Kada je gumb za željenu radnju na lijevoj strani, korisnik nailazi na tri vizualna popravka na putu do konverzije. Kada je gumb željene akcije na desnoj strani, broj vizualnih fiksacija je smanjen na dva.

Kako označiti gumb željene akcije

U dijaloškim okvirima ima smisla vizualno istaknuti gumb željene akcije. U tom slučaju privlači i zadržava pažnju korisnika.

Da biste vizualno označili gumb pretvorbe, možete koristiti sljedeće metode:

  • Koristite bogatu boju za gumb željene akcije i alternativno djelovanje za nezasićeni gumb.
  • Koristite boju pozadine za gumb alternativne akcije. Primijetite dijaloški okvir Skype na gornjim ilustracijama. Gumb alternativne akcije "Izlaz" spaja se s pozadinom.
  • Izrada alternativnog gumba akcije kao veze.
  • Korištenje efekta transparentnosti, zahvaljujući kojem gumb alternativnog djelovanja izgleda neaktivno.

Zašto bi ikone trebale imati transparentnu pozadinu

Ikone poboljšavaju učinkovitost korisničkog sučelja. Ljudi vide vizualne obrasce ikona desetke tisuća puta brže od teksta. To je točno kada su brojke prikazane na transparentnoj pozadini.

Kada je pozadina ikona neprozirna, brzina percepcije informacija od strane korisnika oštro pada. Pozadina stvara vizualnu buku koja sve ikone čini istom. Umjesto trenutnog skeniranja vizualnih informacija, korisnik mora čitati i interpretirati slike, što je tipično za rad s tekstom.

Korištenje neprozirne pozadine za ikone može se usporediti s tekstom pisanim velikim slovima: to otežava skeniranje vizualnih uzoraka i smanjuje brzinu percepcije.

Kako koristiti strelice i točkice

Strelice na gumbima označavaju korisnika da dovrši radnju nakon prijelaza. Na primjer, klikom na gumb posjetitelj može naručiti, odabrati proizvod, pretplatiti se na newsletter.

Strelice u izborniku pokazuju dostupnost dodatnih opcija.

Točke na gumbima i izborniku ukazuju na dostupnost dodatnih opcija i nepotpunost akcije.

Strelice i točkice čine gumbe i izbornike intuitivnim.

Gumbi moraju biti vidljivi i uvjerljivi.

Da bi to učinili, dizajneri moraju odabrati pravilan raspored gumba, koristiti gradijente i bogate boje, primijeniti efekte lebdenja, kontraste i ispravne pozive na radnju. Učinkovitost gumba poboljšana je pomoću strelica, elipse i drugih vizualnih elemenata. Gumbi bi trebali biti dovoljno veliki, ali ne bi trebali vizualno apsorbirati okolni tekst.

Pogledajte videozapis: TechGenuis - Huawei Mate20 Pro vs. DSLR (Listopad 2019).

Ostavite Komentar