Utilizarea formularului mobil - Icons8 Blog

Vezi toate postările

mobil

Vă rugăm, încercați o altă combinație.

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 formă. De fapt, formele sunt adesea considerate a fi ultimul pas al călătoriei până la îndeplinirea obiectivelor. De aceea este atât de important ca utilizatorii să completeze formularele cât mai repede posibil și fără confuzii.

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

Regula # 1: Formularele ar trebui să fie compatibile cu modul în care utilizatorii introduc datele

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.

Regula # 2: Minimizați numărul câmpurilor de intrare și efortul de tastare a utilizatorului

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.

Păstrați formularul cât mai scurt și simplu posibil. Credit de imagine: călduț

Dar minimizarea numărului de câmpuri de introducere nu este suficientă - ar trebui să fiți atenți și la efortul 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 sale de localizare geografică.

Detectarea automată a locației poate economisi timp utilizatorilor pentru un formular Găsiți un hotel

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).

Glisor dual AirBnB continuu pentru o gamă de prețuri

Regula # 3: Etichetele formularelor sunt fie deasupra câmpurilor formularului, fie sunt etichete plutitoare

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.

Etichete în linie. Credit de imagine: snapwi

Î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.

Textul substituent este un înlocuitor slab pentru o etichetă vizuală. Credit de imagine: Amazon

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.