Tehnici de design UX pe care fiecare designer ar trebui să le cunoască

Realizarea designului UX perfect poate fi o sarcină monumentală. Bazele de utilizatori diferite au nevoi și niveluri de calificare diferite. Ceea ce funcționează pentru unul poate fi un eșec total pentru altul. Este important să se facă o cercetare adecvată pentru a vă asigura că designul pe care îl veniți se potrivește perfect pentru publicul țintă.

Cu atât de multe tehnici de proiectare, poate fi greu să alegi ceea ce este potrivit pentru situația ta și să te apuci de treabă! Această copie vă va ghida asupra celor mai bune tehnici de design care vă ajută să creați o aplicație ușor de utilizat.

În primul rând, trebuie să adunați și să analizați toate informațiile despre viitorul produs: așteptările proprietarului și ale utilizatorilor cu privire la produs, fluxurile principale ale utilizatorilor și arhitectura generală a aplicației. Iată cele mai populare tehnici de cercetare.

Interviuri cu părțile interesate

Părțile interesate sunt liderii, subordonații, colegii sau clienții din afara sau din interiorul unei organizații care sunt susceptibili de a interacționa sau de a fi afectați de utilizarea produsului dvs. Menținerea conversațiilor cu părțile interesate vă oferă oportunitatea de a vă face o idee despre modul în care utilizatorii dvs. vor utiliza probabil produsul dvs. și vă poate ajuta să definiți ceea ce este important pentru a îmbunătăți performanța cheie și pentru a vă concentra pe caracteristicile cheie.

Negociați în avans data și ora întâlnirii și creați o listă de întrebări. De exemplu, lista de întrebări poate fi următoarea:

a ) Viziunea proiectului:

• Ce definește succesul produsului tău?
• Spune-ne viziunea ta asupra produsului.

b ) Companie:

• Care este istoria companiei?
• Care sunt obiectivele companiei?
• Pe cine considerați principalii concurenți?

c ) Utilizatori:

• Poți să-ți descrii publicul țintă?
• Care sunt diferitele tipuri de utilizatori?
• Cunoașteți contextul de utilizare principală a aplicației?

Interviuri cu utilizatori

Similar cu un interviu cu părțile interesate, un interviu cu utilizatorul este o tehnică de cercetare eficientă care vă permite să obțineți informații utile din baza dvs. actuală de utilizatori. Obținând o înțelegere mai aprofundată a utilizatorilor dvs. și a modului în care aceștia vor utiliza probabil produsul dvs., un set de caracteristici poate fi stabilit în cuie și poate începe designul. Vă ajută să vă dați seama ce trebuie remediat și ce potențiale funcții noi ar putea trebui adăugate mai târziu.

Pentru o aplicație în special de nișă de afaceri, interviul cu utilizatorul este o oportunitate bună de a obține informații utile despre punctele dure din industrie pe care le puteți rezolva cu produsul dvs. Puteți întreba o experiență profesională, obiectivele lor principale de utilizare a aplicației dvs. și cele mai frecvente probleme pe care le confruntă și ar dori să le rezolve.

Și la fel ca un interviu cu părțile interesate, un interviu cu utilizatorul necesită o pregătire atentă. În primul rând, alegeți cu înțelepciune oamenii pentru interviuri. Puteți găsi utilizatori prin rețelele sociale, organizațiile comunitare sau cluburile sociale.

După ce ați găsit oameni, definiți clar scopul interviului și pregătiți întrebări pentru acesta. Evitați întrebările principale precum „Folosiți Instagram?”. În schimb, întrebați „Spuneți-mi despre experiența dvs. cu Instagram”. Întrebările ulterioare favorizează discuții fructuoase și pot acoperi informații despre care ați uitat să le întrebați.

Asigură-i pe cei intervievați confortabil și nu-i enerva cu interviuri lungi. În timpul interviului, înregistrați toate răspunsurile.

Bazându-te doar pe această tehnică poate deveni un motiv pentru care proiectul tău eșuează. Există mai multe capcane în această tehnică:

• Din păcate, ceea ce spun oamenii nu este întotdeauna egal cu ceea ce fac utilizatorii. Memoria umană nu este perfectă, așa că persoanele intervievate nu își pot aminti toate detaliile experienței lor de a folosi o aplicație web sau mobilă. Când nu-și pot aminti acest lucru, uneori preferă să inventeze povești în loc să spună că nu-și pot aminti în memorie. Poveștile lor pot suna logice, dar nu arată situația reală.
• Grupurile mici nu pot reprezenta întregul public. În cele mai multe cazuri, există doar două sau trei grupuri cu șase până la opt participanți. Opiniile subjunctive ale participanților nu pot reprezenta viziunea întregului public țintă.
• Liderii de grup afectează ceea ce se spune, în timp ce introvertiții nu își împărtășesc prea mult opinia. Efectuarea cercetărilor online poate fi o modalitate bună de a elimina aceste două situații. În funcție de cercetare, puteți forma grupuri, dar vorbiți cu fiecare participant unul câte unul.

Analiza sarcinilor

O analiză a sarcinii este un studiu al pașilor care trebuie luați pentru a finaliza o operațiune sau o sarcină. Vă veți putea face o idee despre modul în care funcționează produsul actual și în ce moduri circulă datele pe care le utilizează. Îi este mai ușor pentru toată lumea să poată prioritiza ce piese dintr-un produs trebuie să fie lucrate mai întâi.

Această tehnică vă ajută să înțelegeți obiectivele utilizatorului pe care încearcă să le atingă în aplicația dvs., pașii pe care îi fac pentru a-și atinge obiectivul și problemele cu care se confruntă în timp ce parcurg acești pași.

Există două tipuri de analiză a sarcinilor – ierarhică și cognitivă. Algoritmul de realizare a unei analize a sarcinilor ierarhice este următorul:

1. Definiți o sarcină pe care o veți analiza. Alegeți personajul și un scenariu de analizat. Definiți rezultatul dorit al acestei sarcini și pașii de urmat pentru atingerea unui obiectiv.
2. Împărțiți sarcina în mai multe sub-sarcini. Dar nu exagerați și creați prea multe subsarcini abstracte. În cele mai multe cazuri, cinci până la nouă sarcini secundare sunt suficiente.
3. Creați o diagramă cu fiecare acțiune pe care o întreprinde un utilizator.
4. După ce ați creat o diagramă, scrieți o poveste detaliată despre modul în care utilizatorul finalizează această sarcină secundară.
5. Odată ce munca dvs. este terminată, revizuiți-vă analiza. Dă-l la revizuire unui alt specialist care nu este implicat în analiză, dar cunoaște detaliile sarcinii.

De exemplu, iată un exemplu de analiză a sarcinilor pentru achiziționarea unui mouse de gaming pe Bestbuy.com.

Analiza sarcinilor cognitive presupune parcurgerea acelorași pași. Dar, în plus, ar trebui să analizați modul în care această sarcină va fi îndeplinită de un novice și un expert.

Caz de utilizare sau diagramă comportamentală

Este o reprezentare vizuală a comportamentului utilizatorilor. Acesta arată ce acțiuni pot fi întreprinse de diferite tipuri de utilizatori. De exemplu, ar trebui să creați o aplicație de felicitare. În aplicație, aveți două tipuri de utilizatori - Felicitător și Persoană de naștere. Congratulatorul se conectează prin Facebook și alege o persoană de naștere din lista prietenilor lor de pe Facebook. După aceea, ei aleg felicitarea din listă, scriu urări și trimit persoanei de naștere.

După ce Persoana de naștere a primit cardul cadou, ei îl pot vedea, îi place sau îi pot răspunde în aplicație. În cazul în care Persoana de naștere nu a instalat încă aplicația, vin în magazinul de aplicații și instalează aplicația. Diagrama comportamentală va arăta astfel:

Poveștile utilizatorilor sau specificații comportamentale

Aceasta este o descriere scrisă a fiecărei interacțiuni cu aplicația dvs. Toate poveștile utilizatorilor încep cu „Ca utilizator, vreau să...”, apoi scrieți o descriere a posibilelor acțiuni pe care le poate întreprinde un utilizator. De exemplu, „Ca utilizator, vreau să văd istoricul comenzilor mele, astfel încât să vizitez o filă Comenzile mele și să dau clic pe butonul Istoricul comenzilor .

După crearea poveștilor utilizatorului, puteți începe să planificați sprinturi și să setați o prioritate pentru fiecare caz de utilizator. De asemenea, este posibil să definiți timpul necesar pentru implementarea caracteristicii descrise într-o poveste de utilizator. De asemenea, puteți începe să lucrați la fluxurile de utilizatori.

Fluxul de utilizatori

Aceasta este o diagramă care arată secvența obișnuită de pași pe care îi face un utilizator în aplicație. Această tehnică ajută designerii UX să identifice ce pași pot fi reproiectați sau îmbunătățiți. Iată un exemplu de diagramă de flux de utilizator.

După cum puteți vedea, fiecare formă are o anumită definiție. Săgeata roșie definește calea unui utilizator nou, în timp ce cea albastră definește calea unui utilizator înregistrat. Rotunda înseamnă eroare și trapez – decizia utilizatorului. În același mod, ar trebui să dați o definiție pentru fiecare formă înainte de a crea un flux de utilizator.

Hărți mentale

În timp ce fluxurile de utilizatori sunt create pentru a defini funcțiile pe fiecare pagină din aplicație, hărțile mentale permit designerilor să vadă arhitectura generală a produsului. Este reprezentarea grafică a tuturor părților aplicației și a interrelațiilor dintre acestea.

Crearea unei hărți mentale nu va dura mult timp și acesta este unul dintre principalele avantaje ale acestei tehnici. Puteți găsi cu ușurință instrumente online pentru crearea hărților mintale. Cu ajutorul acestei tehnici, nu veți pierde timpul introducând și discutând caracteristicile aplicației.

De exemplu, iată harta mentală a unei aplicații de numărătoare inversă numită My Day , pe care o puteți găsi în magazinul de aplicații Apple.

Wireframes

După ce ați colectat toate informațiile și ați construit arhitectura aplicației dvs., este timpul să o proiectați! Este recomandat să începeți cu wireframes, machete ale unei aplicații web sau mobile care arată cum vor fi plasate elementele pe o anumită pagină.

Wireframing-ul vă ajută să faceți modificări mai eficient pe clienții proceselor de proiectare. Prin urmare, această tehnică vă poate economisi timp – este mult mai ușor să faceți modificări în wireframes, mai degrabă decât să schimbați ceva când designul este finalizat. În cazul în care aveți un copywriter care proiectează conținut pentru aplicația dvs., acesta poate măsura lungimea conținutului pe fiecare pagină.

Pe de altă parte, este un alt pas în dezvoltarea aplicației care necesită și timp și eforturi. De asemenea, wireframes-urile pot fi considerate o limitare pentru designeri. Ei trebuie să adere la acest schelet, așa că lăsați creativitatea în urmă.

Puteți desena wireframes pe hârtie sau utilizați instrumente speciale pentru asta. Mai jos, puteți vedea un exemplu de wireframe creat pentru o platformă de centru de fitness.

Prototipuri

Un prototip este o simulare a funcțiilor și a navigației unei aplicații web sau mobile, care vă permite să interacționați cu aplicația dvs. înainte ca designul aplicației să fie transmis programatorilor. Cu ajutorul serviciilor de prototipare, cum ar fi invisionapp.com sau mockup.io, vă puteți încărca wireframes-urile sau machetele și obțineți o aplicație cu butoane pe care se poate face clic.

Testare de utilizare

Următorul pas pe care nu trebuie să-l neglijați este testarea aplicației. Testarea de utilizare este locul în care urmăriți utilizatorii în timp ce interacționează cu produsul dvs. pentru a identifica defecțiunile sau potențialele zone de îmbunătățire ale produsului dvs. Testarea de utilizare poate fi generalizată la întregul produs sau poate fi perfecționată doar pe o singură sarcină sau proces al produsului dvs., în funcție de nevoile dvs. Puteți citi un articol separat despre testarea utilizării site-ului.

Testare A/B

Testarea A/B este o tehnică în care diferite versiuni ale unui produs sunt oferite utilizatorilor pentru a compara recepția și ușurința de utilizare între cele 2 platforme. Vă ajută să testați micile ajustări și funcții de design pentru a vedea dacă funcționează așa cum este proiectat. De exemplu, există un test A/B efectuat pentru aplicația Runkeeper.

Urmărirea mișcării ochilor

Utilizând urmărirea mișcării ochilor, puteți obține o idee despre modul în care fluxul dvs. UX și cum navighează utilizatorii dvs. în interfață. Această tehnică vă ajută să optimizați aspectul și senzația unei interfețe de utilizator și vă poate ajuta să restrângeți și să prioritizați funcțiile și conținutul care trebuie îmbunătățit sau chiar eliminat.

Concluzie

Crearea unui nou design sau aspect pentru un produs poate fi uneori intimidantă, dar prin utilizarea unora dintre tehnicile descrise mai sus poate fi mult mai ușor! Încercați câteva dintre acestea data viitoare și probabil veți descoperi că procesul de proiectare și dezvoltare se mișcă într-un ritm mult mai bun și, ca rezultat, utilizatorii dvs. vor ajunge probabil cu un produs mult mai bun!