de Nick Babich

Utilizatorii de dispozitive mobile care folosesc aplicația sau site-ul dvs. au un anumit obiectiv. Adesea singurul lucru care se află între utilizator și obiectivul său este un formular. De fapt, formularele sunt adesea considerate a fi ultimul pas al călătoriei către îndeplinirea obiectivelor. De aceea este atât de important ca utilizatorii să completeze formularele cât mai repede posibil și fără nicio confuzie.

utilizarea

Faceți formularele rapide și ușor de completat prin următoarele șapte reguli:

Asigurați-vă că câmpurile formularului nu sunt împiedicate de vizualizare de elemente de interfață, cum ar fi tastatura. Pe măsură ce utilizatorul completează câmpurile formularului, avansați automat fiecare câmp în sus pe ecran.

Cu cât pare un formular mai lung sau mai complicat, cu atât este mai puțin probabil ca utilizatorii să înceapă să completeze spațiile libere - în special pe ecrane mici. Minimizarea numărului de câmpuri de intrare face ca formularul dvs. să fie mai puțin încărcat, mai ales atunci când solicitați o mulțime de informații de la utilizatori.

Dar minimizarea numărului de câmpuri de introducere nu este suficientă - ar trebui să acordați atenție și efortului utilizatorului pentru introducerea datelor. Tastarea are un cost ridicat de interacțiune; este predispus la erori și consumă mult timp chiar și cu o tastatură completă (și cu atât mai mult pe un ecran tactil).

Astfel, încercați să minimizați tastarea și să împiedicați utilizatorii să comită erori:

Valori implicite inteligente

Valorile implicite inteligente pot face ca utilizatorul să completeze formularul mai rapid și mai precis. De exemplu, preselectați țara utilizatorului pe baza datelor de locație geografică ale acestuia.

Grupuri radio pentru opțiuni strâns legate, dar care se exclud reciproc

Când utilizatorul trebuie să aleagă dintr-o listă de opțiuni, luați în considerare utilizarea unei liste de etichete orizontale, deoarece folosește mai bine spațiul disponibil pe ecran.

Glisoare pentru preț minim sau maxim sau interval bugetar

Luați în considerare utilizarea glisoarelor pentru câmpurile care conțin prețuri sau bugete, astfel încât utilizatorul să poată muta un control glisant pentru a seta un interval minim/maxim. Un glisor este ușor de glisat orizontal și oferă indicii vizuale simple pentru a personaliza această acțiune. Dar rețineți că numerele nu ar trebui ascunse atunci când glisorul este acționat (degetele grase).

Etichetele îi spun utilizatorului scopul câmpului, iar textul clar al etichetei este una dintre principalele modalități de a face mai ușor accesibilă interfețele de utilizare.

De ce nu ar trebui să utilizați niciodată etichete inline

Etichetele în linie (sau textul substituent ca etichetă de câmp), este un text situat într-un câmp de formular, care dispare când utilizatorul tastează în câmp.

În timp ce etichetele în linie arată bine și economisesc proprietăți de ecran valoroase, aceste beneficii sunt cu mult depășite de dezavantajele majore de utilizare, dintre care cel mai semnificativ este pierderea contextului. Odată ce utilizatorul face clic pe caseta de text, eticheta dispare și astfel utilizatorul nu poate verifica dublu dacă ceea ce a scris este într-adevăr ceea ce a fost menit să fie scris.

Un alt lucru este că, atunci când utilizatorii văd ceva scris într-o casetă de text, pot presupune că a fost deja completat în prealabil și, prin urmare, îl pot ignora.

De ce etichetele de câmp aliniate la stânga sunt rele pentru mobil

Problema principală cu etichetele de câmp aliniate la stânga se referă la dimensiunea afișajului telefonului mobil și raportul de aspect. Dacă se folosește o etichetă aliniată la stânga în fața câmpului, ecranul îngust lasă foarte puțin spațiu pentru câmpul însuși. Aceasta este o problemă de utilizare, deoarece câmpul formularului nu va fi adesea suficient de larg pentru a afișa întreaga intrare a utilizatorului . Nerespectarea datelor de intrare a cauzat probleme utilizatorilor, deoarece le este mult mai greu să identifice orice erori de tastare înainte de a trimite formularul, ceea ce duce la trimiterea unor formulare mai eronate.

Etichetă deasupra câmpului sau Etichetă flotantă

Etichetele formularului trebuie să fie deasupra câmpurilor formularului, astfel încât utilizatorii să poată vedea cu ușurință ce completează și de ce. Principalul avantaj al plasării etichetei deasupra câmpului pe mobil este că puteți face ca câmpurile de formular să extindă întreaga lățime a ecranului, făcându-le suficient de mari pentru a afișa intrarea întregului utilizator (într-o dimensiune decentă a fontului, cum ar fi 16 px). Avantajul suplimentar este oportunitatea mult mai bună de a scrie etichete de câmp clare și semnificative, deoarece nu trebuie să fim limitați la 1-2 cuvinte.

Principalul dezavantaj al plasării etichetelor deasupra câmpului este că ocupă mai mult spațiu vertical, ceea ce înseamnă că utilizatorii trebuie să deruleze mai mult. Cu toate acestea, nu este o problemă gravă - în zilele noastre este absolut natural să derulați.

Alternativ, puteți utiliza o etichetă flotantă care asigură utilizatorilor că au completat câmpul corect. Textul substituent este afișat în mod implicit, dar odată ce un câmp de intrare este atins și textul este introdus, textul substituent se estompează și o etichetă aliniată în partea de sus se animă în.

Într-o lume ideală, utilizatorii vor completa formularul cu informațiile necesare și își vor finaliza cu succes activitatea. În lumea reală, utilizatorii fac adesea greșeli. Însă utilizatorilor nu le place când trec prin procesul de completare a unui formular doar pentru a afla la trimitere că au comis o eroare. Momentul potrivit pentru a informa despre succesul/eșecul datelor furnizate este imediat după ce utilizatorul a trimis informațiile. Validarea in-line în timp real informează imediat utilizatorii cu privire la corectitudinea datelor furnizate. Această abordare permite utilizatorilor să corecteze erorile pe care le fac mai repede, fără a fi nevoie să aștepte până când apasă butonul de trimitere pentru a vedea erorile.

Dacă răspunsurile sunt necesare într-un format specific, spuneți acest lucru în avans, comunicând regula impusă (specificația formatului) fără un exemplu suplimentar.

Validarea în linie ajută, de asemenea, la scăderea bouncesului greu. În exemplul de mai jos puteți vedea un bun exemplu de validare inline, care oferă o soluție pentru remedierea unei potențiale probleme.

Utilizatorii apreciază aplicațiile care oferă o tastatură adecvată pentru introducerea textului. De exemplu, atunci când utilizatorii trebuie să introducă un număr de card de credit, afișează doar tastatura, pentru a limita introducerea lor la numere și nu la caractere. Acest lucru le va reduce alegerile și greșelile și va accelera finalizarea.

Asigurați-vă că acest lucru este implementat în mod constant în întreaga aplicație, nu doar pentru anumite sarcini, dar nu și pentru altele.

Uneori trebuie să aveți informații relevante, în context, pregătite pentru a ajuta utilizatorii să treacă cu ușurință prin formular. Însă textul însoțitor trebuie utilizat numai acolo unde avea nevoie cu adevărat:

  • Atunci când programează datele, utilizatorii apreciază contextul ca un calendar lunar pentru a identifica zilele săptămânii, eliminând necesitatea părăsirii aplicației pentru a verifica calendarul smartphone-ului. De asemenea, reduce riscul ca utilizatorul să fie distras de o altă sarcină.

De regulă, nu depășiți 100 de caractere de explicație.

Unele sarcini necesită într-adevăr utilizatorilor să introducă informații foarte precise, dar forțarea oamenilor să furnizeze aceste informații într-un format specific poate fi în contradicție cu principiile bune de utilizare. Dacă solicitați utilizatorilor să introducă informații numerice (cum ar fi numărul de telefon) într-un formular, să fie flexibili și să proiecteze ecrane care să poată interpreta mai multe formate de intrare și să arate acele informații într-un mod ușor de scanat (de oameni, nu de mașini) în pentru a preveni greșelile.

Utilizatorii pot ezita să completeze formularele, deci ar trebui să faceți acest proces cât mai ușor posibil. Toate modificările descrise în acest articol pot crește semnificativ gradul de utilizare a formularului.