Najbolji hosting u Srbiji i registracija domena Najbolji hosting u Srbiji i registracija domena Najbolji hosting u Srbiji i registracija domena – Adriahost
AdriaHost blog mobile
  • Ћирилица
  • English
tel. 011 / 40 44 770
  • Home
  • Web hosting
    • Web hosting
    • Cloud – VPS serveri
    • Dedicated serveri
    • Windows serveri
    • Audio Hosting
    • cPanel licence
  • Domeni
    • Registracija domena
    • Transfer domena
    • Whois zaštita domena
    • SSL sertifikati
    • Uslovi registracije RS
  • Usluge
    • Besplatna migracija sajta
    • Izrada web sajta
    • SMS Marketing
    • Google oglasi
    • Dodatne usluge
  • Blog
  • tel.  011 / 40 44 770
  • Ћирилица
  • English
  • Početna
  • Web hosting
  • Registracija domena
  • Transfer domena
  • Dedicated serveri
  • Cloud – VPS serveri
  • Izrada web sajta
  • Windows serveri
  • Audio Hosting
  • Whois zaštita domena
  • SSL sertifikati
  • Besplatna migracija sajta
  • Dodatne usluge
  • SMS Marketing
  • Blog

Kako da optimizujete polje za registraciju i login na vašem sajtu

Autor: Goran Magdic · Izrada sajta 2019-03-19T15:41:28+02:00

  • Tweet

Postoji mnogo načina da dizajnirate forme za registraciju i login. Većina dizajnera je upoznato sa standardnim načinima. Ali ako primenite neke inovativne tehnike forme mogu biti jednostavnije i efikasnije. U ovom članku bismo želi da vam predstavimo nekoliko novih ideja koje mogu biti korisne u vašim projektima. Naravno pre nego što primenite bilo koju od ovih tehnika potrebno je da proverite da li one imaju smisla u konkretnom slučaju.

Jednostavnija registracija/prijava


Smisao svake forme za registraciju ili prijavu je da bude popunjena i uspešno poslata. Međutim ukoliko je forma predugačka i previše komplikovana onda volja korisnika opada što može dovesti do toga da se korisniku smuči vaš sajt. Evo nekoliko inovativnih tehnika koje će učiniti vaše forme lakšim za popuniti.

Pitajte za username posle registracije

Forme za registraciju obično traže od korisnika da napravi username koji je jedinstven. Međutim smišljanje username-a neki put može da potraje. Umesto da tražite od korisnika da upiše username u toku prijave možete to pitanje postaviti nakon što se postupak završi. Ovako nećete izgubiti korisnike koji su isfrustrirani i sprečićete kreiranje bilo kakvih imena koja se lako zaborave kako bi samo zadovoljili sva potrebna polja u formi.

 

Tražite unos šifre samo jednom

Većina formi za registraciju traže od korisnika da ukuca šifru dva puta. Razlog je razumljiv. Forme maskiraju šifru iz sigurnosnih razloga. Da bi se sprečile greške u kucanju i povećala šansa za ispravnim unosom dva odvojena unosa su neophodna.

U praksi ovo može da prouzrokuje veće greške jer korisnik mora duplo više da kuca. Ne mogu videti karaktere koje unose i samim tim im biva teško da znaju da li unose svaki put ispravnu šifru.

 

Efikasniji pristup bi bio da zatražite od korisnika da šifru unese samo jednom, a da postavite checkbox kojim može da skloni masku sa šifre i proveri da li je uneo sve kako treba.

  • jQuery plugin za maskiranje šifre

Automatsko popunjavanje grada na osnovu ZIP koda

Ako zahtevate da korisnik unese svoju adresu onda razmislite o automatskom popunjavanju polja za grad na osnovu ZIP koda. Popunjavanje će ići brže jer korisnik ne mora ručno da bira grad iz liste.

  • Korisćenje AJAX-a za Grad i Državu na osnovu ZIP koda

Predlozi u polju za Državu

Konvencionalan način bi bio da korisnici izaberu državu iz padajućeg menija. Efikasniji način je da koriste tekstualno polje koje im daje predloge. Korisnik treba samo da ukuca početno slovo kako bi video svoju zemlju u listi koja je predložena.

  • AJAX predlozi za jQuery

Dozvolite automatsko popunjavanje podataka o isporuci

Ako korisnik kupuje proizvod on mora da unese podatke o plaćanju i podatke o isporuci. U većini slučajeva ovi podaci će se poklapati. S toga, dozvolite im da ih kopiraju. Možete da stavite link koji kaže “Isti podaci kao za plaćanje” i kada korisnik klikne na link podaci će se prepisati.

  • Kopiranje podataka o adresi za plaćanje i isporuku kroz jQuery
  • Kopiranje podataka u okviru forme iz jednih polja u druga kroz jQuery

 

Ne čekirajte newsletter opciju po default-u

Većina vlasnika web sajtova po defaultu drži newsletter checkbox čekiran, nadajući se da će tako dobiti više korisnika koji su prijavljeni za newsletter. Postoje šanse da će to raditi, ali je prijava besmislena ako je korisnik prijavljen zato što je prevideo tu opciju. Pre ili kasnije će se odjaviti. Primoravanje korisnika da se prijave neće pomoći dugoročno.

Efikasniji pristup je da budete sigurni da korisnik želi da se prijavi za newsletter tako što im prikažete deo istog. Ovako će znati šta propuštaju ako se ne prijave. Sem toga bićete mirniji jer znate da su oni zapravo zainteresovani za sadržaj koji im nudite.

Borite se protiv spam-a bez korišćenja CAPTCHA dodatka

Ako dobijate dosta spam poruka onda je verovatno neophodan CAPTCHA. Ono što nije potrebno je učiniti da CAPTCHA odvraća korisnike. Standardni postupak je da CAPTCHA zatraži od korisnika da prekuca slova sa slike koja su malo iskrivljena. Ali pokazalo se da ovaj pristup ubija konverzije.

  • CAPTCHA efekat na konverzije
  • F**k CAPTCHA

Jednostavniji pristup koji neće uticati na konverzije je da koristite sakrivena polja koja su obavezna, a generisana su kroz Javascript. Spam botovi ne mogu da popune ova polja jer ne mogu da interaguju sa Javascript objektima. Sem ovog načina postoji i pristup nazvan Honeypot Captcha. Možete napraviti polje u formi koje će biti prazno i kroz CSS ga sakrijte da ne bude vidljivo korisnicima, ali će ipak biti vidljivo botovima. Kada je urađen submit forme proverite da li je to polje prazno ili nije. Ako nije prazno radi se spamu i taj unos možete da ignorišete.

 

Jednostavniji login


Svrha svake login forme je da se korisnik uspešno uloguje na svoj nalog. Evo nekoliko tehnika koje će pomoći da ovaj proces bude efikasniji.

Dozvolite login sa email adresom

Uvek je lakše zapamtiti email adresu nego username. Ljudi lakše pamte email adresu jer je koriste stalno. Omogućite korisnicima da se uloguju sa svojom email adresom pored mogućnosti da to isto urade koristeći username. Fleksibilnost može uštedeti vreme i glavobolju oko vraćanja username-a koji su zaboravili.

Ulogujte korisnika bez napuštanja strane

Logovanje na sajt je vrlo čest zahtev i korisnici će zahtevati da budu u mogućnosti da se uloguju sa bilo koje tačke na Vašem sajtu. Čim to urade redirektujte ih na stranu na kojoj su bili. Ovo će ubrzati logovanje i korisnici će se vratiti na ono što su prethodno radili.

Postoji nekoliko načina da ovo uradite: padajuća forma ili pop-up prozor.

Padajuća forma će se otvoriti bez primoravanja korisnika da odu sa strane. Zauzima samo deo strane što ga čini brzom i neopterećujućom opcijom.

  • Jednostavna i efikasna jQuery login forma
  • jQuery padajuća AJAX sign-in forma

 

Pop-up ili modalni prozor takođe zadržava korisnike na trenutnoj strani, ali se otvara u sredini prozora i fokusira korisnika na log-in formu. Ova opcija daje prostora da stavite neke dodatne informacije u formu.

  • Kako da implementirate jQuery login formu u modalni prozor
  • Jednostavni tutorijal za jQuery modalni prozor

Auto-fokus na prvo tekstualno polje

Kada korisnik vidi login formu biće spreman da se uloguje. Učinite proces efikasnijim tako što kursor automatski postavite u prvo polje za unos. Ovo skraćuje vreme koje potrebno da se dođe do polja i da se klikne. Korisnik može da drži ruke na tastaturi i da odmah počne da kuca. Auto-fokus bi trebao i da označi polje kako bi korisnik znao da može da počne sa kucanjem.

Dozvolite korisniku da skine masku sa šifre

Ova opcija je već pomenuta kod registracije, ali je jednako važna i kod logovanja. S obzirom da korisnik ne vidi karaktere koje unosi može vrlo lako da pogreši. Ako je unos odbijen moraće da pokušava ponovo sve dok ne pogodi ispravnu šifru.

Problem je u tome što korisnici ne znaju koji karakter su pogrešili i s toga ne mogu da isprave grešku. To dovodi do većeg posla i usporava korisnike. Izbegnite ovaj problem stavljajući checkbox kojim korisnik može da skine masku sa šifre i proveri šta je uneo pre nego što klikne na dugme.

  • Stopiranje maskiranja šifre

 

Koristite upitnik kao link za dobijanje šifre

Trebalo bi korisnicima dati jasan link kojim će doći do svoje šifre. Umesto da koristite standardno “Zaboravili ste šifru?” razmislite o tome da stavite jednostavno znak pitanja pored polja za unos šifre, neće zauzeti puno prostora, a ni izgubiti se u ostalim linkovima. S obzirom da je znak pitanja univerzalni simbol za pomoć korisnici se neće dvoumiti gde treba da kliknu kada su zaboravili šifru.

 

Napravite “Submit” dugme širine polja za unos

Dugme za login nije samo za pokretanje akcije već ono treba i da kaže korisniku kakvu akciju će izvesti klikom na to dugme. Malo dugme će imati slab uticaj i korisnik će biti nesiguran pri loginu.

Široko dugme je bolja opcija, korisnik će ga teško promašiti. Naziv na dugmetu je takođe bolje vidljiv pa će korisniku biti jasno koju akciju preduzima klikom.

 

Dozvolite korisniku da se uloguje koristeći Facebook, Twitter ili OpenID

Skoro svi imaju Facebook, Twitter ili OpenID nalog, pa dozvoljavanje korisnicima da se uloguju koristeći ove naloge donosi određene pogodnosti. Mogu da koriste vaš sajt odmah bez prolaska kroz proces registracije. Takođe ne moraju da kontrolišu različite username-ove i šifre na različitim sajtovima.

Možete otići još dalje i koristiti Facebook connect i popuniti podatke koje bi vaši korisnici unosili. U primeru ispod na sajtu Friend.ly je Facebook aplikacija, sve što korisnik treba da uradi pre korišćenja servisa je da klikne dugme “Register”. Podaci o korisniku se učitaju automatski, ali to može dovesti do određenih pitanja povrede privatnosti, pa je možda dobro da razmislite o ovome pre nego što krenete tim putem.

Zaključak


Vaše forme, bez obzira da li se radi o registraciji ili loginu, ne treba korisniku da otežaju život. Popunjavanje forme niko ne zamišlja kao idealni provod. Ove inovativne tehnike će učiniti da vaše forme budu jednostavne i efikasne tako da vaši korisnici mogu brzo da se registruju, uloguju i da uživaju u sadržaju koji im nudite.

Izvor: smashingmagazine.com
 

PRIJAVITE SE ODMAH ZA NAJNOVIJE TEKSTOVE SA NAŠEG BLOGA!

Zahvaljujemo na prijavi, proverite vaš inbox ili SPAM folder kako bi ste dovršili prijavu.
Molimo popunite sva polja.
Molimo unesite ispravno vašu email adresu.
Došlo je do greške, molimo pokušajte kasnije.

  • Tweet

Related

Tags: izrada sajta, login, registracija

Kategorije

  • Adriahost razglednica (31)
  • Adwords (9)
  • Ćirilica na internetu (3)
  • cPanel za početnike (32)
  • Hosting sajta (45)
  • Interesantno (19)
  • Internet zarada (21)
  • Iskustva Adriahost (26)
  • Izrada sajta (78)
  • Obaveštenje (32)
  • Photoshop uputstva (7)
  • SEO i Marketing sajta (26)
  • Serveri i VPS (18)
  • Škrabalica (19)
  • SMS Marketing (10)
  • Svet domena (15)
  • WordPress za početnike (34)

Besplatan email kurs i novosti sa bloga

Prijavite se na našu email listu
Ime i prezime *
Email adresa *
Dobijaćete obaveštenje o novostima na blogu i kurs web poslovanja i marketinga u 9 lekcija.

Pratite Adriahost:

Facebook Twitter Youtube Instagram

Najpopularniji tekstovi

  • 10 fantastičnih Photoshop tutorijala
  • 18 pluginova za WordPress koje morate da imate
  • Kako da zaradite koristeći svoj blog
  • Kako da predstavite svoj biznis na Google-u
  • Šta je poddomen, parkirani ili dodatni domen?
  • 10 načina da izmenite svoju WordPress temu
  • Zašto vam ne treba odštampan račun sa pečatom i potpisom, čak i kad vam to knjigovodja traži?
  • 54 alatke koje olakšavaju izradu web sajta
  • 18 alata za proveru brzine i performansi sajta
  • [INFOGRAFIKA] Da li je brzina sajta bitna?
  • 5 stvari koje troše vaše vreme na poslu
  • Zašto se korisnici unsubscribe-uju?
  • Kako da optimizujete polja za registraciju i login na sajtu
  • 15 načina da jeftinije napravite web sajt
  • [INFOGRAFIK] Koliko zapravo košta spor sajt?
  • Kako da optimizujete svoj WordPress sajt i smanjite korišćenje resursa?
  • Vlasnici Internet prodavnica, ove statistike će Vas naterati da razmislite o marketingu…
  • Uputstvo: WordPress SEO by Yoast
  • Kako migrirati WordPress sajt?

Pridružite se našem jatu

Pridružite se Adriahostu
  • Web hosting
  • Registracija domena
  • Cloud i VPS serveri
  • Dedicated serveri
  • Windows serveri
  • Audio Streaming
  • Sms marketing
  • Website Builder
  • Google Adwords
  • Besplatna migracija vašeg sajta
  • Izrada sajta
  • Follow @AdriaHost

    Adriahost cPanel partner

    Web hosting

    • Web hosting
    • Domeni
    • VPS hosting
    • Serveri
    • Windows Hosting
    • Audio Hosting
    • Website Builder
    • cPanel licence

    Usluge

    • Besplatna migracija
    • Dodatne usluge
    • SSL sertifikati
    • Izrada sajta
    • Google AdWords
    • SMS Marketing

    Podrška

    • Otvori tiket
    • Baza znanja
    • Česta pitanja
    • Podrška ćirilici
    • Softaculous
    • Video tutorijali

    Kontakt

    • Affiliate program
    • O nama (firma)
    • Pohvale klijenata
    • Blog
    • Login klijenata

    tel. 011 / 40 44 770mob. 063 / 321 125

    09-17h radnim danom
    09-16h subotom

    Kontaktirajte nas »

    AdriaHost twitterAdriaHost facebook
    Pravilnik AdriaHost-a

    © 2019 AdriaHost. Sva prava zadržana.