Zece pași către formulare intuitive în designul site-urilor web

Formularele dvs. sunt unul dintre cele mai importante elemente de pe site-ul dvs., atât pentru utilizatorii dvs., cât și pentru companie. În cel mai bun caz, formularele interacționează cu vizitatorii și sunt ușor de utilizat. Un formular bun îi încurajează pe vizitatori să le completeze pentru feedback, abonamente, rezervări și înregistrare.

În cel mai rău caz, formularele sunt greoaie, greu de navigat și diminuează senzația generală a paginii tale. Cum creăm formulare intuitive și eficiente pentru site-uri web și cum generează ele valoarea afacerii?

De asemenea, v-ar putea dori să citiți 10 metode pentru optimizarea formularelor pentru dispozitive mobile.

Luând indicii de la Google

Motorul nostru de căutare preferat a văzut o mulțime de actualizări de algoritm în ultimii câțiva ani, toate în numele de a facilita utilizatorilor să găsească cu ușurință ceea ce caută.

Cel mai recent, Google a încercat să facă căutarea mai mult ca a vorbi cu un prieten. Utilizatorii se așteaptă acum să obțină ceea ce caută folosind limbajul de zi cu zi. Acest lucru s-a extins asupra designului web, iar vizitatorii se așteaptă la un factor uman în codificare și învățare automată.

Acest lucru a condus la o creștere a interfețelor de utilizator în limbaj natural și a formelor de limbaj natural care urmăresc să obțină informații despre utilizator într-un mod mai uman și mai captivant. Companiile caută să reflecte procesele mentale ale unui utilizator, mai degrabă decât prezentarea tradițională (și rigidă) a formelor tradiționale.

Șabloanele personalizabile și pluginurile pre-construite fac acest lucru mai ușor ca niciodată. În timp ce formularele intuitive ocupă o mare parte din munca groaznică din proiectarea formularelor, cele mai bune practici încă dictează cum, când și unde văd utilizatorii formularele pe site-ul dvs. web.

Cele mai bune practici pentru utilizarea formularelor

Unde și cum prezentăm formularele într-un mod care să fie cel mai util pentru un utilizator (și pentru compania dvs.)? Urmați aceste instrucțiuni:

1. Solicitați numai informațiile necesare și urmați un format logic

Cele mai bune forme nu sunt cererile de informații, ci o conversație, așa cum ilustrează procesarea limbajului natural. Ca și în orice conversație logică, ar trebui să urmeze o comunicare între utilizator și aplicația (sau site-ul) dvs. Realizați acest lucru prin:

• Pune întrebări în secvență, din perspectiva unui utilizator. Aceasta include prezentarea informațiilor într-un mod semnificativ și logic (cum am face-o într-o conversație). Dacă nu există o ordine semnificativă, ordonați opțiunile în ordine alfabetică.
• Când creați un formular, întrebați de ce puneți fiecare întrebare și ce intenționați să faceți cu informațiile. Acest lucru ajută la eliminarea întrebărilor inutile și crește probabilitatea de a reține atenția utilizatorului. Reducerea efortului utilizatorului este cel mai important pas în creșterea ratelor de finalizare.

2. Utilizați un format cu o singură coloană

Formularul dvs. trebuie să conțină numai informațiile necesare, ceea ce ar trebui să fie suficient de scurt pentru a utiliza un format cu o singură coloană. Câmpurile adiacente orizontal necesită ca utilizatorul să scaneze în formă de „Z”, ceea ce încetinește înțelegerea și creează întârzieri în atenția utilizatorului. Cele mai bune formulare au o cale clară către completare – direct în jos pe pagină.

Formular de rezervare de Wen Tong.

3. Minimizați efortul de tastare

Depuneți toate eforturile pentru a minimiza numărul de câmpuri de introducere și efortul de tastare necesar utilizatorului, în special pe mobil. Meniurile drop-down, casetele de selectare și butoanele radio nu numai că reduc la minimum efortul pentru utilizatori, ci abordează și cantitatea de erori inerente tastării, în special pe mobil.

4. Dimensiunea câmpului și date de intrare

Luați măsuri pentru a vă asigura că dimensiunea câmpului este proporțională cu datele pe care le solicitați. Un studiu recent al magazinelor de comerț electronic a constatat că 79% dintre toți utilizatorii își abandonează cărucioarele la cumpărături.

Unul dintre motive? Confuzie cu privire la dimensiunea câmpului. Studiul a arătat că, dacă un câmp era prea lung sau prea scurt pentru cantitatea de informații necesare, utilizatorii s-au întrebat dacă completează în mod corespunzător formularul. Acest lucru a fost valabil mai ales pentru câmpurile Cod de verificare a cardului. Asigurați-vă că informațiile dvs. se pot încadra confortabil în câmpul dat - nu prea mari, nici prea mici.

Formular de plată de plată de la Black Flag Creative.

5. Format cu flexibilitate

Unele formulare necesită acele date cu diferite prezentări corecte. De exemplu, un număr de telefon poate fi 123-456-7890 sau (123) 456-7890. Faceți ca formatarea să accepte orice prezentare a unui număr de telefon.

Același lucru este valabil și pentru zilele de naștere și datele de rezervare (pe care le-ați putea prezenta ca un calendar de meniu derulant). Scopul este de a oferi cât mai multe opțiuni flexibile posibil pentru confortul utilizatorului.

Form Field de Lacey Ankenman.

6. Câmpuri opționale versus obligatorii

În mod ideal, fiecare introducere de date în formularul dvs. va fi necesară (din moment ce solicitați doar informațiile necesare). Dacă trebuie să includeți o intrare opțională (un exemplu poate fi o unitate de clădire sau un număr de apartament într-un formular de adresă), asigurați-vă că îl etichetați ca atare.

Asteriscurile roșii de lângă informațiile necesare sunt o practică obișnuită. Dacă includeți câmpuri opționale, limitați-le la unul sau două.

8. Scăpați de eroarea de resetare

A fost o convenție pentru adăugarea butoanelor de resetare la formulare, dar sfătuim această practică. Imaginați-vă frustrarea de a completa un formular, doar ca să apăsați accidental pe resetare și să vă pierdeți toată munca!

Ați completa formularul din nou sau ați închide fereastra? Așa am crezut noi. Evitați acest scenariu lăsând butonul de resetare dezactivat din formular - face mai mult rău decât bine.

9. Atrageți utilizatorii să completeze un formular

Una dintre cheile pentru a-i determina pe utilizatori să completeze un formular este să-i faceți să vrea să o facă. Iată câteva exemple despre cum site-ul dvs. poate atrage utilizatorii să completeze formularul dvs.:

• Furnizați o listă de beneficii pentru utilizatori pentru completarea formularului. Aceasta poate fi o listă de beneficii, caracteristici sau moduri în care vă ajutați clienții. Poate fi chiar un cod promoțional pentru o achiziție viitoare la finalizare.
• Construiți credibilitatea mărcii dvs. oferind dovezi sociale, de exemplu, mărturii ale clienților sau prezentări în jurul formularului dvs. Acest lucru arată că oamenii se bazează pe tine pentru a oferi un produs sau serviciu esențial. Acest lucru ajută, de asemenea, la crearea unei conexiuni umane cu marcă - includeți imagini pentru a o conduce acasă.
• Spuneți-le utilizatorilor în termeni explici că prețuiți confidențialitatea lor și că nu vor primi spam.

Multi Step Form de Michael But.

10. Creați un CTA convingător

Importanța îndemnului dvs. nu poate fi subestimată, deoarece este primul pas în procesul de conversie și va obliga utilizatorii să apese acel buton de înscriere. Spune-i unui utilizator ce faci, de ce are nevoie de tine și ce te diferențiază – și fă-o rapid. Pare o problemă grea, dar aceste sfaturi vă vor ajuta:

• Pune-te în pielea clientului tău. Schimbați un cuvânt din conținutul dvs. CTA: luați-vă „Tu” și transformați-l în „Meu”. Un studiu recent a constatat că acest comutator simplu a crescut conversia cu 90 la sută.
• Fi îndrăzneț. Folosiți culori, forme, fonturi, cuvinte și poziții care atrag privirea utilizatorului și îi captează atenția. Selectați o culoare îndrăzneață și contrastantă care comunică clar o acțiune vizitatorului dvs.
• Luați în considerare plasarea CTA în navigarea principală sau subsol, astfel încât să fie vizibil pe site-ul dvs.

O formă intuitivă creează valoare pentru afaceri

Formulare care vă pot atrage vizitatorul și sunt ușor de completat creează timp petrecut mai mult pe pagina dvs. web și, în cele din urmă, aduc mai mulți clienți către produsul sau serviciul dvs. Importanța unei forme bune este imposibil de exagerat.

Atrageți utilizatorii în formularul dvs. cu un CTA convingător și faceți-vă formularul ușor de navigat, cu un limbaj natural. Acest lucru va atrage utilizatorii să completeze formularul, ceea ce va duce la mai multe afaceri în viitor.