Izrada savršenog kontakt obrasca koji konvertira



Pregled sadržaja

Danas je iznimno važno kako posjetiteljima pružiti pozitivno korisničko iskustvo. Cilj velikog broja web stranica je da se posjetitelja usmjeri na kontakt formu te ostvari kontakt. Kod izrade kvalitetne web stranice ključni proces je postavljanje savršenog kontakt obrasca koji bi prihvatio potencijalnog kupca. Cilj nam je poboljšati korisničko iskustvo a time direktno utjecati i na stopu konverzije.

Važno je imati na umu da se kontakt obrazac ne postavlja bilokako. Razlika između nisko konvertirajućih obrasca i visoko konvertirajućih često je vrlo mala. Vrag je u detaljima. Potrebno je obrazac dotjerati kako bi bio maksimalno optimalan za našu radnju.

Zašto su kontakt obrasci važni na web stranici

Cilj kontakt obrasca je da ga korisnik ispuni traženim podacima te se potom oni proslijede određenoj osobi. Iako je puno jednostavnije na web stranici samo navesti e-mail adresu, postojanje kontakt obrasca je iznimno bitno za rast poslovanja.

Koji su sve moguće prednosti razlozi zbog kojih je potrebno razmotriti izradu kontakt obrasca?

Veća konverzija

Glavni razlog za kontakt obrazac je prije svega povećanje konverzije. Posjetitelji se nalaze na stranici i obrasci su odličan način za prikupljanje njihovih podataka a pravilnom izradom optimalno podešavamo obrazac kako bi ostvarili maksimalnu stopu konverzije.

Personaliziran pristup

Na web stranici bi mogli samo postaviti e-mail adresu kako bi nas drugi mogli kontaktirati. Ali to nam nije uspješna strategija i slaba je garancija da će korisnik otvoriti svoj preglednik za mail, unijeti adresu i zajedno s predmetom početi pisati poruku. Takva doza kompliciranja mnogim korisnicima se neće svidjeti i stoga ne omogućuje ni približno dovoljno uspjeha. Kontakt obrazac je vrlo praktičan način kojom korisnicima dajemo mogućnost ostvarivanja brzog kontakta.

Personaliziran pristup znači da smo u mogućnosti tražiti od korisnika točno određene podatke i tražiti da korisnik igra po našim pravilima. Postavljamo polja za unos koja su nam potrebna i imamo punu kontrolu ovisno o situaciji.

Dostupnost

Kada korisnici ne mogu brzo i lako doprijeti do vas, frustrirani odustaju i odlaze drugdje što rezultira izgubljenim klijentim i poslom. Obrasci za kontakt daju korisnicima dojam da smo dostupni. Naveden telefonski broj radi kontakta dobro je imati ali ne možemo biti dostupni 24 sata i 7 dana u tjednu.

Korisnici nas isto tako često mogu kontaktirati putem profila na društvenim mrežama. Problem je da ne koriste svi društvene mreže a i dodatan je posao korisniku ići na drugu stranicu kako bi poslali poruku.

Stoga, kontakt obrazac na stranici je idealan jer je korisniku nadohvati ruke, može ga koristiti u bilokoje vrijeme i mi ćemo mu se javiti prvom prigodom kada smo u mogućnosti.

Potpuna kontrola nad procedurom slanja

Ponekad možda ne želimo obznaniti svima našu e-mail adresu ili smo zabrinuti da botovi ne pokupe našu e-mail adresu (usprkos šifriranju e-maila) i potom šalju spam na nju pa je njeno sakrivanje možda opravdano radi naše sigurnosti.

Korisnici prilikom ispunjavanja kontakt obrasca ne mogu znati što se odvija na serveru prilikom slanja poruke. Kada pošalje korisnik poruku, automatsko možemo slati poruku dodatnim ljudima, pravoj osobi koja bi mogla biti zadužena za određenu radnju.

Predmet za slanje kontakt forme možemo podesiti kako god želimo prema raznim faktorima. Primjerice, ako korisnik šalje poruku s određenog proizvoda, predmet poruke možemo podesiti da bude naziv tog proizvoda. Ako imamo predstavnike za prodaju koji su vezani uz određenu kategoriju proizvoda, tada možemo sukladno tome podesiti predmet a i primaoca poruke. Stoga je kontakt obrazac nešto što i nama olakša naknadne radnje i njime ćemo spriječiti potrebu da dodatno proslijeđujemo poruku ručno.

Integracija s drugim alatima

Korištenje obrasca omogućuje nam da programirano odradimo još neke dodatne radnje na serveru. Primjerice, možda želimo spojiti korisnika na e-mail marketing pomoću Mailchimpa (naravno, uz njegovu privolu) ili želimo odraditi neke dodatne radnje radi naše vlastite produktivnosti (npr. Zapier nam omogućuje automatizirane poslove nakon što se određena radnja izvrši).

Koje su važne značajke kvalitetnog kontakt obrasca

Pogledajmo koje su važne stvari na koje trebamo obratiti pažnju prilikom izrade, utemeljene na istraživanju i bogatom iskustvu, te najbolje prakse koje nam pomažu da postignemo veću stopu konverzije.

Jasan uvod u obrazac pomoću naslova i opisa

Naslove se često izostavlja na web stranicama ali oni su ti koji trebaju prenijeti srž zamisli. Jasan, precizan i kratak naslov pomaže daje do znanja korisniku da razumije čemu služi obrazac i što se njime postiže.

U nekim slučajevima dodatno možemo naslov učvrstiti kraćim opisom. Premda bi naslov trebao biti dovoljan da objasni o čemu je riječ, u slučaju da bi posjetitelj još imao sumnju zašto ga treba ispuniti i što njime postiže, opis nam može pomoći uvjeriti ga. Opis detaljnije odgovori korisniku koja je potreba obrasca te što posjetitelj dobije ispunjujući ga.

Optimalan broj polja za unos podataka

Nikad nije dobro pretjerivati s količinom polja za unos podataka. Ljudi ne vole duge obrasce. Obrasci koji su čisti, kratki značajno bolje konvertiraju. Stoga je potrebno je koristiti samo ona polja koja su nam neophodna za ostvarivanje cilja.

Prema nekim studijama, ako imamo 3 polja i povećamo ih na 4, smanjit ćemo broj konverzija za 5% dok ako imamo više od 6 polja smanjujemo si za dodatnih 5% mogućnost konvertzije (izvor: Hubspot i Quicksprout). Povećavajući broj nepotrebnih polja korisnik će oklijevati i vrlo vjerojatno odustati od njihova ispunjavanja.

Također je bolje izbjegavati dva puta tražiti iste podatke, kao što je ponekad slučaj s poljem za unos lozinke i poljem za potvrdu lozinke.  Također, ako nije neophodno tražiti telefonski broj bolje da ga izbjegavamo. Istraživanja pokazuju da traženje telefonskog broja dovodi do povećanog napuštanja ispune obrasca. S jedne strane vjerojatno jer je to samo još jedno dodatno polje, međutim, dodatni faktor je da su korisnici oprezniji kad daju ovakav tip podatka.

Ako imamo neobavezna polja koja ovise o drugom polju (primjerice radio gumb koji traži da korisnik odabere samo jednu od opcija), bolje je ta neobavezna polja sakriti a prikazati ih tek po potrebi korisnika na klik. Ako polje za upit nije bitno za određenu opciju poruke tada je i bolje da ga korisnici ne vide.

Ako obrazac bude kraći, više ljudi će ga ispuniti. Dobro je držati se minimalnog broja i sve ostalo odstraniti. Najčešći i najbitniji elementi u kontakt obrascu su samo polje za ime i prezime, email, poruka te gumb za slanje poruke.

Dizajn obrasca, raspored elemenata i njihova veličina

Dizajn treba biti prilagođenog izgleda koji će publici olakšati upotrebu obrasca. Kontakt obrazac kao i cjelokupna web stranica trebaju odražavati ličnost vašeg brenda. Personalizirani pristup je još jedan faktor koji nam pomaže većim konverzijama.

Pozicija obrasca na stranici također je bitna. Veću stopu ispunjavanja ima obrazac ako se nalazi iznad prijeloma stranice (gornji dio stranice odmah vidljiv na ekranu) i treba se jasno razlikovati od drugih elemenata na stranici. Kontakt obrasci na dnu stranice obično imaju manju stopu konvertiranja jer manje korisnika skrola do samog kraja, što često primijećujemo analizom toplinskih karti.

Raspored elemenata u prostoru. Bolje je ako je svaki element u svojem redu a ne razdvojen na stupca. Bolje je za korisnika koji polja lakše ispunjava i kreće se uzastopno kroz njih, dok mu kompliciran predložak otežava i stvara zbrku.

Dužina polja za unos treba odgovarati očekivanoj duljini odgovora. Obično kod e-mail adrese ono nije nikad duže od 40 znakova a većina ljudi nema ime duže od 20 znakova. Ako ograničimo na 40 znakova to je obično 320 piksela dužine elementa, sasvim pristojno i više od toga nije potrebno ići.

Broj piksela za svako polje treba biti minimalno 16 piksela jer u protivnome mobiteli zumiraju polje a nakon ispune korisnik ga treba ručno odzumirati da nastavi normalno dalje.

Također, često primijećujemo jedan određeni izgled kontakt obrasca. Dizajn koji je složen tako da se polje za unos podatka jedva vidi, kao u primjeru kada je samo donja crta vidljiva ispod njega. Takav dizajn nije potpuno pristupačan korisnicima. Svako polje za unos treba biti pravilno označeno, potpuno vidljivo i istaknuto od pozadine u potpunosti.

Važnost oznake polja i atribut “placeholder”

Generalni je konzensus da svako polje mora imati oznaku, tj. HTML element <label> . Label je oznaka koje se po zadanim postavkama nalazi iznad polja za unos podataka. Oznake polja trebaju se postaviti iznad odgovarajućih polja za unos radi brze reference i da korisnik može kliknuti na njega da bi fokusirao polje. Isti je princip kako za obična tekstualna polja tako i za checkbox ili radio gumbe.

Često smo svjedoci loše prakse kontakt obrasca kada imaju samo ispunjen atribut “placeholder”, tj. napisanu početnu riječ unutar polja za unos koja nestane kada je polje u fokusu. Placeholder služi da navedemo točnije koji format podatka tražimo i trebamo se potruditi da su upute jasne. Ako npr. tražimo datum rođenja, placeholder mora označavati koji se točno format datuma traži a label je taj koji opisuje o čemu se radi u polju. Ako se radi o polju koje je složenije, može se dodati opcija pomoći, nešto kao gumb s ikonom upitinika, kada korisnik klikne prikazat će mu detaljnije informacije u malom skočnom prozorčiću ono što je potrebno.

Studije praćenja kretanja oka pokazale su da oznaka poravnata lijevo ima bolji učinak od centrirane ili poravnate udesno u skladu s poljem, zato jer mi čitamo s lijeva na desno. Obrnuto je naravno kod jezika koji pišu s desne strane ulijevo, kao što su arapski, hebrejski i urdu jezici.

Jasan poziv na akciju

Korištenje generičkih naslova na gumbu nije optimalan način da završimo svoj najvažniji poziv na akciju. Treba izbjegavati neodređene pozive poput “Pošalji”. Poziv na akciju uvijek treba točnije priopćiti što će korisnik ostvariti nakon što ispuni obrazac i pritisne gumb.

Boja gumba koji poziva korisnika na akciju treba biti u skladu dizajna web stranica ali također se treba isticati.

Jasno predočenje obavijesti o pogreškama

Ako korisnik ispuni dio forme krivo, obavijest za polje nije pravilno ispunjeno. Svako polje za unos treba jasno priopćiti pogreške korisnika. Potrebno je navesti razlog zbog kojeg je polje neispravno i vizualno povezati grešku s njezinim poljem. Ne zaboravite na digitalnu pristupačnost, svaki element mora imati dinamički ažurirane “aria” oznake koji pobliže definiraju čitačima ekrana o čemu se radi.

Istaknuti fokus na polju

Nadovezujući na prethodno spomenutu digitalnu pristupačnost, svako polje je potrebno istaknuti kada je u fokusu korisnika, za slučaj da korisniku nešto odvuče pažnje i kada se vrati da zna gdje se nalazi te da može nastaviti. Zbog istog razloga, oznaka je također bitna, da osoba zna što treba upisati u polju čak i kada je ono već u fokusu. Također, značajno je automatski postaviti fokus na prvo polje kako bi ga korisnik odmah počeo ispunjavati. Npr. u slučaju kada se obrazac pojavi kao modalni prozor na klik.

Čitljivost svih dijelova kontakt obrasca mora biti izražena

Nema smisla korisniku predočiti tekst sa blago sivom bojom na bijeloj podlozi. Omjer kontrasta u odnosu na pozadini treba iznositi barem 4.5:1 da bi postigli minimalnu AA razinu prema WCAG standardima pristupačnosti. Iako je poželjno ostvariti 7:1 radi AAA razine. Odabir fonta i njegova veličina također je nešto što treba imati na umu.

Razlikovanje obaveznih polja od opcionalnih

Najčešći način za razlikovanje između obaveznih i neobveznih polja je korištenjem zvjezdice (*). Međutim, još je bolje navesti riječima da je polje obavezno.

Obično su e-mail adresa i poruka obavezna polja s obzirom da korisnika ne možemo kontaktirati osim ako nam ne omogući neki drugi način (tipa telefonski broj), a poruka je važna jer je ona čitav smisao obrasca.

Prilagođenost web stranice svim uređajima

Svaki obrazac za kontakt mora biti responzivan, tj. prilagođen svim veličinama ekrana bez obzira na uređaj na kojem se prikazuje. Danas je upotreba mobitela čak i veća od upotrebe stolnih računala za surfanje. Responzivnost je tema poprilično široka te o njoj pišemo detaljnije drugom zgodom. Svaki kontakt obrazac treba se dostojno smanjivati neovisno o dužini ekrana. Drugo bi sve trebalo ostati isto ako nam je obrazac klasične strukture.

Zaštita od neželjenih poruka

Negativna strana kontakt obrasca je što ga botovi mogu koristiti radi slanja neželjenih poruka i reklamiranje usluga tuđih stranica. Zaštititi se možemo na više načina, pisali smo kako se zaštititi od neželjenih poruka u posebnom članku, što je bitno za generalni rad s e-mail adresom ali zaštita kontakt obrazaca od spama je zasebna problematika. Jače opcije su nam matematičko pitanje ili nekog drugo pitanje na koje korisnik već zna odgovor, ili pomoću naprednih Google Captcha modula koji odlično rade filtriranje neželjene pošte ali realnost je da ih nitko ne voli ispunjavati i oni za sobom donose neke nove izazove.

Prema studijama, postojanje Captcha elementa na obrascima smanjuje stopu konverzije za oko 3% jer je korisnicima naporno riješavati ga i dobar dio ih naprosto odustane. Ali posljednja verzija Captche ne mijenja kontakt obrazac i ne utječe na korisničko sučelje korisnika stoga je najprikladnije rješenje ako nam brzina stranice nije toliki problem (jer se dohvaćaju dodatne skripte) i potrebno je prikazati na stranici uvjete korištenja koje Google nalaže.

Ako ne primamo baš puno neželjenih poruka jedno rješenje nam ih je samo zanemariti i/ili ručno brisati.

GDPR uredba o privatnosti podataka korisnika

Svaka kontakt forma po standardima mora imati potvrdni okvir (checkbox) koji je korisnik dužan označiti da bi se jasno dalo do znanja kako pristaje na čuvanje njegovih podataka u skladu s GDPR uredbama. Nije dopušteno da potvrdni okvir bude aktivan prije nego što korisnik počinje ispunjavanjem forme, jedino je on taj koji ga može aktivirati. Svaku potvrdu korisnika moramo također poslati primaocu zajedno s ostalim podacima koje korisnik ispunjuje, kako bi imali u bazi dokaz privole.

Obavijest o uspješno poslanoj poruci

Nakon uspješnog slanja potrebno je korisniku dati povratne informacije. Jednostavna personalizirana poruka koja uključuje ime korisnika te kaže korisne detalje poput koliko dugo je potrebno dok ne dobije odgovor.

Sažetak

Koraka koji utječu na kvalitetan kontakt obrazac je mnogo i svaki od njih je važan. Sve su to najbolje prakse koje se svode na stvaranje obrasca koji je jasan, relevantan, personaliziran ali dovoljno jednostavan da ostvari više konverzija. Svaki element u dizajnu a isto i pripadajuća funkcionalnost, moraju biti toliko jednostavni i neprimjetni da korisnik glatko i bez pauze izvrši kontaktiranje.

Optimiziranje obrasca za kontakt pomaže da nam ostvarimo više konverzija i povećamo prodaju. Želite li povećati broj konverzija na vašim web stranicama? Iza nas je velik broj izrađenih kontakt obrazaca u svakakvim namjenama i industrijama poslovanja. Javite nam se s povjerenjem kako bi mogli analizirati vašu web stranicu i prezentirati optimalno rješenje za vaše potrebe.