Cele 10 produse UX pe care le folosesc designerii de top

Ascultă versiunea audio a acestui articol

Munca unui designer UX are loc în multe medii diferite, de la startup-uri slabe și medii Agile în care echipele lucrează cu puțină documentație, până la angajamente de consultanță pentru terți sau întreprinderi mari și entități guvernamentale cu cerințe stricte de documentare. Indiferent de natura angajamentului sau a mediului (și singurul lucru care le leagă pe toate), este nevoia ca profesioniștii UX să-și comunice eficient ideile de design, rezultatele cercetării și contextul proiectelor către o serie de public.

În timpul procesului de proiectare UX, designerii vor produce o mare varietate de „artefacte” și livrabile de proiect ca parte a metodologiei lor de design UX. Acestea pot lua mai multe forme: livrabile îi ajută pe designerii UX să comunice cu diverse părți interesate și echipe, să documenteze munca și să ofere artefacte pentru întâlniri și sesiuni de ideare. Ele ajută, de asemenea, la crearea „sursei unice a adevărului” – ghiduri și specificații pentru implementare și referință.

Iată cele 10 rezultate UX pe care un designer UX le produce de obicei în timpul unei angajamente. (Această listă nu este deloc cuprinzătoare și poate fi mai lungă, în funcție de natura misiunii.)

1. Obiective de afaceri și specificații tehnice

Acesta este un pas fundamental. Pentru un profesionist UX totul începe cu o înțelegere a viziunii produsului, adică motivul existenței produsului din perspectiva afacerii. Scrisă în termeni simpli, declarația ar trebui să includă problema abordată, soluția propusă și o descriere generală a pieței țintă. De asemenea, ar trebui să descrie platformele de livrare și să abordeze ușor mijloacele tehnice prin care va fi livrat produsul.

Nu trebuie să fie mai lung de o pagină, dar ar trebui să descrie nucleul Ce, de ce și cum. Iată un exemplu: „The Fantastic App Co. a identificat un gol în aplicațiile de oferire de cadouri pe platformele mobile pentru piața Millennial (iOS și Android). Un număr mare de Millennials au probleme în a-și aminti date speciale, pentru a identifica cel mai bun cadou, apoi pentru a găsi și cumpăra acele cadouri. Soluția noastră este concepută pentru a atenua acest stres. Folosind un design anticipator și cele mai recente tehnologii AI, aplicația oferă o experiență de utilizator utilă și aproape magică.”

2. Raport de analiză competitivă

Pentru oricine care începe să proiecteze un produs nou, este vital să se asigure că acesta se potrivește bine pe piață. În mod esențial, ca parte a unei strategii UX, produsul trebuie să aibă, de asemenea, un avantaj competitiv convingător și un UX care este superior celorlalți de pe piață.

Analiza competitivă înseamnă: „Identificarea concurenților tăi și evaluarea strategiilor acestora pentru a le determina punctele forte și punctele slabe în raport cu cele ale propriului tău produs sau serviciu ”.

Una dintre sarcinile inițiale ale unui designer UX este să cerceteze ce produse sau servicii folosesc în prezent clienții țintă pentru a rezolva problema. Există un produs sau un serviciu echivalent? Există o soluție alternativă pe care oamenii o folosesc, care este suficient de bună, dar nu perfectă? O bandă – o vitamină, dar nu un analgezic? Cum poate o UX mai bună să facă diferența?

O componentă a cercetării experienței utilizatorilor, un raport de analiză competitivă identifică primii cinci concurenți și examinează ce fac ei bine, precum și ce fac ei greșit. Acest pas va ajuta la stabilirea unei direcții de proiectare în care sunt definite obiective clare și elementele pe care să se concentreze să fie precizate.

3. Rapoartele de cercetare privind persoanele și UX

Designerii UX trebuie să se asigure că părțile interesate înțeleg nevoile clienților produsului. Crearea de personaje care să încapsuleze și să comunice tiparele de comportament ale utilizatorilor și efectuarea cercetării utilizatorilor sunt modalități încercate și adevărate de a face acest lucru. Personajele sunt reprezentative pentru utilizatorii tipici ai unui produs - prin încorporarea obiectivelor, nevoilor și intereselor acestora, ele ajută echipa care lucrează la proiect să dezvolte empatie față de utilizator.

Cercetarea utilizatorilor este, de asemenea, o componentă integrantă a procesului de proiectare UX. Acesta implică o serie de tehnici folosite pentru a extrage modele comportamentale, pentru a adăuga context și pentru a oferi o perspectivă asupra procesului de proiectare. Există mai multe tipuri de instrumente și tehnici de cercetare a utilizatorilor disponibile - totul este despre alegerea „lentilei” potrivite pentru situația potrivită.

Înainte de a începe cercetarea utilizatorilor, este important să vă acordați timp pentru a dezvolta un plan de cercetare . Acesta este un document care va ajuta la comunicarea obiectivelor și metodelor de cercetare, precum și la obținerea acceptului părților interesate. Este, de asemenea, un instrument grozav care poate fi folosit pentru a menține pe toată lumea pe drumul cel bun în timpul proiectului de cercetare.

La încheierea fazei de cercetare a utilizatorului este generat un raport care traduce rezultatele cercetării în elemente acționabile. Echipa UX este apoi setată să proiecteze produsul în jurul acelor articole.

4. Harta site-ului și arhitectura informației

Harta site-ului este un model organizat vizual al tuturor componentelor și informațiilor conținute într-un produs digital. Reprezintă organizarea conținutului unei aplicații sau al site-ului. Alături de wireframes, acestea sunt una dintre cele mai fundamentale livrabile UX și rareori omite într-un proces de proiectare UX.

Sitemaps-urile ajută la prezentarea arhitecturii informaționale - arta și știința organizării și etichetării componentelor unui produs - pentru a sprijini navigarea, găsirea și utilizarea; de asemenea, vă ajută să definiți taxonomia și interfața cu utilizatorul.

Sitemap-urile sunt referințe utile de avut ca resursă și de ajustat pe măsură ce produsul evoluează pe baza prototipurilor iterative și a testării utilizatorilor. În timpul fluxului de lucru de proiectare, un sistem de numerotare este adesea folosit pentru a menține pe toată lumea pe aceeași pagină atunci când discutăm despre conținutul produsului.

5. Hărți de experiență, călătorii ale utilizatorilor și fluxuri de utilizatori

O hartă a experienței este o reprezentare vizuală care ilustrează fluxul unui utilizator în cadrul unui produs sau serviciu – obiectivele, nevoile, timpul petrecut, gândurile, sentimentele, reacțiile, anxietățile, așteptările acestuia – adică experiența generală pe parcursul interacțiunii cu un produs. De obicei, este așezat pe o cronologie liniară care arată punctele de contact dintre utilizator și produs.

Călătoriile și fluxurile utilizatorilor sunt mai mult despre o serie de pași pe care îi face un utilizator și demonstrează modul în care utilizatorii interacționează în prezent sau ar putea interacționa cu un produs. Ele demonstrează comportamentul, funcționalitatea și sarcinile cheie pe care le poate îndeplini un utilizator. Examinând și înțelegând „fluxul” diferitelor sarcini pe care le-ar putea întreprinde un utilizator, puteți începe să vă gândiți ce fel de conținut și funcționalități să includeți în interfața cu utilizatorul și ce fel de interfață va avea nevoie utilizatorul pentru a le îndeplini.

O mare parte din UX se referă la rezolvarea problemelor utilizatorilor. Atunci când creează o călătorie a utilizatorului, designerul trebuie să înțeleagă personajul, obiectivele utilizatorului, motivațiile, punctele dureroase actuale și principalele sarcini pe care doresc să le atingă.

Care este diferența dintre o călătorie de utilizator și un flux de utilizator ? Gândiți-vă la un flux de utilizatori ca la utilizatorul care lucrează la o sarcină sau un obiectiv prin produsul sau serviciul dvs., de exemplu, rezervarea unei mașini pe Lyft; o călătorie a utilizatorului ilustrează imaginea de ansamblu. O călătorie a utilizatorului se extinde dincolo de sarcini și analizează modul în care o anumită interacțiune cu clientul se potrivește într-un context mai larg.

6. UX Wireframes

Un element de bază al metodologiei de proiectare UX, wireframes-urile sunt ilustrații bidimensionale ale unui cadru de design și elemente de interfață și arată ce merge unde. În primul rând un instrument de aspect, ele ajută la definirea arhitecturii informaționale, a distanței dintre conținut, funcționalități, designul interacțiunii și comportamentele dorite ale utilizatorilor.

Wireframes-urile sunt de bază pentru designerii UX și unul dintre cele mai comune rezultate ale unui proiect. „Show me your wireframes” este probabil auzit mai des decât orice altceva în timpul interviului unui designer UX.

O fază majoră a procesului de proiectare UX, wireframing-ul este o modalitate rentabilă de a explora idei și de a genera concepte inovatoare care se adresează obiectivelor clienților. Sunt instrumente grozave pentru a crea rapid idei dincolo de schițe și vin în multe arome diferite, de la low-fidelity (fără stil, casete alb-negru, text grecesc) la înaltă fidelitate (complet stilat, color, foarte detaliat).

Denumite uneori „sârme” în prescurtarea la locul de muncă, wireframes-urile pot economisi o mulțime de timp și bani, deoarece sunt atât de flexibile și de rapid de produs. Ele servesc ca o piesă centrală în jurul căreia să purtați conversații cu părțile interesate și cu membrii echipei în timp ce stabilim direcția de proiectare.

Wireframes-urile sunt fundamentale și, ca atare, sunt esențiale pentru a ajuta la definirea structurală a unui design și a modului în care funcționează un flux de utilizator printr-o aplicație sau un site în diferite scenarii de utilizare. Există câteva răsturnări interesante ale wireframe-urilor, cum ar fi „hărți wireframe” discutate într-o bucată anterioară aici pe Toptal Design Blog și „wireflows:” un livrabil UX pentru fluxuri de lucru și aplicații din NNGroup.

7. Prototipuri interactive

Un alt produs dominant în timpul unui proces de proiectare centrat pe utilizator, prototipurile interactive dau viață unui produs. Prototipurile rudimentare economisesc o mulțime de timp și bani - demonstrează cum vor funcționa lucrurile într-un scenariu real de utilizare și permit o iterație rapidă a designului și testarea utilizatorului. De asemenea, ajută un designer să-și comunice designul în mod eficient în diferite etape ale procesului de proiectare UX.

Prototiparea poate avea loc în orice moment al călătoriei de descoperire prin iterație. De la prototipuri de hârtie la modele extrem de lustruite, o revizuire internă a unui prototip de produs permite tuturor celor din echipă să vadă cum vor funcționa lucrurile atunci când un utilizator real interacționează cu acesta.

Schițe statice și wireframes nu aduc un produs la viață într-un mod în care poate un prototip interactiv. Aproape magic, se vede și se simte cum se va comporta produsul - cum se conectează totul. Pot fi explorate diferite modele și caracteristici; pot apărea idei noi. Pot fi identificate punctele cu probleme și interacțiunile incomode descoperite.

Prototipurile interactive ajută enorm la testarea utilizatorilor. În loc să ghideze oamenii prin pagini statice, potențialii utilizatori pot testa un produs care se simte 100% real, pot oferi idei și pot oferi feedback valoros.

În zilele noastre, instrumentele de prototipare pentru designeri vin în toate formele și dimensiunile. Iată 21 de instrumente interactive de prototipare pentru design UX.

8. Design vizual

Designul vizual este „stratul final de vopsea” pe produs. Cu toate acestea, nu este doar atât: designul vizual poate afecta foarte mult UX-ul unui produs și, prin urmare, trebuie abordat cu mare atenție. Sperăm că o mulțime de design de interacțiune și euristici de utilizare au fost elaborate în timpul pașilor anteriori ai procesului de proiectare UX, astfel încât designerii să se poată concentra asupra imaginilor. Este o ultimă oportunitate de a duce produsul la nivelul următor.

Designul vizual este ultimul pas înainte de transmiterea către dezvoltatori și faza în care sunt elaborate un ghid de stil și specificațiile finale. Nu este vorba doar de „a face lucrurile frumoase”, ci de o oportunitate de a defini sau implementa o schemă de culori a mărcii și de a afecta utilizarea cu aspectul, contrastul și ierarhia vizuală.

9. Ghid de stil și specificații pentru dezvoltatori

Ultimul pas în fluxul de lucru de proiectare UX este de a pune împreună specificații și un ghid de stil pentru dezvoltatori. Ghidurile de stil sunt o necesitate pentru ca designul unui produs să aibă succes pe termen lung.

Un ghid de stil este pentru a vă asigura că design-urile sunt implementate în mod consecvent în branding, stiluri vizuale, culori, fonturi și tipografie. Este, de asemenea, folosit pentru modele de proiectare, limbaj, reguli (cum ar fi comenzile rapide de la tastatură și regulile de afișare a datelor) și pentru specificarea comportamentelor UI (cum ar fi gestionarea erorilor).

Unele ghiduri de stil și specificații sunt adunate manual, iar altele sunt generate automat. Crearea manuală a unui ghid de stil este un proces plictisitor și poate dura adesea șase luni, așa că orice instrument de automatizare este o economie de timp binevenită.

Modalitățile automate variază în funcție de instrumentul utilizat. Ele reprezintă o modalitate mai agilă și mai progresivă de a transfera design-urile în comparație cu ghidurile de stil create de-a lungul timpului. Ele pot fi gândite mai degrabă ca „biblii ale stilului” pe raft la care toată lumea din echipă se poate referi.

Dacă lucrați în Sketch, există trimiteri ale lui Dumnezeu, cum ar fi Zeplin. Zeplin este un instrument de colaborare pentru designerii UI și dezvoltatorii front-end. Depășește fluxul de lucru de proiectare și ajută echipele cu transferul de proiectare.

În plus, un ghid de stil de design poate fi generat în câteva secunde din Sketch cu plug-in-ul Craft sau măsurători și CSS pot fi preluate din design prin generarea unui fișier HTML cu plug-in-ul Marketch, așa cum este prezentat în acest articol.

Iată 50 de exemple grozave de ghid de stil. De asemenea, unul de la BBC și unul de la IBM, ambele care își găzduiesc ghidurile online, ceea ce facilitează vizualizarea tuturor.

10. Rapoarte de testare a utilizării și analize de utilizare

Treaba unui designer UX nu este niciodată terminată. Chiar și după lansarea unui produs, există oportunități de a aduna feedback, de a colecta date despre utilizare, de a rafina, de a elibera și de a începe ciclul din nou.

Un test de utilizare vă va spune dacă utilizatorii țintă vă pot folosi produsul. Ajută la identificarea problemelor pe care le întâmpină oamenii cu o anumită interfață de utilizare și dezvăluie sarcini dificil de finalizat și limbaj confuz.

Rapoartele de testare a gradului de utilizare sunt de obicei livrate în timpul fazei de prototipare, dar nu este neobișnuit să testați produsele existente împreună cu utilizatorii pentru a vedea unde ar putea fi loc de îmbunătățire.

Înțelegerea datelor adunate în timpul testării de utilizare – colectarea, sortarea și generarea de rapoarte, devine o sarcină din ce în ce mai comună în rândul practicienilor UX – de fapt, devine o abilitate critică UX. Iată un șablon de raport de testare a gradului de utilizare.

După ce produsul este eliberat în sălbăticie, un alt set de colectare de date - o metodă cantitativă - va spune echipei de proiectare cum funcționează produsul cu utilizatorii la scară de masă.

Există nenumărate instrumente și modalități de a captura comportamentul utilizatorului și de a-l analiza. De la urmărirea vizuală la urmărirea clicurilor și hărțile termice (care arată clicurile, atingerile și comportamentul de defilare) până la etichetarea elementului UI care urmărește amprenta digitală a fiecărui utilizator pe dispozitivele mobile și web.

Rapoartele statistice arată ce funcții folosesc clienții, cât timp petrec pe aplicația sau site-ul dvs. mobil, tendințele de-a lungul timpului și cumulează rezultatele pe diferite zone geografice, conturi, utilizatori și segmente personalizate. Ele oferă vizibilitate deplină asupra modului în care funcțiile sunt utilizate și de către cine.

Companiile de analiză generează de obicei automat rapoarte personalizate la cerere. Aceste rapoarte sunt foarte utile și pot oferi informații surprinzătoare asupra utilizării produsului dvs. Acea caracteristică uimitoare despre care credeai că va cuceri toți clienții s-ar putea dovedi a fi folosită aproape niciodată. Pe de altă parte, o funcție mică, nesemnificativă din interfața de utilizare se poate dovedi a fi folosită foarte mult și puteți decide că este timpul să vă concentrați pe extinderea acestei funcționalități particulare.

Misiunea unui designer UX este de a împuternici companiile să realizeze produse și servicii bazate pe o înțelegere profundă a comportamentelor, obiectivelor și motivațiilor umane. Cele 10 rezultate UX de mai sus sunt unele dintre cele mai frecvente produse de designerii UX, deoarece creează experiențe grozave pentru utilizatori, ca parte a „gândirii de proiectare” și a unui proces de proiectare centrat pe utilizator.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• eCommerce UX – O privire de ansamblu asupra celor mai bune practici (cu infografic)
• Importanța designului centrat pe om în proiectarea produsului
• Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare
• Principii euristice pentru interfețele mobile
• Design anticipator: Cum să creați experiențe magice pentru utilizator