UX și HTML5: să ajutăm utilizatorii să completeze formularul dvs. mobil (partea 2)

În această a doua parte, vreau să mă concentrez mai mult pe capabilitățile specifice dispozitivelor mobile. HTML5, de exemplu, ne-a adus o mulțime de funcții foarte interesante pentru a ajuta utilizatorii să completeze formulare mobile și să-și formateze datele. Vom vedea în detaliu cum vă pot ajuta atributele HTML5 în acest sens. Apoi, vom depăși elementele de formular „clasice” și vom vedea cum să folosim capabilitățile mobile, cum ar fi camera, geolocalizarea și scanerele de amprente, pentru a duce cu adevărat experiența formularului mobil la nivelul următor pe site-uri web și în aplicațiile native.

Ajutați utilizatorul să formateze conținutul cu HTML5

În prima parte a acestei serii, am văzut câteva sfaturi generale despre cum să afișați câmpurile. Acum este timpul să aprofundăm puțin și să vedem cum câteva rânduri bine elaborate de cod HTML5 vă pot îmbunătăți formularele mobile.

Bunătatea optimizată pentru mobil HTML5

HTML5 deschide o lume întreagă de posibilități de optimizare a formularelor pentru dispozitive mobile și tactile. O mulțime de noi tipuri de intrare interesante pot declanșa diferite tastaturi pentru a ajuta utilizatorii. De asemenea, putem face câteva lucruri interesante prin capturarea media direct în browser.

Introducerea datelor numerice

input type= number

Atributul HTML5 <input type=number> restricționează un câmp de introducere la numere. Are un sistem de validare încorporat care respinge orice nu este un număr.

În unele browsere desktop, această intrare este prezentată cu săgeți mici în dreapta pe care utilizatorul le poate face clic pentru a crește numărul. Pe mobil, deschide o tastatură cu numere , ceea ce reduce greșelile de scriere și erorile de validare a formularelor. Aspectul și senzația intrării depind de sistemul de operare.

Introducerea ar trebui să permită zecimale și numere negative (dar puține tastaturi respectă asta). După cum se explică în specificațiile W3C, „o modalitate simplă de a determina dacă să utilizați tip=număr este să luați în considerare dacă ar fi logic ca controlul de intrare să aibă o interfață cu casetă de acces (de exemplu, cu săgeți „sus” și „jos”)”. Aceasta înseamnă că intrarea nu ar trebui să fie utilizată pentru carduri de credit sau coduri zonale.

pattern și atributele inputmode de intrare

Pentru a adăuga unele restricții la introducerea numerelor, puteți utiliza atributul pattern pentru a specifica o expresie regulată față de care doriți să controlați valorile.

Cam asa arata:

 <input type="number" name="quantity" pattern="[0-9]*" inputmode="numeric" />

Puteți folosi acest model pentru a afișa tastatura numerică cu butoane mari de pe iPhone (dar nu și pe iPad). Această tastatură nu are semnul minus sau virgulă, astfel încât utilizatorii își pierd capacitatea de a folosi numere negative și zecimale. De asemenea, nu pot comuta înapoi la o altă tastatură aici, așa că aveți grijă când utilizați aceasta.

De asemenea, rețineți că modelele pot fi aplicate oricărui alt tip de intrări.

Utilizarea numai a acestui model nu va funcționa pe majoritatea telefoanelor Android. Veți avea nevoie în continuare de o combinație de input type=number și atribut pentru a face acest lucru.

inputmode

Dacă doriți doar să declanșați tastatura numerică mobilă, dar nu doriți să vă ocupați de type=number și mizerie pattern , puteți utiliza o introducere de text și aplicați atributul inputmode=numeric. Ar arata asa:

 <input type="text" name="quantity" inputmode="numeric" />

Din păcate (la momentul scrierii), doar Chrome 67 mobil acceptă acest lucru, dar ar trebui să ajungă pe desktopul Chrome 66 fără un steag.

Pentru a afla mai multe despre cum să introduceți numere într-un formular, citiți „Am vrut să introduc un număr”.

input type=tel

Dacă doriți ca utilizatorii să introducă un număr de telefon, puteți utiliza tipul de intrare=tel. După cum puteți vedea în captura de ecran de mai jos, declanșează aceleași cifre pe tastatura iOS ca și atributul model descris mai sus. Datorită complexității numerelor de telefon din întreaga lume, nu există o validare automată cu acest tip de intrare.

Introducerea Datelor

Chiar dacă sunt date tehnic numerice, datele merită propria lor secțiune. Există câteva tipuri de introducere HTML5 pentru introducerea datelor. Cel mai folosit este input type=date . Va declanșa un selector de date în browserele acceptate. Aspectul selectorului de date depinde de browser și de sistemul de operare. Pentru a afla mai multe despre modul în care browserele redă input type="date" , vă recomand să citiți „Complicarea input type=date ”.

Există, de asemenea, type=week pentru a alege o săptămână, type=time pentru a introduce o oră (până la ora și minut) și type=datetime-local pentru a alege o dată și o oră (folosind ora locală a utilizatorului). Atâtea alegeri!

input type=date funcționează bine pentru interfețele de rezervare, de exemplu. S-ar putea să aveți anumite nevoi care vă impun să vă construiți propriul selector de date, totuși (cum am văzut deja în secțiunea despre valorile implicite sensibile). Dar input type=date este întotdeauna o opțiune bună dacă aveți nevoie de un selector de date și nu doriți să aduceți o bibliotecă JavaScript întreagă pe site-ul web pentru job.

Cu toate acestea, uneori este mai bine să nu folosiți type=date pentru date. Să luăm exemplul unei date de naștere. Dacă m-aș fi născut în 1960 (nu sunt — acesta este doar un exemplu), mi-ar fi nevoie de multe atingeri pentru a-mi alege data nașterii dacă aș fi început din 2018. Pe Android, am descoperit recent că dacă aș apăs pe an. în selector, primesc un fel de roată dropdown cu toți anii. Puțin mai bine, dar necesită totuși o cantitate destul de mare de defilare.

Un utilizator mi-a spus pe Twitter:

"Sunt nascut in 1977 si pot confirma supararea. Cu cat iti ia mai mult timp pentru a defila, cu atat te simti mai in varsta :-("

Deci, poate că datele de naștere nu sunt cel mai bun candidat pentru alegeri de date.

URL, e-mail, telefon și căutare

Telefoanele mobile ascund o tastatură și o bunătate de optimizare a introducerii care îmbunătățesc experiența utilizatorului atunci când completează un formular. Diavolul este în detalii, după cum se spune.

Folosind câmpul de input type=url va apărea o tastatură optimizată pe mobil, cu / (tasta bară oblică) direct accesibilă. În funcție de sistemul de operare, puteți oferi și acces rapid la domeniile de nivel superior comune, cum ar fi .fr din captura de ecran de mai jos. Dacă apăsați lung pe acest buton, vor apărea comenzi rapide către alte domenii de nivel superior. Aceasta vine și cu validarea automată a browserului care verifică dacă formatul URL-ului este valid.

Introducerea type=emailfield afișează o tastatură optimizată pentru e-mail, care oferă acces rapid la simbolul @ . Această intrare necesită prezența lui @ undeva în câmp pentru a fi validă. Este singura verificare pe care o face.

Câmpul de intrare tip=căutare afișează o tastatură optimizată pentru căutare. Utilizatorul poate lansa direct căutarea de la un buton de pe tastatură. Există, de asemenea, o mică cruce pentru a șterge câmpul și a introduce o nouă interogare.

Gama Și Culoare

Ultimele două tipuri de introducere pe care le-am analizat nu sunt optimizate în mod special pentru dispozitive mobile, dar prin utilizarea lor, putem evita nevoia de a încărca biblioteci JavaScript personalizate grele, ceea ce este o idee bună pentru utilizatorii de dispozitive mobile.

tipul de intrare=interval oferă un glisor vizual al interfeței de utilizare pentru a introduce un număr. Interfața de utilizare pentru acest control depinde de browser.

tipul de intrare=culoare oferă utilizatorului o modalitate ușoară de a introduce o valoare a culorii. În multe implementări de browser, acesta vine cu un selector de culori.

Captură media HTML: Realizarea și încărcarea imaginilor și înregistrarea sunetului

Îmi amintesc de vremea iPhone 3, când Apple nu permitea nici măcar un simplu input type=file să fie folosit pe un site, din motive de securitate. Acele vremuri au trecut de mult. Cu API-ul HTML media capture, acum este posibil să accesați diferiți senzori ai unui dispozitiv. Putem captura fotografii și videoclipuri și chiar putem înregistra voce direct în browser.

Atributul accept vă permite să specificați ce fel de media să acceptați în intrare: audio, imagine, video. Utilizatorul poate acorda browserului acces direct la camera sa, de exemplu.

Codul arată astfel:

 <input type="file" accept="image/*">

Atributul de captură vă permite să specificați modul preferat de captură. Dacă adăugați atributul de capture deasupra atributului de accept , puteți face browserul să deschidă direct camera sau înregistrarea vocală.

 <input type="file" accept="image/*" capture> // opens the camera>

 <input type="file" accept="video/*" capture> // opens the camera in video mode

 <input type="file" accept="audio/*" capture> // opens the voice recorder 

Pentru mai multe detalii despre cum să utilizați media direct în browser, citiți secțiunea „Accesarea și manipularea imaginilor, video și audio direct în browser” din articolul meu despre puterile secrete ale browserelor mobile.

HTML5 Auto: corectare automată, completare automată, completare automată, capitalizare automată și focalizare automată

HTML5 vine cu o mulțime de atribute automate. Pentru a îmbunătăți experiența mobilă, veți dori să fiți inteligent cu privire la ceea ce poate fi automatizat și ce nu. Iată câteva reguli generale:

• Dezactivați corectarea automată pentru lucrurile pentru care dicționarul este slab : adrese de e-mail, numere, nume, adrese, orașe, regiuni, coduri de zonă, numere de card de credit.
• Dezactivați capitalizarea automată pentru câmpurile de e-mail și alte câmpuri, acolo unde este cazul (de exemplu, adresele URL ale site-urilor web). Rețineți că type=email face treaba pentru dvs. în versiunea recentă de iOS și Android, dar dezactivați-l oricum pentru versiunile mai vechi sau dacă type=email nu este acceptat.
• Puteți seta atributul de capitalizare automată a words astfel încât prima literă cu majusculă automată a fiecărui cuvânt introdus de utilizator. Acest lucru poate fi util pentru nume, locuri și altele asemenea, dar, din nou, aveți grijă cu el și testați-l.

• Pentru input type=tel , setați autocomplete="tel" .
• Puteți utiliza autofocus pentru a focaliza un element de control atunci când utilizatorul încarcă pagina. Dar doar pentru că utilizatorul deschide pagina de „contact”, nu înseamnă că este gata să treacă direct la primul câmp al formularului. Deci, din nou, folosește-l cu înțelepciune.

Dacă doriți mai multe opțiuni de completare automată, o listă întreagă este pe Wiki WhatWG. Doar asigurați-vă că le utilizați pe cele potrivite. Implementați, testați și testați din nou.

Validare formular HTML5

Nu voi intra în detalii tehnice aici, dar ar trebui să știți că HTML5 are un API de validare a formularelor încorporat pentru multe câmpuri. Este bine dacă nu doriți să utilizați o bibliotecă JavaScript pentru a afișa mesaje de validare inline. Iată principalele lucruri pe care trebuie să le știți ca designer UX despre validarea formularelor HTML5:

• Mesajul de validare este un control al browserului. Nu îl puteți stila în CSS și este diferit pentru fiecare browser.
• Puteți modifica textul mesajului în JavaScript utilizând setCustomValidity .
• CSS3 oferă :invalid, :valid și :required și alte pseudo-clase pentru validarea formularelor HTML. Acestea se declanșează prin estompare, așa că sunt aproape inutile pentru moment.

În „Validarea formularelor native, partea 1”, Peter-Paul Koch intră în detaliu despre motivul pentru care validarea formularelor HTML și CSS nu îmbunătățește cu adevărat formularele în acest moment.

Asistență offline pentru salvarea datelor utilizatorului

Multe lucruri pot merge prost, mai ales pe mobil. Se întâmplă greșeli. Un utilizator poate greși butonul înapoi din browser și își poate pierde toate datele.

Dacă utilizatorul revine la pagină, ar fi bine să-și afișeze datele din nou . Același lucru este valabil și în cazul în care browserul se blochează sau utilizatorul închide fila. Puteți stoca datele utilizatorului în stocarea locală sau de sesiune pentru a vă asigura că nimic nu se pierde dacă ceva nu merge bine. Geoffrey Crofte a scris o bibliotecă JavaScript pentru a vă ajuta cu asta.

Dacă conexiunea se pierde în timp ce utilizatorul trimite formularul, este posibil să piardă și datele. Pentru a evita acest lucru, puteți utiliza o combinație a** API-ul offline HTML5** și API- ul Service Workers pentru:

• stocați datele în cache,
• încercați să îl trimiteți automat din nou când conexiunea revine.

Pentru a afla cum să codificați acest lucru, consultați articolul despre „Formulare prietenoase offline”.

Capabilitățile dispozitivelor mobile pot duce experiența la următorul nivel

În partea 1, ne-am păstrat elementele și atributele comune de bază ale formularelor HTML pentru îmbunătățirea formularelor mobile. Dar capabilitățile dispozitivelor mobile depășesc cu mult afișarea paginilor web HTML, CSS și JavaScript. Acele dispozitive mici sunt echipate cu o mulțime de senzori . Și vom putea folosi multe dintre acestea în aplicațiile native și pe web pentru a face viața utilizatorilor noștri mult mai ușoară.

Detectarea locației utilizatorului

În secțiunea anterioară, am scris despre informațiile de pre-completare pentru locuri și adrese. E un început bun. Putem face un pas mai departe. În loc să cerem utilizatorilor să introducă o locație, o putem detecta . Faceți cunoștință cu API-ul de geolocație pentru web. Există, de asemenea, API-uri native de geolocalizare iOS, Android și Windows Phone.

Citymapper este un site web și o aplicație care ajută utilizatorii să-și planifice călătoriile. Când utilizatorul intră în primul câmp, vede opțiunea „Utilizați locația curentă”. Dacă îl selectează, li se cere să permită browserului să-și acceseze datele de geolocalizare. Acesta este API-ul de geolocalizare. Browserul completează apoi automat locația pe care a găsit-o și utilizatorul poate trece la câmpul de destinație. Aplicația nativă funcționează aproape în același mod.

Fiți inteligent când cereți permisiunea utilizatorului

Poate ați observat în videoclipul anterior că a trebuit să accept să dau acces la poziția mea pe site-ul Citymapper. În browser, utilizatorul gestionează permisiunile site-ul web după site, API după API.

De asemenea, trebuie să ai grijă cum ceri permisiunea . Utilizatorul ar putea refuza accesul la geolocalizare, notificare sau alt API dacă o cereți prea devreme. De asemenea, ar putea refuza dacă nu înțeleg de ce aveți nevoie de permisiunea. Ai o șansă; foloseste-l cu intelepciune . După aceea, va fi aproape imposibil să vă recuperați. Sunt un utilizator cu putere Android și chiar și eu trebuie să caut opțiunile din browser atunci când vreau să resetați permisiunile pe care le-am acordat unui site web. Imaginează-ți problemele pe care le vor avea utilizatorii tăi.

Iată câteva sfaturi generale pentru a solicita permisiuni pe web:

• Nu fiți înfricoșătorul urmăritor al geolocalizării sau al notificărilor: nu cereți permisiunea de îndată ce utilizatorul ajunge pe site-ul dvs. S-ar putea să nu știe încă despre tine sau serviciul tău.
• Permiteți utilizatorului să vă descopere site-ul și serviciul. Apoi, cereți permisiunea în context . Dacă doriți să accesați locația lor, întrebați-i doar când aveți nevoie (Citymapper este un bun exemplu).
• Explicați de ce aveți nevoie de permisiunea și ce veți face cu ea .

Dacă vrei să mergi mai departe, Luke Wroblewski (da, el din nou) a creat un videoclip frumos care să te ajute în procesul de solicitare a permisiunii.

O experiență de plată mai bună

O mare arie de îmbunătățire pentru formulare este întreaga experiență de plată a plății. Din nou, senzorii de pe dispozitiv pot face din aceasta o experiență aproape nedureroasă. Singura durere va fi suma de bani pe care utilizatorul o cheltuiește.

Scaner de carduri de credit iOS

În secțiunea anterioară, am scris despre detectarea automată a cardurilor de credit și caracteristicile de completare automată bazate pe intrarea anterioară a utilizatorului. Aceasta înseamnă totuși că utilizatorul trebuie să introducă datele cardului de credit cel puțin o dată.

Apple a dus acest lucru la nivelul următor cu scanerul său pentru cărți de credit . Începând cu iOS 8 în Safari, utilizatorii își pot folosi camera pentru a scana și completa automat informațiile cardului de credit. Pentru a realiza această magie, va trebui să adăugați atributul de completare automată cc-number și un nume pentru a identifica acest câmp ca un câmp de card de credit. Apple nu are prea multe informații oficiale despre el, dar unii oameni au făcut câteva teste și au pus rezultatele pe StackOverflow.

Safari are, de asemenea, opțiuni de completare automată pe care utilizatorii le pot folosi pentru a-și adăuga cardul de credit, permițându-le să-l refolosească pe mai multe site-uri web.

Faceți achiziția cu un pas mai departe cu API-ul Google Pay

Google a lansat ceva similar: API-ul Google Pay. Când este implementat pe un site web, API-ul elimină nevoia de a introduce manual informațiile de plată . Merge cu un pas mai departe: poate stoca și adresele de facturare și de expediere.

Utilizatorul primește un dialog în Chrome care afișează diferitele informații de plată pe care le-au stocat. Ei pot alege pe care să îl folosească și pot plăti direct prin intermediul casetei de dialog .

O versiune standardizată a API-ului Payment Request este în prezent o recomandare a candidatului W3C. Dacă acest lucru este implementat în browsere, ar permite utilizatorilor să verifice cu un singur buton, care ar solicita API-ul. Fiecare pas ulterior va fi gestionat de casetele de dialog native ale browserului.

Faceți autentificarea mai ușoară

Telefoanele mobile sunt, în cele mai multe cazuri, dispozitive personale pe care oamenii nu le partajează de obicei altora. Acest lucru deschide câteva oportunități interesante de autentificare.

Legătură magică

Folosesc un manager de parole. Nu știu 99% din parolele mele. Toate sunt generate aleatoriu. Pentru a mă autentifica într-un nou spațiu de lucru Slack, trebuie să:

1. deschide-mi managerul de parole,
2. introduceți parola mea principală,
3. caută spațiul de lucru,
4. copiați și inserați parola în aplicația Slack.

Este un proces obositor, dar Slack a fost suficient de inteligent pentru a oferi o opțiune mai bună.

Mulți utilizatori au e-mailul sincronizat pe telefon. Slack a înțeles asta. Când adăugați un nou spațiu de lucru Slack în aplicație, puteți fie să vă conectați folosind parola, fie să cereți opțiunea „link magic”. Dacă optați pentru cel din urmă, Slack trimite un link magic către căsuța dvs. poștală . Deschideți e-mailul, faceți clic pe butonul verde mare și — ta-da! — ești autentificat.

În culise, acest link magic conține un simbol de autentificare. Aplicația Slack prinde acest lucru și vă autentifică fără a necesita parola.

Amprentă digitală pentru identificare inteligentă

Îmi fac aproape toate operațiunile bancare pe dispozitivul meu mobil. Și când vine vorba de conectarea la conturile mele bancare, există o lume de diferență între aplicația mea bancară franceză Societe General și aplicația germană N26.

Cu Societe Generale, am un șir de conectare și o expresie de acces. Pot cere aplicației să-și amintească șirul de conectare, care este de 10 cifre aleatorii. Nu sunt în stare să-l amintesc pe acela; Folosesc un manager de parole pentru asta. Trebuie să-mi amintesc și să introduc expresia de acces din șase cifre pe o tastatură personalizată. Desigur, pozițiile numerelor se schimbă de fiecare dată când mă conectez. Securitate — da, știu. De asemenea, trebuie să schimb această expresie de acces la fiecare trei luni. Ultima dată când am fost forțat să schimb expresia de acces, am făcut ceea ce fac majoritatea oamenilor: aleg aproape aceeași expresie de acces, pentru că nu vreau să fiu nevoit să-mi amintesc încă un număr de șase cifre. Și, desigur, eram al naibii de sigur că o voi aminti, așa că nu l-am introdus în managerul de parole. Greșeală de începător. Două săptămâni mai târziu, am încercat să mă conectez. Desigur, l-am uitat. Am făcut trei încercări eșuate, iar apoi contul mi-a fost blocat. Din fericire, folosesc acest cont doar pentru economii. În aplicație, puteți cere o nouă parolă. A durat aproape o săptămână până când banca mi-a trimis o nouă expresie de acces din șase cifre prin poștă pe hârtie la adresa mea de domiciliu din Luxemburg. Da.

N26, pe de altă parte, folosește adresa mea de e-mail ca șir de conectare. Îmi amintesc asta fără un manager de parole. Când vreau să mă conectez, pun degetul pe butonul de pornire al telefonului meu Xperia și gata. În fundal, telefonul îmi scanează amprenta și mă autentifică. Dacă nu funcționează, pot reveni la o parolă.

Același dispozitiv, două aplicații, două experiențe total diferite.

Din ce în ce mai multe aplicații atât pe Android, cât și pe iOS oferă acum utilizatorului posibilitatea de a se autentifica cu o amprentă . Gata cu parole - este o soluție interesantă și elegantă.

Desigur, oamenii și-au exprimat unele preocupări de securitate în legătură cu acest lucru. Pentru Institutul Național de Standarde și Tehnologie (NIST), biometria nu este considerată suficient de sigură. Acesta recomandă combinarea datelor biometrice cu un al doilea factor de autentificare.

Senzorii de amprentă pot fi, de asemenea, păcăliți - da, ca în filmele de spionaj. Ai auzit de avionul care a fost forțat să aterizeze pentru că o femeie a aflat de infidelitatea soțului ei după ce i-a folosit degetul mare pentru a-i debloca telefonul în timp ce el dormea?

Recunoaștere facială și Face ID

În 2018, Apple a lansat iPhone X cu noul ID facial. Utilizatorii își pot debloca iPhone X folosind fața . Desigur, alte telefoane Android și tablete și computere Windows au propus această funcție mai devreme. Dar când Apple lansează ceva, acesta tinde să devină „un lucru”. Pentru moment, această tehnologie este folosită în principal ca autentificare pentru a debloca telefoanele și computerul.

Există câteva provocări destul de mari cu tehnologia de recunoaștere facială. În primul rând, unii algoritmi pot fi păcăliți de o imagine a persoanei, care este ușor piratabilă. O altă preocupare mai mare este diversitatea. Algoritmii de recunoaștere facială tind să aibă dificultăți în recunoașterea persoanelor de culoare. De exemplu, un cercetător de culoare a trebuit să poarte o mască albă pentru a-și testa propriul proiect. Cercetătoarea este Joy Buolamwini și a ținut o discuție TED despre această problemă.

Unele software de recunoaștere facială sunt, de asemenea, folosite de unele servicii vamale pentru a accelera procesarea la frontieră. Este folosit în Noua Zeelandă și va fi folosit în Canada.

Cei mai mulți dintre noi au văzut suficientă ficțiune științifico-fantastică pentru a vedea potențialele probleme și consecințele sistemelor care folosesc recunoașterea facială la scară. Acest tip de tehnologie folosită în afara spațiului privat de deblocare a telefoanelor poate deveni controversată și înfricoșătoare.

Google: Înregistrare cu o singură atingere

Dacă un utilizator are un cont Google, acesta poate beneficia de înregistrarea Google cu o singură atingere. Când vizitează un site web și i se cere să creeze un cont într-un dialog inline, utilizatorul nu trebuie să introducă o parolă. Google oferă un cont securizat, fără parole, bazat pe token, legat de contul Google al utilizatorului. Când utilizatorul revine, este conectat automat. Dacă își stochează parolele în Smart Lock, se conectează automat și pe alte dispozitive.

Notă : Aceasta este o soluție interesantă fără parolă. Desigur, folosindu-l, utilizatorii sunt conectați la Google, cu care nu toată lumea se va simți confortabil .

Concluzie

Puteți face o mulțime de lucruri foarte interesante atunci când începeți să utilizați capabilitățile mobile pentru a ajuta utilizatorii să completeze formulare. Avem nevoie de o mentalitate care să primească în primul rând mobil atunci când construim formulare ; în caz contrar, vom rămâne blocați la capabilitățile desktop cu care suntem familiarizați.

Din nou, fiți atenți la capacitățile dispozitivului: aveți întotdeauna o soluție de rezervă în cazul în care un senzor se defectează sau utilizatorul refuză accesul. Evitați să faceți din acele capabilități singurele opțiuni pentru acele funcții (cu excepția cazului în care construiți o aplicație de hartă care se bazează pe geolocalizare).

Acesta este sfârșitul unei serii de două articole foarte lungi, în care v-am oferit câteva sfaturi generale de UX și utilizare și cele mai bune practici. În cele din urmă, ce contează sunt forma ta și utilizatorii tăi . Este posibil ca unele lucruri descrise aici să nu funcționeze în mod specific pentru utilizatorii dvs. – cine știe? Deci, orice ai face, nu te crede pe cuvântul meu (sau al lui Luke). Testează-l, cu utilizatori reali, pe dispozitive reale. Masoar-o. Și testează din nou. Faceți câteva cercetări despre utilizatori și teste de utilizare . Experiența utilizatorului nu se referă doar la cele mai bune practici și rețete magice pe care le copiați și lipiți. Trebuie să adaptați rețeta pentru ca aceasta să funcționeze pentru dvs.

Deci, pe scurt: Testează-l. Testați-l pe dispozitive reale. Testați-l cu utilizatori reali.