Principii Mobile UX Design

Un design bun este un design bun, nu? Adevărat, dar există considerații specializate care intră în joc în funcție de mediul pentru acel design. Principiile de proiectare pentru ceva de genul unei aplicații făcute pentru a rula pe un computer desktop sunt de obicei ușor diferite de cele mai eficiente convenții de design UX pentru mobil.

Chiar și în cadrul unei categorii umbrelă precum „design UX mobil” există diferențe între proiectarea unei aplicații și proiectarea unui site web mobil. Când utilizatorii descarcă o aplicație, nu vor doar versiunea mobilă a site-ului web. Vor o experiență unică care să justifice timpul petrecut descarcând aplicația (precum și spațiul pe care îl ocupă pe telefonul lor). Utilizatorii nu au nicio reținere în a șterge o aplicație pe care o consideră că nu merită — 75% din descărcările de aplicații sunt deschise o singură dată.

Designul mobil, în general, nu poate fi trecut cu vederea. La nivel mondial, mai mulți oameni accesează internetul de pe dispozitivele lor mobile și tablete decât de pe computere desktop. Ignorarea acelor utilizatori nu mai este ceva pe care designerii UX îl pot justifica. Este important ca designerii de telefonie mobilă să ia în considerare cele mai bune practici de UX mobil la fiecare pas al procesului de proiectare.

Pune utilizatorul pe primul loc

Acest lucru ar trebui să fie de la sine înțeles, dar în orice proiect de design, utilizatorul ar trebui să fie întotdeauna pe primul loc, iar nevoile utilizatorilor sunt și mai importante (și mai specifice) pe dispozitivele mobile. Dacă designerii nu răspund nevoilor utilizatorilor de telefonie mobilă, acești utilizatori vor trece foarte repede la alte site-uri web, aplicații sau distragere a atenției.

Următoarele sunt câteva lucruri pe care designerii le pot face pentru a răspunde nevoilor specifice ale utilizatorilor de telefonie mobilă.

Faceți navigarea intuitivă

Navigarea pe site-urile și aplicațiile mobile trebuie să fie mai intuitivă decât pe site-urile desktop. Utilizatorii trebuie să poată identifica imediat cum să ocolească o aplicație mobilă sau un site web. Acest lucru poate fi realizat prin modele de design recunoscute (cum ar fi meniurile de hamburger), precum și pictograme recunoscute (o pictogramă „acasă” pentru ecranul de start, un balon de chat pentru mesagerie etc.).

Dacă utilizatorii trebuie să se gândească la cum să navigheze, este mai probabil să se dezactiveze de pe site sau să închidă aplicația și să caute o soluție mai simplă.

Creați o experiență perfectă pe toate dispozitivele

Indiferent dacă un utilizator accesează conținut de pe o aplicație, un site web mobil sau un site web desktop, tranziția între utilizarea acestora trebuie să fie fără probleme. Elementele de design ar trebui să se oglindească între ele (designerii nu ar trebui să folosească albastru pentru aplicație și roșu pentru site-ul web, de exemplu).

O experiență perfectă nu numai că face lucrurile mai ușoare pentru persoanele care folosesc un site web sau o aplicație, dar și creează încredere în brand.

Concentrați-vă pe obiectivele utilizatorilor

Obiectivele pe care le are o persoană pe o aplicație mobilă sau pe un site web sunt probabil diferite de cele pe care le are pe un site desktop complet. De exemplu, într-o aplicație de restaurant, un vizitator va dori probabil să facă doar câteva lucruri: să vadă meniul, să facă o rezervare sau să obțină indicații de orientare. În cele mai multe cazuri, aceștia nu caută întregul istoric al afacerii pe telefonul lor mobil – acest tip de conținut poate fi ascuns în meniuri sau submeniuri.

Gândiți-vă la ce dorește de fapt un utilizator să facă pe o aplicație mobilă. Un lucru important pe care designerii îl ignoră adesea este să solicite o autentificare pentru sarcinile de bază. Aplicațiile bancare, de exemplu, solicită adesea o autentificare pentru a face orice în aplicație. Dar sarcini precum găsirea locației celui mai apropiat bancomat nu necesită cu adevărat conectarea utilizatorului. Accesarea acestor funcții este o modalitate excelentă de a îmbunătăți UX.

Permite personalizare

Pentru aplicațiile mobile, personalizarea este cheia pentru îmbunătățirea experienței utilizatorului. Personalizarea poate ajuta, de asemenea, la atingerea obiectivelor de marketing. Este un câștig-câștig pentru toate părțile interesate implicate.

Personalizarea ar trebui să împingă utilizatorii către conținutul pe care îl caută și să se îndepărteze de conținut care este irelevant pentru ei. De asemenea, poate elimina distragerile de pe site, poate eficientiza componente precum procesul de achiziție și se poate asigura că mesajele de marketing sunt sincronizate cu ceea ce își dorește de fapt vizitatorul.

Cu toate acestea, prea multă personalizare poate fi o capcană ușor de căzut. Nivelul de personalizare trebuie să se potrivească cu nivelul de încredere pe care un utilizator îl are în aplicație și companie. Cât de des se simt oamenii dezamăgiți sau ciudați când un site web afișează reclame pentru ceva la care se gândeau (sau vorbeau) dar nici măcar nu au căutat? Sigur, este doar natura predictivă a algoritmilor avansați de publicitate, dar acest nivel de personalizare îi poate lăsa pe vizitatori să se simtă îngrijorați.

Faceți întotdeauna lucrurile mai ușoare

Atunci când o persoană vizitează un site web sau o aplicație pe un dispozitiv mobil, vrea să finalizeze sarcina pe care o are la îndemână cât mai repede posibil. Depinde de proiectant să facă îndeplinirea sarcinilor necesare cât mai ușor posibil. Eliminarea a tot ceea ce nu este absolut vital pentru fiecare sarcină este un loc minunat de început. Simplificarea sarcinilor necesare pe o interfață mobilă este, de asemenea, esențială.

De exemplu, multe aplicații și site-uri de comerț electronic oferă acum o opțiune de cameră pentru introducerea informațiilor despre cardul de credit. În loc să introducă un număr de card, cumpărătorii își pot îndrepta camera către cardul de credit, iar aplicația va citi automat numărul.

Alte lucruri, cum ar fi specificarea tipului de introducere în câmpurile de formular (astfel încât, de exemplu, atunci când o adresă de e-mail este intrarea așteptată, atunci simbolul @ și „.com” vor apărea pe ecranul principal de la tastatură).

Bune practici de integrare

O bună integrare este esențială pentru aplicațiile mobile. Dar definiția termenului „bun” variază foarte mult între diferitele tipuri de aplicații. Aplicațiile care sunt ușor de utilizat, cum ar fi listele de activități sau browserele web, au nevoie de o integrare minimă. Câteva ecrane de deschidere care indică caracteristici unice este tot ce au nevoie majoritatea utilizatorilor pentru a începe.

Dar aplicațiile mai complexe, cum ar fi cele pentru serviciile financiare sau managementul proiectelor, au nevoie de o integrare mai cuprinzătoare.

Utilizați gesturi stabilite

Acesta ar trebui să fie de la sine înțeles, dar designerii de telefonie mobilă trebuie să ia în considerare gesturile consacrate pe care oamenii sunt deja obișnuiți să le folosească pe dispozitivele lor. Lucruri precum ciupirea pentru a mări sau glisarea au devenit intuitive pentru majoritatea utilizatorilor și ar trebui să fie folosite ori de câte ori este posibil.

În cazurile în care un designer decide să se abată de la un gest stabilit, este important să îi indici pe utilizatori cu privire la această abatere, fie în timpul procesului de integrare, fie atunci când cazul de utilizare apare pentru prima dată.

Design de aspect mobil

Proiectarea layout-urilor mobile nu este complet diferită de proiectarea oricărui alt tip de layout, dar există anumite considerații pe care designerii trebuie să ia în considerare.

Una dintre cele mai mari considerații este dimensiunea țintelor ecranului tactil. În timp ce un mouse sau un trackpad poate face clic cu precizie, vârfurile degetelor sunt mult mai puțin precise. În mod ideal, țintele ar trebui să fie de 7-10 mm pe ecranul unui dispozitiv mobil. Acest lucru permite ca vârful degetului să atingă ținta fără a fi nevoie să țintească prea atent.

O zonă înrudită care trebuie luată în considerare este comenzile poziției mâinii și „zona degetului mare” pe dispozitivele mobile – zona ecranului unui telefon care poate fi accesată cu ușurință cu degetul mare atunci când o persoană își ține telefonul cu o mână. Plasarea majorității conținutului interactiv (și în special a îndemnurilor) în această zonă este vitală pentru a crea o experiență pozitivă pentru utilizator.

Este important ca modelele mobile să elimine cât mai multă dezordine posibil. Minimalismul este prietenul designerului când vine vorba de aplicații mobile. Încercarea de a înghesui totul într-o interfață de utilizare desktop într-un ecran care este o fracțiune din dimensiune face ca designul să pară înghesuit și poate fi copleșitor.

Concentrarea pe obiective, reducerea la minimum a opțiunilor de navigare (meniurile și submeniurile pot ajuta la acest lucru) și, în general, eliminarea oricărui element care nu este esențial pentru ca utilizatorii să facă ceea ce trebuie să facă va crea o interfață de utilizare mai simplificată și mai ușor de utilizat.

În timp ce elimină dezordinea de pe ecran, designerii trebuie să fie siguri că nu trec cu vederea unele considerații cheie de design. Un astfel de aspect este să vă asigurați că diferitele elemente de design au un contrast suficient. Oamenii își privesc adesea dispozitivele mobile în condiții mai puțin decât ideale. Lucruri precum lumina puternică a soarelui pot face elementele de pe un ecran greu de văzut, dar contrastul ridicat ajută la a face elementele mai vizibile.

Tipografia este un alt aspect cheie. Este important să existe o ierarhie tipografică clară într-un design mobil. Titlurile și anteturile ar trebui să fie ușor de identificat, iar fonturile, în general, ar trebui să fie mai mari. Nimănui nu-i place să-și miște ochii la ecran pentru a încerca să citească blocuri mari de text pe telefon. Antetele clare, listele cu marcatori sau numerotate și paragrafele scurte fac textul mobil mai lizibil.

Un ultim aspect al interfeței de utilizare este utilizarea tranzițiilor și a animațiilor. O animație poate fi un semnal important pentru un utilizator că orice acțiune pe care tocmai a întreprins-o a făcut ceva. Animațiile și tranzițiile clare între ecrane sau funcții dintr-o aplicație mobilă sunt elemente cheie de feedback care creează o experiență de utilizator mai satisfăcătoare.

Cele mai bune practici mobile UX

Toate cele de mai sus sunt considerații importante atunci când proiectați aplicații mobile și site-uri web. Dar există cele mai bune practici suplimentare de UX mobil de urmat pentru a asigura cea mai bună experiență posibilă pentru utilizator.

Concentrați-vă pe viteză

În ciuda disponibilității pe scară largă a datelor 4G, rețelele mobile sunt în general mai lente decât serviciile wifi sau în bandă largă. Și în multe părți ale lumii, 4G nu există, iar utilizatorii de telefonie mobilă sunt blocați fie cu 3G, fie cu viteze de date mai mici.

Aceasta înseamnă că site-urile web mobile și în special aplicațiile mobile trebuie să fie rapide. Includerea conținutului într-o aplicație care nu trebuie descărcată de fiecare dată când se încarcă aplicația va face aplicația mai rapidă. La fel se va încărca conținutul numai atunci când devine necesar (deși anticiparea conținutului care va fi necesar și preîncărcarea acestuia poate face ca o aplicație să apară mai rapidă pentru utilizator).

Este un act de echilibru între neîncărcarea conținutului care nu va fi folosit (și folosirea datelor) și crearea percepției de viteză prin preîncărcarea conținutului de care utilizatorii ar putea avea nevoie în continuare.

O modalitate de a crea iluzia vitezei și de a calma utilizatorii nerăbdători este să folosești substituenți până la încărcarea conținutului. Aplicația mobilă Facebook face acest lucru, cu ceea ce pare efectiv a fi o încărcare wireframe lustruită de îndată ce aplicația se deschide, păstrând spațiu pentru postările care se încarcă pe măsură ce se descarcă. Acest ecran de tranziție semnalează utilizatorilor că ceva se întâmplă cu conținutul înainte ca acesta să se încarce efectiv.

Oferiți feedback utilizatorilor

Oferirea de feedback utilizatorilor în timp ce efectuează acțiuni pe o aplicație mobilă este un aspect important al unei experiențe pozitive de utilizator. După cum am menționat anterior, animațiile și tranzițiile sunt o modalitate de a oferi feedback.

Feedbackul tactil și audio este posibil și cu dispozitivele mobile. Furnizarea de feedback la atingere atunci când sunt efectuate anumite acțiuni este deosebit de populară în cazul jocurilor mobile și, de asemenea, în cazul mesajelor de eroare. Feedback-ul audio este popular cu funcții pentru tot felul de aplicații. Cu toate acestea, designerii nu ar trebui să se bazeze pe feedback-ul audio, deoarece atât de mulți oameni își păstrează telefonul pe tăcere în orice moment.

Minimizați intrarea datelor

O altă practică esențială pentru UX mobil este reducerea la minimum a cantității de date necesare. Acest lucru a fost atins anterior, dar cu cât o persoană trebuie să introducă mai multe date într-o aplicație mobilă, cu atât este mai probabil să abandoneze sarcina.

Completarea unui formular cu patru sau cinci câmpuri ar putea să nu fie mare lucru pe un computer desktop sau laptop, dar pe un dispozitiv mobil, acele patru sau cinci câmpuri ar putea fi suficiente pentru a refuza un utilizator, mai ales dacă acesta nu își poate vedea scop. Asigurați-vă că fiecare câmp dintr-un formular care este completat pe un dispozitiv mobil este necesar. Eliminați orice care nu este.

Acesta este un domeniu în care oferirea oamenilor de opțiune de a folosi unul dintre conturile lor existente (cum ar fi un cont Facebook, Google sau Twitter) în loc să se înregistreze de la zero poate îmbunătăți considerabil conversiile. Când un utilizator trebuie doar să facă clic pentru a autoriza accesul, în loc să completeze un formular pentru o nouă înregistrare, este mai probabil să facă acest lucru. Nu vă bazați doar pe aceste aplicații secundare – unii utilizatori nu sunt încă neîncrezători în a-și conecta conturile și își vor face timp să completeze un formular.

Concluzie

Urmând aceste principii consacrate de design UX mobil, se va crea o experiență generală de utilizator mai bună pentru persoanele care vizitează un site mobil sau care folosesc o aplicație mobilă. Designerii au doar câteva secunde pentru a atrage atenția oamenilor înainte de a abandona o aplicație sau un site în favoarea uneia care este mai ușor de utilizat, mai intuitiv sau mai eficient.

Design-urile mobile grozave devin din ce în ce mai comune, iar ștacheta a fost ridicată și mai mult în ceea ce privește ceea ce așteaptă utilizatorii de la aplicațiile lor mobile. Designerii nu mai pot vedea designul mobil ca pe o idee ulterioară și, în schimb, trebuie să dedice la fel de mult timp, considerație și resurse în ele ca și pentru design-urile pe alte formate.

Citiri suplimentare pe Blogul Toptal Design:

• Mobile UX Design - Cele mai bune practici, constrângeri și lucrul cu dezvoltatorii
• Păstrați utilizatorii cu aceste inspirații pentru integrarea aplicației mobile
• Ghidul fundamental pentru utilizarea mobilă
• Principii euristice pentru interfețele mobile
• UX eCommerce pentru experiența mobilă