Formular mobil Jquery. Suport pentru formulare mobile HTML5 și tipuri de introducere HTML

Acest articol este un anunț despre noi funcționalități.
Nu este recomandat să folosiți conținutul acestui articol pentru a afla funcționalități noi.
O descriere completă a noii funcționalități va fi furnizată în documentația pentru versiunea corespunzătoare.
O listă completă a modificărilor din noua versiune este furnizată în fișierul v8Update.htm.

Implementat în versiunea 8.3.11.2867.

Continuăm să dezvoltăm platforma mobilă, adăugând funcționalități care sunt deja disponibile în platforma pentru computere personale. În plus, dezvoltăm capabilități specifice ale platformei care sunt relevante doar pentru dispozitivele mobile. Vă vom spune acum despre unele dintre cele mai importante îmbunătățiri.

Programator

Modelul obiect al programatorului „mobil” nu s-a schimbat, dar s-a schimbat modul în care utilizatorul interacționează cu planificatorul, deoarece metodele de introducere a informațiilor pe dispozitivele mobile diferă de cele folosite pe computerele desktop.

De exemplu, editarea rapidă a unui element se realizează printr-un singur clic pe element. O apăsare lungă afișează meniul contextual și apariția unor markeri care vă permit să întindeți elementul. Tragerea se face prin apăsare lungă și apoi mișcarea degetului.

Derularea întregului planificator se face prin defilarea cu un deget, mărirea cu două degete și așa mai departe.

O caracteristică a implementării actuale a programatorului „mobil” este că nu acceptă încă imprimarea.

Document formatat

Un alt obiect „nou” pe care l-am adăugat pe platforma mobilă este FormattedDocument. Din punctul de vedere al utilizatorului, un document formatat „mobil” diferă doar prin faptul că panoul său de editare este încorporat în controlul însuși și este o parte logică a tastaturii virtuale. Voi, în calitate de dezvoltatori, nu trebuie să îl adăugați separat la configurație. Panoul de editare are un aspect diferit în funcție de tipul de dispozitiv mobil (telefon sau tabletă).

Previzualizarea formularului „mobil” în configurator

În configurator, la dezvoltarea unui formular, am adăugat posibilitatea de a vedea cum va arăta formularul dvs. pe un dispozitiv mobil.

În panoul de comandă puteți selecta o opțiune de interfață Dispozitiv mobil, și vedeți cum va arăta formularul în orientare standard.

Aici vă puteți roti dispozitivul mobil.

În plus, ți-am oferit posibilitatea de a alege dintr-un număr mare de dispozitive comune.

În plus, puteți vizualiza formularele mobile în trei scări diferite:

• Pixel la pixel- când un pixel al ecranului unui dispozitiv mobil corespunde unui pixel al ecranului ferestrei de previzualizare;
• Dimensiunea reală- când dimensiunea dispozitivului mobil de pe ecran corespunde dimensiunilor geometrice ale dispozitivului;
• După dimensiunea ferestrei- când scara de afișare este selectată în așa fel încât zona de afișare „mobil” să se încadreze în fereastra de previzualizare fără derulare.

Procesarea în lot a documentelor din foile de calcul

Am adăugat o serie de noi obiecte pe platforma mobilă care vă permit să creați pachete de documente afișate. Această funcționalitate este similară cu cea găsită în platforma PC. Astfel, acum puteți, de exemplu, să trimiteți mai multe documente pentru tipărire simultan.

Dezvoltarea notificărilor livrabile

Am implementat suport pentru serviciul de notificare push Windows (WNS, Windows Notification Services). Acum puteți folosi funcționalitatea notificărilor livrate atunci când rulați o aplicație mobilă pe platforme din familia Windows.

De asemenea, am reelaborat sistemul de gestionare a erorilor pentru trimiterea notificărilor livrate. În situațiile în care o eroare a fost aruncată anterior ca o excepție, acum este aruncată ca o valoare pe care o puteți gestiona în limbajul încorporat.

Accelerarea hardware în sistemul de operare Android

Pe versiunile sistemului de operare Android 4.4.2 și mai recente, platforma mobilă utilizează acum accelerarea hardware. Acest lucru ne-a permis să creștem viteza de redare a interfeței de 1,5 – 3 ori.

In conformitate cu cererea ta formularul site-ului mobil găsite 2833 rezultate

• Dezvoltarea unei bune navigații pentru un site web este unul dintre factorii cheie pentru ca proiectul să progreseze bine și pentru ca vizitatorii să înceapă să exploreze site-ul pentru a verifica toate colțurile și colțurile (marcaje, imagini, text etc.) pentru informații. Urmărește și inspiră-te pentru propriile tale proiecte grozave.

  Conformitate: 7

• Atunci când proiectează aplicații mobile, un dezvoltator se confruntă cu diverse capcane care pot distruge toate eforturile. În această lecție vom descrie 6 dintre cele mai insidioase și frecvente greșeli atunci când lucrați la versiuni pentru dispozitive mobile.

  Conformitate: 7

• În această lecție ne vom da seama cum să creăm un formular de mesaj original sub forma unei mașini de scris. Toate funcțiile principale ale acestei unități învechite vor fi restaurate cu atenție folosind CSS și jQuery.

  Conformitate: 7

• Aici veți afla adevărul despre site-urile de comerț electronic: conform celor mai recente cercetări în acest domeniu, cel puțin 59,8% dintre potențialii cumpărători refuză să plătească pentru ceea ce au adăugat în coșul lor (MarketingSherpa 59,8%, SeeWhy 83% și MarketLive 62,14). %). Întrebarea principală este: de ce clienții abandonează atât de des achizițiile? Cert este că există câteva greșeli fundamentale pe care dezvoltatorii de site-uri de comerț electronic le fac foarte des. Există principii generale care împiedică utilizatorii să cumpere produsele noastre? Și există vreo modalitate semnificativă de a îmbunătăți performanța vânzărilor a ceea ce vindem?

  Conformitate: 7

• Cea mai frumoasă caracteristică nouă din HTML5 este capacitatea de a adăuga text implicit în câmpurile de formular. Atributul substituent permite câmpurilor de formular să afișeze text specific în timp ce acestea sunt goale sau nu sunt focalizate (când câmpul are focalizare, acesta este șters). Aceasta este o caracteristică elegantă, dar totuși nu este acceptată de toate browserele. În acest tutorial, vă voi arăta cum să utilizați Modernizr pentru a determina dacă este acceptat de un anumit browser și, dacă nu, completați câmpurile de formular cu text implicit folosind jQuery.

  Conformitate: 7

• O grilă modulară poate fi un ajutor semnificativ la crearea unui site web. Oferă atât structura vizuală pentru elementele site-ului, cât și mediul pentru conținut. Este o modalitate ușoară de a crea un site web echilibrat și consistent.

  Conformitate: 7

• Când dezvoltați o interfață de proiect, doriți să fie întotdeauna simplă și ușor de înțeles pentru utilizator. Indiferent ce oferă site-ul dvs., trebuie să găsiți un echilibru între simplitate și funcționalitate. Este foarte important să vă asigurați că utilizatorul poate găsi și înțelege cu ușurință orice funcții ale proiectului dumneavoastră, în mod ideal fără a încărca alte pagini.

  Conformitate: 7

• Imaginați-vă frământările emoționale ale unui utilizator care trebuie să adauge doar câteva caractere pentru a trimite un formular cu un număr mare de câmpuri completate manual și dintr-o dată toate datele se pierd. Teribil. Dacă, desigur, nu există o modalitate de a recupera datele pentru a evita soarta lui Sisif.

În acest articol, vom arunca o privire asupra unora dintre noile îmbunătățiri ale formularelor din HTML5 și vom analiza modul în care acestea ajută la îmbunătățirea experienței utilizatorului pe mobil. În special, vom vedea cum pot fi extinse formularele cu tipurile de introducere suplimentare oferite de HTML5 și vom arăta la ce vă puteți aștepta de la diferite browsere mobile.

Tipuri de intrare HTML5

HTML5 are o grămadă de noi tipuri de intrare pentru formulare. Aceste tipuri de intrări permit un control mai mare și o verificare a datelor de intrare. Unele dintre ele sunt utile în special pentru utilizatorii de telefonie mobilă, care adesea întâmpină dificultăți în a face intrarea HTML să funcționeze. Lista completă a tipurilor de date de intrare este prezentată mai jos:

• culoare — selecția culorii
• data — selectarea datei
• datetime - selectați data și ora
• e-mail — validarea măștii de e-mail
• număr - introduceți numărul
• range — glisor de rază
• căutare - câmp de căutare
• tel — validare masca de telefon
• timp - timp
• url - validare URL

Desigur, această listă nu este completă. Aceasta nu include tipurile care sunt acceptate de standard, dar esența lor nu este încă clară. Vom lua în considerare cele mai populare și relevante dintre tipurile de mai sus în acest articol cu ​​exemple.

1. Culoarea tipului de intrare

Dacă acest tip de introducere este acceptat, browserul utilizatorului va apela selectorul de culori încorporat pe dispozitivul client. Culoarea selectată va fi reprezentată în valoarea RGB hexazecimală corespunzătoare.

Exemplu de lucru:

Stilul pop-up-ului va depinde de browserul dvs. Faceți clic pe butonul pentru a vedea cum funcționează.

Alege culoarea ta:

Din pacate, suport de acest tip de către browserele mobile lasa mult de dorit. Dintre toate cele existente, afișarea corectă poate fi găsită doar în Opera Mobile și Chrome Android. Pentru toate celelalte browsere, va fi afișat un câmp de text gol. Acest lucru merită reținut. Alternativ, puteți schița paleta în JS sau puteți utiliza pluginuri.

2. Tip de intrare data

Dacă este acceptat de browser, oferă un bloc convenabil pentru selectarea unei date.

Exemplu de lucru:

Selecția datei:

Rețineți că tipul de intrare Date, precum și variantele de tip datetime și datetime-local oferă atribute utile, valori precum min și max , care pot stabili limite și validare pe intrarea utilizatorului. Vom demonstra acest lucru mai jos în text.

Tipul HTML Input Date este acceptat de aproape toate browserele. Excepțiile sunt Opera Mini și browserul implicit Android.

3. Introduceți datetime și datetime-local

Acest tip de intrare permite utilizatorului să specifice o dată și o oră într-un format convenabil. Dacă este acceptat, acesta va fi afișat ca widget nativ de dată/ora al dispozitivului. Diferența dintre aceste tipuri de introducere este că primul este legat de ora mondială, iar al doilea nu conține informații despre fusul orar.

Exemplu de lucru:

Selectați data și ora:

Nu sunt acceptateîn IE Mobile și Opera Mini. Pe alte browsere populare (mobile), tipul funcționează mai mult sau mai puțin corect, dar cazurile de erori și erori nu sunt neobișnuite. Țineți cont și de acest lucru și nu uitați de alternativele JavaScript.

4. E-mail de tip de intrare

Acest tip nu necesită reprezentare. Mulți oameni îl folosesc deja și este acceptat de aproape toate browserele.

Exemplu de lucru:

Introdu adresa ta de e-mail:

Înainte de trimitere, browserul verifică corectitudinea câmpului completat și informează utilizatorul dacă formatul de intrare este invalid. Calculul se bazează pe următoarea expresie (text)@(domeniu)

5. Introduceți numărul tip și tel

Acesta este un alt tip care nu necesită multe discuții. Cu toate acestea, într-un mediu mobil este un instrument foarte util. Utilizați-l în cazurile în care utilizatorului i se prezintă doar un set de numere. În această situație, i se va oferi o interfață convenabilă cu tastatura numerică.

Exemplu de lucru:

Selectați valoarea:

Intervalul implicit în majoritatea browserelor este între 0 și 100. Adică, poziția din stânga a glisorului este 0, iar poziția cea mai îndepărtată este 100. Puteți modifica intervalul utilizând atributele min și max. De asemenea, putem seta valoarea pasului prin pasul de atribut. Deci, pentru a specifica un interval de la 5 la 50, în trepte de 5, am folosi:

Acceptă toate browserele populare, cu excepția Opera Mini.

7. Validarea formularului

Este foarte convenabil să setați un atribut HTML Input special pentru a valida datele de intrare. De exemplu, dorim să creăm un câmp care trebuie completat:

Designer UX de la IBM Zoltan Collin.

La marcaje

Zoltan Collin

Formularele dropdown par a fi o alegere evidentă de design: sunt ușor și ieftin de creat, nu ocupă prea mult spațiu, confirmă automat informațiile introduse, sunt acceptate pe toate browserele și platformele și utilizatorii sunt deja utilizați lor.

Dropdown-urile sunt cea mai frecventă utilizare a dropdown-urilor de către designeri și, potrivit directorului de produs Google, Luke Wroblewski, acest model ar trebui folosit doar ca ultimă soluție.

Să ne uităm la câteva restricții:

• Opțiunile drop-down sunt invizibile până când utilizatorul face clic sau atinge formularul. În plus, la prima vedere, este imposibil de prezis câte linii vor fi în listă - două sau cincizeci.
• Selectarea unei opțiuni dintr-o listă derulantă este un proces în mai mulți pași, în special pe dispozitivele mobile: utilizatorul trebuie mai întâi să atingă formularul și să deschidă opțiunile, să deruleze în jos și să o găsească pe cea dorită, să o selecteze și să închidă lista.
• Listele drop-down îi fac pe designeri leneși, deoarece este atât de ușor să adăugați toate opțiunile posibile într-o singură listă fără nicio prioritizare. Din acest motiv, lista drop-down este foarte asemănătoare cu un alt șablon - meniul „hamburger”.
• Derularea listelor lungi, cum ar fi selectarea unei țări este un coșmar. Mai ales pe dispozitivele mobile, unde căutarea de la tastatură nu este de obicei disponibilă.
• Pe unele dispozitive, câmpul pentru afișarea opțiunilor este foarte mic, așa că glisarea poate fi un coșmar.

Numărul de opțiuni de listă vizibile pe iOS poate părea extrem de mic

Vestea bună este că există multe elemente alternative de introducere a datelor care vor funcționa mai bine decât listele derulante în multe cazuri.

Estimați numărul de opțiuni

Nu ar trebui să utilizați liste derulante pentru decizii în care trebuie să alegeți una dintre cele două opțiuni. Încercați o casetă de selectare sau un buton radio.

Pentru un număr mic de opțiuni care se exclud reciproc, este potrivită o formă sub formă de butoane radio sau butoane de control segmentat. Utilizatorul va vedea imediat toate opțiunile disponibile și nu va trebui să extindă lista.

Exemplu de utilizare a butoanelor de control segmentat

Numărul de opțiuni vizibile depinde de lățimea ecranului și lungimea textului. Cu toate acestea, nu ar trebui să utilizați mai mult de cinci opțiuni

Utilizați un formular de introducere cu o listă derulantă filtrată pentru un număr mare de opțiuni bine definite în care utilizatorul știe exact ce trebuie să găsească.

În loc să defileze prin întreaga listă, utilizatorii pot introduce primele litere și pot selecta opțiunile filtrate

Pentru liste mari și diverse, este mai bine să utilizați datele existente ale utilizatorilor pentru a vă asigura că opțiunile populare de răspuns sunt incluse în listă. În acest caz, 90% dintre utilizatori vor putea selecta imediat opțiunea necesară, iar restul de 10% vor face clic pe opțiunea „Altele”, care va fi clarificată în următoarea întrebare.

Și în timp ce „Altele” nu este cea mai elegantă soluție, prioritizarea poate îmbunătăți UX pentru majoritatea utilizatorilor.

Evaluați formularul de introducere preferat

Unul dintre avantajele unei liste derulante este că utilizatorii nu trebuie să tastați atât de mult. Cu toate acestea, dacă trebuie să tastați doar puțin și datele sunt solicitate destul de des (de exemplu, informații personale), atunci este mai convenabil să le introduceți decât să le selectați dintr-o listă.

Pe dispozitivele mobile, cel mai simplu mod de a introduce anul nașterii este să utilizați tastatura numerică, mai degrabă decât lista derulantă.

În general, tastatura numerică este cea mai eficientă modalitate de a introduce o valoare numerică.

Chiar dacă valorile listei sunt sortate în ordine, poate fi mai ușor pentru utilizatori să le introducă manual în loc să le deruleze.

Dacă este important pentru dvs. să confirmați datele pe care le introduce o persoană, utilizați un formular de introducere cu o listă derulantă filtrată.

De exemplu, atunci când un utilizator trebuie să specifice o stare, o singură literă poate filtra lista de opțiuni disponibile

Acest lucru este deosebit de important dacă ordinea de sortare a elementelor listei nu este complet clară.

De exemplu, utilizatorii nu înțeleg după ce principiu sunt sortate monedele. Faceți-o astfel încât să poată căuta atât după nume, cât și după abreviere

Același lucru este valabil și pentru lista de țări.

Pentru numere întregi - cum ar fi numărul de pasageri sau articole dintr-un cărucior - cel mai bine este să folosiți un stepper. Acesta va permite utilizatorilor să crească sau să scadă valoarea cu un singur clic.

Pentru numere fracționale sau variabile situate pe o scară, cel mai bine este să utilizați un glisor.

Persoanele care folosesc aplicația sau site-ul dvs. mobil au un scop specific. De obicei, ceea ce se află între utilizator și scopul său este forma. De fapt, formularele sunt considerate pasul final în procesul de atingere a obiectivelor utilizatorului. De aceea este atât de important ca utilizatorul să completeze formularul cât mai repede posibil și fără obstacole.

Urmați aceste șapte reguli pentru a crea forme simple și clare:

Regula #1: Formularele trebuie să fie compatibile cu modul în care utilizatorul își introduce datele

Asigurați-vă că câmpurile de formular nu sunt ascunse de elementele interfeței (cum ar fi tastatura). Pe măsură ce utilizatorul completează câmpurile din formular, mutați automat câmpurile în sus.

Regula #2: Minimizați numărul de câmpuri de introducere și nevoia utilizatorului de a introduce text

Cu cât un formular arată mai lung și mai complex, cu atât este mai puțin probabil ca utilizatorii să dorească să completeze spațiile libere, în special pe ecranele mici. Reducerea numărului de câmpuri de introducere va face formularul mai puțin aglomerat, mai ales atunci când cereți utilizatorului o mulțime de informații.

Faceți formularul cât mai simplu și scurt posibil

Dar reducerea numărului de câmpuri nu este suficientă. De asemenea, ar trebui să acordați atenție efortului pe care utilizatorul îl depune atunci când introduce date. Imprimarea necesită un grad ridicat de interacțiune; există o mare probabilitate de erori, chiar și atunci când intră de la o tastatură de dimensiune completă (în special pe un ecran tactil).

Prin urmare, încercați să minimizați necesitatea erorilor de tastare și a utilizatorului.

Setări implicite inteligente

Setările implicite inteligente ajută utilizatorii să completeze toate câmpurile formularului mai rapid și mai precis. De exemplu, puteți preselecta țara de reședință a unui utilizator pe baza datelor de localizare geografică a acestuia.

Detectarea automată a locației va economisi timp utilizatorului în căutarea unei camere de hotel

Butoane radio pentru alegeri similare, dar care se exclud reciproc

Când utilizatorul se confruntă cu alegerea dintr-o listă de opțiuni, luați în considerare utilizarea unei liste orizontale de etichete. Acest lucru vă permite să utilizați mai eficient spațiul disponibil pe ecran.

Glisoare pentru preț min/max sau interval de buget

Luați în considerare utilizarea glisoarelor pentru câmpurile care conțin prețuri sau buget. În acest fel, utilizatorul poate muta glisorul la valoarea minimă/maximă. Glisorul este ușor de mutat pe orizontală și puteți personaliza cu ușurință această acțiune folosind indicii vizuale. Dar rețineți că numerele nu trebuie ascunse atunci când interacționați cu glisorul (mai ales când folosiți degetele mari).

Glisor AirBnB pentru a selecta prețul

Regula nr. 3: titlurile formularelor trebuie să fie fie deasupra câmpurilor în sine, fie flotante

Titlurile îi spun utilizatorului scopul principal al unui câmp, iar textul clar este una dintre principalele modalități de a face o interfață mai accesibilă.

De ce nu ar trebui să utilizați niciodată titluri de text în interiorul unui câmp

Anteturile din câmp (sau substituenții) sunt text care se află în interiorul unui câmp de formular care dispare de îndată ce utilizatorul începe să-și introducă datele.

Titluri în interiorul câmpului
În timp ce titlurile din cutie arată bine din punct de vedere estetic, acest beneficiu este adesea supraevaluat. Principala greșeală este pierderea contextului. După ce utilizatorul face clic pe câmp, inscripția dispare. Și, în consecință, nu poate verifica că a scris exact ceea ce este necesar.

Textul din interiorul unui câmp nu este cel mai bun înlocuitor pentru un titlu vizual

De asemenea, unii utilizatori care văd că ceva este deja scris într-un câmp pot crede că câmpul este deja pre-completat și nu trebuie să introducă nimic altceva și pot ignora completarea.

De ce anteturile câmpurilor aliniate la stânga sunt dăunătoare pentru dispozitivele mobile

Principalul lucru de luat în considerare atunci când utilizați titluri aliniate la stânga pe un dispozitiv mobil este dimensiunea ecranului și raportul de aspect. Dacă titlul din stânga este opus câmpului, atunci cu o orientare verticală a ecranului, veți avea foarte puțin spațiu rămas pentru câmpul în sine. Acest lucru creează unele dificultăți în utilizare, deoarece nu mai există suficient spațiu pentru a afișa ceea ce introduce utilizatorul. Neputința de a vedea textul introdus creează o problemă pentru utilizatori, deoarece îi împiedică să observe rapid o eroare de introducere înainte de a trimite formularul.

Este foarte greu de observat o eroare dacă datele nu sunt complet vizibile

Antet de sus sau Antet receptiv

Titlurile formularelor ar trebui să fie în partea de sus a câmpurilor formularului, astfel încât utilizatorii să poată vedea ce completează și cum. Principalul avantaj al plasării antetelor formularului deasupra formularului este că puteți întinde formularul pe toată lățimea ecranului și îl puteți face suficient de mare pentru introducerea datelor (de exemplu, cu o dimensiune a fontului de 16 pixeli). Un avantaj suplimentar va fi capacitatea de a scrie titluri clare și ușor de înțeles (nu se limitează la 1-2 cuvinte).

Principalul dezavantaj al plasării antetelor deasupra câmpurilor este că întregul formular ocupă mai mult spațiu vertical, ceea ce înseamnă că utilizatorul trebuie să deruleze ecranul. Cu toate acestea, aceasta nu este o problemă foarte serioasă - astăzi, toată lumea este obișnuită să defileze.

Alternativ, puteți utiliza antete receptive pentru a vă asigura că utilizatorii au completat corect câmpul. Textul substituent este afișat în mod implicit, dar după ce atingeți câmpul și introduceți text, textul substituentului se mută în partea de sus a câmpului, așa cum se arată mai jos.

Regula #4: Validarea câmpului formularului ar trebui să aibă loc în timp real

Într-o lume ideală, utilizatorii ar completa formularul cu informațiile necesare și ar finaliza cu succes sarcina. În lumea reală, utilizatorii fac adesea greșeli. În același timp, utilizatorilor nu le place faptul că, după întregul proces de completare a câmpurilor, ajung la butonul „trimite” și descoperă că au făcut o greșeală. Este corect să informați utilizatorul despre succesul/eroarea în câmp imediat după completarea acestuia. Mesajul de validare informează imediat utilizatorul că informațiile introduse sunt corecte. Această abordare permite utilizatorilor să repare greșelile mai rapid și fără a fi nevoie să aștepte ca erorile să fie afișate după ce au făcut clic pe butonul de trimitere.

Dacă vă așteptați la răspunsuri specifice la întrebări, trebuie să arătați imediat ce trebuie introdus și sub ce formă.

Validarea șirurilor poate fi, de asemenea, o soluție. În exemplul de mai jos, puteți vedea un exemplu bun despre cum puteți corecta o potențială eroare.

Regula #5: Afișează aspectul tastaturii în funcție de datele de intrare

Utilizatorii preferă configurația corespunzătoare a tastaturii în aplicație. De exemplu, atunci când utilizatorului i se cere să introducă un număr de card de credit, afișați doar introducerea cifrelor pentru a încuraja utilizatorul să introducă numere și nu simboluri. Acest lucru va crește viteza de umplere și va reduce numărul posibilelor erori de introducere.

Trebuie să vă asigurați că această caracteristică este implementată în întreaga aplicație și nu în părți individuale ale acesteia.

Regula #6: Furnizează informații utile în context

Uneori, este nevoie de a furniza informații relevante și utile pentru a simplifica procesul utilizatorului de completare a unui formular. Dar un astfel de text însoțitor ar trebui folosit numai acolo unde este cu adevărat necesar:

• Atunci când planifică datele, utilizatorii apreciază contextul, cum ar fi un calendar încorporat pentru determinarea zilelor săptămânii. Acest lucru reduce nevoia de a ieși din aplicație pentru a vizualiza calendarul, reducând riscul ca utilizatorul să fie distras de la sarcina sa principală.

• Oamenii pot fi îngrijorați de securitatea datelor lor, așa că trebuie să le arătați că datele lor nu vor fi partajate cu terțe părți.

Ca regulă a bunelor maniere, nu ar trebui să vă extindeți explicația la 100 de caractere.

Regula #7: Folosiți un format flexibil

Unele sarcini necesită informații foarte precise de la utilizator. Dar, în același timp, solicitarea utilizatorului să furnizeze informații într-o formă specifică poate fi împotriva principiilor bunei utilizări. Dacă cereți utilizatorului să introducă informații digitale (cum ar fi un număr de telefon) într-un formular, fiți flexibili și creați ecrane care să accepte diferite formate de introducere și să afișeze informațiile în cel mai ușor mod pentru a preveni erorile.

Nu utilizați un format fix de introducere a datelor

Concluzie

Utilizatorul poate avea tot felul de îndoieli atunci când completează formularul, așa că ar trebui să încercați să faceți procesul cât mai simplu posibil. Toate sfaturile descrise în acest articol pot îmbunătăți semnificativ gradul de utilizare a formularelor.