10 cele mai bune practici pentru proiectarea formularelor online cu exemple live

Ce este în neregulă cu modelele de formulare de pe site-uri web?

Brandurile și proprietarii de afaceri depun mult efort pentru un design web excelent.

Există doar o mică problemă cu asta.

Cu toate acestea, designul singur nu va genera bani pe site-ul dvs.

Mai important, este vorba despre construirea de canale care generează clienți potențiali și vânzări.

Și aici intervin formularele online.

Multe mărci neglijează importanța modelelor de formulare, dar este canalul cheie de anchetă care determină succesul site-ului dvs.

Majoritatea exemplelor de design de formulare de pe internet par plictisitoare, neprimitoare și, prin urmare, generează mai puține conversii.

Formularele online sunt poarta de acces pentru captarea noului potențial de afaceri.

Folosirea formularelor online prietenoase și atractive este crucială dacă doriți să luați în serios generarea de clienți potențiali.

Pentru a vă ajuta să vă conectați mai bine cu publicul dvs., iată cele mai bune 10 practici ale noastre despre cum să faceți un formular online distractiv:

1. Eliminați confuzia

În primul rând, forma trebuie să fie ușor de înțeles pentru publicul dvs. Și asta este adesea mai ușor de spus decât de făcut. Înainte de a vă gândi să vă faceți designul oform distractiv și interesant, trebuie să vă asigurați că este funcțional și ușor de utilizat.

Internetul este plin de modele de formulare care au întrebări redundante, care pun întrebări într-un limbaj confuz și cele care pur și simplu par plictisitoare. Toate aceste caracteristici fac formularele să fie mai puțin încurajatoare de completat pentru vizitatorii web.

Factori importanți care trebuie eliminați într-un design de formular:

Forme lungi (mai puțin este mai mult)

Întrebări redundante

Întrebări inutile care nu oferă o valoare bună

Tip greșit de întrebare pentru o întrebare, de exemplu, utilizarea câmpului de text deschis în loc de opțiuni de buton

Jargon și limbaj tehnic

Text standard de îndemn la acțiune pe butoane, de exemplu, Înscriere, Abonare, Formular complet

Culori și contraste greu de citit

Toate aceste puncte ar putea suna evidente, dar realitatea este că chiar și cele mai simple formulare online încalcă unele dintre aceste puncte.

Internetul este plin de mii de modele de formulare fără experiență de utilizator.

O singură experiență negativă poate afecta utilizatorul mult mai mult decât o experiență grozavă cu formularul dvs.

Examinați aceste practici și veți avea șanse mult mai mari de a genera conversii și de a crea implicare.

2. Schimbați formatul

Când ne gândim la formulare online, de obicei avem în minte formulare lungi simple. Formularele lungi sau formularele cu un singur pas prezintă toate întrebările pe un singur pas, de obicei una câte una, una sub alta.

Există o mulțime de cazuri bune de utilizare pentru formularele cu un singur pas, de exemplu pentru formularele care solicită doar prenumele și adresa de e-mail. Cu toate acestea, ar trebui să vă gândiți cu siguranță să schimbați formatul formularului atunci când vă gândiți să faceți formularele mai distractive.

Alternativa la formularele cu un singur pas este formularele cu mai multe etape.

Formularele cu mai mulți pași , uneori numite și formulare de expert, sunt mult mai intuitive și oferă o experiență mai bună de-a lungul călătoriei utilizatorului.

Deoarece utilizatorul vede doar un pas de întrebare la un moment dat, informațiile sunt mai puțin copleșitoare.

Este mult mai încurajator să vezi doar o întrebare pe rând față de 10 sau 20 de întrebări diferite. Nu este diferit de viața reală: într-o conversație personală cu o altă persoană, ai pune, de asemenea, doar o întrebare înainte de a pune următoarea întrebare.

În cadrul formularelor cu mai mulți pași, puteți utiliza bare de progres care oferă o indicație despre cât de mult din formular este deja completat.

Înrudit: 7 cele mai bune practici pentru crearea de formulare lungi pentru a stimula conversia

Bara de progres într-un formular de contact în mai mulți pași

Găsim formularele cu mai mulți pași mai ușor de utilizat în multe cazuri, de exemplu, captarea clienților potențiali, calificarea utilizatorilor, formulare de feedback, formulare de cerere și multe altele. Aplicația LeadGen vă permite să construiți formulare în mai mulți pași cu text personalizat și elemente grafice foarte ușor.

3. Distrați-vă designul formularului cu conținut

În formularele cu mai mulți pași LeadGen, puteți afișa elemente din caseta de text împreună cu întrebările și pașii formularului, de exemplu deasupra unei întrebări.

Aceste elemente de casete de text pot fi adăugate prin editorul WSIWYG, unde puteți adăuga linkuri, grafice și imagini GIF. Titlurile pot fi setate la diferite dimensiuni, de exemplu format H1, H2, H3.

Îmbunătățirea formularelor LeadGen cu elemente textbox - Form-builder și Live form

Adăugând câteva rânduri de text, de exemplu, pentru introducerea întrebărilor, puteți face forma mai individualizată și mai ușor de înțeles.

Acest lucru poate face ca formularul dvs. să arate mai conversațional și mai puțin static ca un formular online tipic (vezi imaginea de mai jos)

Contactați-ne design formular secțiune antet personalizat cu elemente de text

De asemenea, puteți utiliza imagini GIF în casetele de text pentru a vă lăsa sucul creativ să curgă. Consultați exemplul de design al formularului de mai jos pentru a participa la concurs:

Formular de înscriere la concursul de tragere la sorti cu imagine GIF

4. Cele mai bune practici pentru proiectarea formularelor

Brandingul și stilul formularului dvs. online nu este, de obicei, ceva la care specialiștii de marketing îi acordă atenție. Pe de altă parte, oamenii sunt obsedați de design web (care este evident și important). Cu toate acestea, designul formularelor online este elementul cheie al site-ului web care de fapt conduce afacerile.

Fiți unul dintre puținii agenți de marketing care profită de acest potențial și începeți să vă optimizați formularul de generare de clienți potențiali pentru cele mai bune rate de conversie.

Iată un exemplu de design de formular de contact online cu imagini înainte și după:

Exemplu de formă de captare a întrebărilor de contact

Designul original al formei a fost construit în format lung. A făcut lucrurile mai complicate decât era necesar.

Întrebările erau neclare și lăsau loc de interpretare. În ceea ce privește brandingul, forma folosea doar culorile alb și gri, cel mai plictisitor care putea arăta.

Nou design de formular de contact în format în mai mulți pași

Mai sus vedeți noua formă în designul propriu-zis al mărcii. Brandul a folosit deja culori puternice de verde în logo și site, așa că am adoptat acest stil pentru formă. Formatul în mai mulți pași face întrebările mult mai ușor de înțeles și utilizatorii mai susceptibili de a le urmări.

Culorile joacă un rol important pentru proiectarea formularelor online în ceea ce privește:

1) Adăugarea de personalitate formei și făcându-l să pară mai puțin serios;

2) Potrivirea stilului formularului cu identitatea mărcii tale

3) Creați experiențe mai ușor de utilizat

5. Gamify

Formular de chestionar LeadGen pentru a implica utilizatorii pe un site web

Oamenii iubesc jocurile și divertismentul. Folosiți călătorii cu formulare în mai mulți pași pentru a implica utilizatorii, construiți ca un joc.

Este posibil să nu fie potrivită pentru fiecare formă pe care o construiți. De exemplu, formularele de contact și de captare a clienților potențiali probabil ar trebui să arate în continuare cât mai simple posibil.

Gamificarea este „Procesul de a adăuga jocuri sau elemente asemănătoare unui joc la ceva (cum ar fi o sarcină) pentru a încuraja participarea” (Sursa: Merriam Webster Dictionary).

Exemple de formulare online gamificate

Formular de proiectare a site-ului web cu test gamificat

Imaginea de mai sus arată un formular LeadGen gamificat care oferă feedback de răspuns bazat pe logica întrebărilor condiționate la următorii pași.

Răspunsurile corecte vor afișa un alt pas de formular decât răspunsul greșit. De exemplu, dacă utilizatorul selectează alegerea corectă „Manila”, atunci formularul LeadGen va deschide pasul formularului pentru răspunsul corect. Pentru toate celelalte întrebări, puteți pregăti un pas de întrebare care informează utilizatorul, fie despre răspunsurile corecte, fie despre opțiunea de a încerca din nou făcând clic pe butonul Înapoi.

Formular Chestionar LeadGen - Pagina de răspunsuri pentru un răspuns corect

Acești pași din formularul de răspuns pot fi personalizați în orice mod doriți, de exemplu prin scrierea unui text de răspuns scurt cu o explicație. Atât răspunsul corect, cât și cel greșit pot fi conectați la următoarea întrebare (Î2), astfel încât utilizatorul pur și simplu continuă întregul chestionar până la sfârșit.

Un formular online gamificat ar putea fi, de asemenea, ceva creativ, ieșit din cutie, pe care nu l-ai găsi în altă parte pe internet. Un exemplu excelent de formular online gamificat este acest test de la BBC

Îți cere să ghiciți finalistul Ligii Campionilor arătându-ți doar jucătorul ca un copil. Lucruri de genul acesta îi fac pe oameni curioși să parcurgă formularul pentru a vedea răspunsul. În plus, testul sau formularul online gamificat este mai probabil să fie redistribuit, ceea ce vă va ajuta să câștigați expunere pentru site-ul dvs., ceea ce nu s-ar întâmpla pur și simplu pentru formularele convenționale.

6. Navigare pe pagină

Este important să nu priviți doar formularul online în sine, ci întreaga călătorie a utilizatorului.

Călătoria pe pagina web începe acolo unde aterizează utilizatorul și continuă chiar și după trimiterea formularului. Adaugă valoare pentru a optimiza întreaga pagină pentru un singur îndemn, care ar putea fi formularul dvs.

7. Localizați Designul formularului în Conținutul paginii

Când proiectați un formular online, asigurați-vă că îl plasați vizibil pe site, în cea mai bună secțiune posibilă. Formularul ar trebui să fie localizat în locul potrivit de pe pagină, unde poate fi găsit cu ușurință și spre unde navighează utilizatorul.

Găsirea locului potrivit depinde de cazul de utilizare a formularului.

O pagină de destinație sau o pagină de ofertă are de obicei formularul chiar în partea de sus (cum ar fi pagina noastră de rezervare Demo de mai jos)

Formularele simple de înscriere la buletin informativ pot fi localizate oriunde pe pagina web.

Formularele de captare a clienților potențiali, de exemplu, descărcări de rapoarte sau oferte de consultare în postările de blog sunt un caz de utilizare diferit. Aceste formulare nu ar trebui să fie afișate niciodată în partea de sus a postării, deoarece utilizatorul trebuie să interacționeze mai întâi cu conținutul blogului pentru a înțelege valoarea ofertei potențiale. Formularele ar trebui să fie amplasate la 3/4 în jos pe pagină sau la sfârșit.

Reprezentare vizuală a locului în care puteți plasa modele de formulare pe o pagină web

8. Indicați spre designul formularului

Proiectarea formularului de contact al aplicației LeadGen pe site

O altă tactică care ajută la obținerea unui interes mai mare față de formularele dvs. este să utilizați elemente de design web care direcționează utilizatorii către formular.

Aceasta ar putea fi o simplă imagine cu săgeată sau o imagine a unei fețe umane care privește spre formă.

Imaginea de mai sus arată designul formularului nostru de contact pe care îl folosim pe site-ul nostru LeadGen www.leadgenapp.io/contact. Conține o săgeată grafică care indică către formular.

În plus, puteți împărți structura paginii în două părți și puteți prezenta un videoclip în stânga și formularul din dreapta.

Acestea sunt tactici subtile, dar eficiente, care vă fac formularul online să iasă în evidență.

9. Font ușor de citit

Fontul folosit în formularul dvs. online joacă un rol important în experiența unui vizitator. Nu mergeți cu fonturi standard. Implementați un font ușor de citit care funcționează cel mai bine cu liniile directoare ale mărcii, culorile, stilul și CTA pe butoanele formularului.

10. Pagina de mulțumiri

La sfârșitul ciclului după trimiterea formularului, ar trebui să afișați o pagină de mulțumire sau să redirecționați către o adresă URL personalizată a paginii de mulțumire. Acest lucru este deosebit de important atunci când utilizați formulare de captare a clienților potențiali. Ultimul lucru pe care nu doriți să-l faceți este să confundați liderul dacă trimiterea formularului a avut succes sau nu.

Construiește-ți noul formular „distractiv”.

Combinând toate aceste idei, poți fi sigur că formularele vor fi mai distractive pentru publicul tău.

Și mai multă distracție înseamnă, de asemenea, că puteți colecta mai multe răspunsuri și puteți crește ratele de conversie.

Dacă nu aveți încă un cont LeadGen App pentru a vă crea formularul distractiv, începeți aici: