Încântați utilizatorii cu aceste bune practici de proiectare a aplicațiilor mobile

O aplicație mobilă este o colecție de experiențe conectate. Este datoria unui designer să facă aceste experiențe coezive și fără fricțiuni. Aceasta nu este o sarcină mică. Tiparele și componentele UI trebuie să arate și să se comporte în mod consecvent pe toate ecranele. Interacțiunile trebuie să fie intuitive și aliniate cu rezultatele dorite de utilizatori. Întreaga aplicație trebuie să încorporeze reguli de accesibilitate.

Cercetarea și testarea utilizatorilor sunt cele mai bune modalități de a descoperi informațiile nuanțate necesare pentru ca o aplicație să obțină un succes de durată. Cu toate acestea, există cele mai bune practici aplicabile pe scară largă care vă pot ajuta să proiectați aplicații mobile care încântă și păstrează utilizatorii pe termen lung.

Simplificați și eficientizați procesul de integrare

Studiile indică faptul că utilizatorii cărora li se prezintă tutoriale de onboarding tind să perceapă sarcinile ca fiind mai dificile în comparație cu cei care nu văd tutoriale. În anumite situații, ecranele de integrare și sfaturile instrumente pot fi modalități eficiente de a introduce caracteristicile cheie ale unei aplicații și de a încuraja utilizatorii să interacționeze cu aplicația ca parte a rutinei lor. Cu toate acestea, a le cere utilizatorilor să revizuiască mai mult de trei sau patru ecrane de onboarding sau să citească prea multe informații în avans poate fi o pacoste; utilizatorii preferă adesea să-și dea seama singuri.

În general, interfața de utilizare a unei aplicații ar trebui să fie atât de familiară și intuitivă încât să nu necesite un tutorial. Cu toate acestea, dacă considerați că este necesar să utilizați strategii de onboarding, limitați numărul de pași din tutoriale și, dacă este posibil, afișați-i doar în contexte legate de acțiunile pe care le întreprind deja utilizatorii. În plus, limitați sfaturile instrumente la câteva dintre cele mai importante funcții ale aplicației dvs.

Oferiți aceleași caracteristici pe versiunile de aplicație și desktop

Odată cu creșterea traficului web pe mobil, majoritatea utilizatorilor se așteaptă să poată face aceleași sarcini pe dispozitivele lor mobile pe care le pot face pe un desktop. În timp ce un studiu arată că majoritatea utilizatorilor încă preferă să finalizeze sarcini complicate pe desktop-urile lor, un studiu Pew a constatat că 15% dintre adulții americani folosesc smartphone-urile ca singurul mijloc de acces la internet. De exemplu, imposibilitatea de a accesa toate funcțiile unei aplicații mobile banking poate fi o sursă de frustrare care, în cele din urmă, îi determină pe utilizatori să-și ducă afacerea în altă parte.

Gestionarea așteptărilor de lansare a funcțiilor poate fi diferența dintre o revizuire bună a aplicației și o revizuire proastă a aplicației. Dacă trebuie să vă lansați aplicația înainte de a implementa setul complet de funcții, mergeți dincolo de publicarea unui ecran „În curând” și creați o foaie de parcurs pentru funcții accesibilă public pentru a stabili așteptări precise.

Utilizați notificările cu înțelepciune

Notificările sunt printre cele mai puternice instrumente pentru reținerea utilizatorilor, oferind îndrumări în timp util pentru a reintra într-o aplicație și a interacționa cu conținutul. Dar este esențial să luați în considerare frecvența și momentul notificărilor push, împreună cu conținutul pe care îl oferă. Primirea prea multor ping-uri sau rafale neregulate poate determina utilizatorii să dezactiveze complet notificările.

Când afișați o notificare, păstrați-o în context; de exemplu, cereți permisiunea de a accesa camera atunci când utilizatorii încearcă să facă o fotografie. Adăugați setări de notificare granulare care sunt ușor de accesat, astfel încât utilizatorii să poată personaliza notificările la nevoile lor. De asemenea, nu le cereți utilizatorilor să permită notificări până la a treia sau a patra oară când interacționează cu produsul dvs., după ce au avut șansa de a experimenta aplicația dvs. și valoarea pe care aceasta o oferă.

Păstrați-vă vizualizările web fără frustrare

Vizualizările web permit dezvoltatorilor și designerilor să repete rapid și ieftin și să facă modificări între actualizările aplicației. Când sunt utilizate cu pricepere, pot economisi timp de dezvoltare și pot simplifica UX, menținând utilizatorii într-o aplicație, afișând și o pagină predeterminată.

Vizualizările web beneficiază și de utilizatori. De exemplu, facilitează accesul unei aplicații la hardware-ul unui dispozitiv, cum ar fi o cameră. De asemenea, multe aplicații folosesc vizualizări web pentru a autentifica utilizatorii, care se pot conecta folosind managerul de parole și apoi pot fi redirecționați fără probleme înapoi la aplicație.

Cu toate acestea, utilizatorii nu vor tolera fricțiuni atunci când vine vorba de comutarea contextului între o aplicație nativă și vizualizările web. A trebui să mergeți înainte și înapoi între aplicație și un browser pentru a finaliza o sarcină este o experiență slabă pentru utilizator.

Optimizați-vă aplicația pentru o conexiune slabă

Orice aplicație care nu este optimizată pentru a gestiona cele mai critice sarcini în condiții de conectivitate slabă este necorespunzătoare. De exemplu, dacă utilizatorii rezervă planuri de călătorie sau efectuează plăți prin comerț electronic, asigurați-vă că acțiunile lor sunt salvate și apoi efectuate de îndată ce conexiunea este restabilită.

Dacă aplicația dvs. necesită conectivitate în orice moment, comunicați utilizatorilor că au nevoie de o conexiune pentru a continua, mai degrabă decât să le prezentați un rotor fără sfârșit sau, mai rău, nimic. Utilizatorii cărora le este frică să nu fie taxați dublu își vor pierde încrederea și, în cele din urmă, vor abandona aplicația.

Păstrați modelele și componentele consistente

Coerența vizuală este o necesitate atunci când vine vorba de produse digitale. Eșecul de a implementa și susține ghidurile vizuale transmite o lipsă de profesionalism și poate eroda încrederea în rândul utilizatorilor. Coeziunea experiențială este la fel de critică. De exemplu, componentele și modelele, cum ar fi butoanele, formularele, meniurile și tablourile de bord nu ar trebui doar să aibă un stil uniform, ci ar trebui să se comporte în mod consecvent în aplicația dvs., indiferent de tipul paginii.

În calitate de designer de aplicații mobile, creați mai mult decât o colecție de vizualizări; sunteți un designer de sisteme UI. Pentru a insufla consecvență atunci când începeți un nou proiect, experimentați cu diverse sisteme de proiectare, cum ar fi Ghidul pentru interfața umană de la Apple și Designul material de la Google, pentru a determina care este cel mai potrivit pentru dispozitivele utilizatorilor dvs.

Reduceți zgomotul în interfața dvs. de utilizare

Interfețele de utilizare cu aspect boxy sunt o reluare a designului software din anii '90. Pe lângă faptul că arată învechit, stilul prezintă prea multe linii, margini și forme solide care creează zgomot vizual excesiv și îngreunează procesarea informațiilor de pe ecran pentru utilizatori.

Cu toate acestea, unele structuri de sprijin sunt necesare pentru a ajuta utilizatorii să înțeleagă ierarhia vizuală a paginii. Deși nu există o formulă magică, greșește-te de mai puțin și folosește structuri de susținere, cum ar fi linii, fundaluri solide și umbre. Dacă este folosită cu atenție, căptușeala poate oferi o distincție la fel de clară ca o linie, cu condiția să existe suficient spațiu în compoziție.

Faceți-vă aplicația pe deplin accesibilă

Neumorfismul este o tendință de design în care componentele interfeței sunt redate folosind umbre subtile, suprapuneri de gradient și culori monocromatice. Componentele neumorfe sunt menite să pară tactile și să invite la interacțiune, totuși dependența lor de culorile monocromatice și contrastul scăzut poate face dificilă vizualizarea lor clară. Neumorfismul este, de asemenea, în mare măsură inaccesibil pentru utilizatorii cu deficiențe de vedere – plasând tendința în contradicție cu cererea tot mai mare de produse digitale incluzive.

În plus, componentele neumorfe sunt adesea dificil de codificat, ceea ce face dificilă combinarea acestei estetici cu liniile directoare vizuale ale unei companii. Dacă decideți să utilizați componente neumorfe, faceți acest lucru cu moderație și asigurați-vă că produsul dvs. îndeplinește în continuare standardele de accesibilitate.

Angajați-vă pentru învățarea continuă

Aderarea la cele mai bune practici de proiectare a aplicațiilor mobile necesită învățare continuă: citirea site-urilor și articolelor de design, schimbul de sfaturi și trucuri cu alți designeri și rămânerea la curent cu instrumentele și procesele emergente. De asemenea, înseamnă să te confrunți cu provocările prezentate de noile dispozitive și platforme și să recunoști când te bazezi pe modele și practici confortabile, mai degrabă decât să proiectezi ceea ce este cu adevărat cel mai bun pentru utilizatori în acest moment.

Nota editorului: Mulțumim lui Damir Kotoric, membru al rețelei Toptal, pentru contribuția cu informații despre design la această poveste.

Citiri suplimentare pe blogul Toptal:

• Principii Mobile UX Design
• Principiile arhitecturii informaționale pentru mobil (cu infografic)
• Principii euristice pentru interfețele mobile
• Constrângeri de design UX mobil, cele mai bune practici și lucrul cu dezvoltatorii