Fluxuri de utilizatori: ce sunt și de ce contează în designul UX17 min read

Grozav UX nu începe cu pixeli. Începe cu înțelegerea a ceea ce încearcă utilizatorii să facă, unde intră într-un produs, ce decizii trebuie să ia și ce cale îi duce la un rezultat de succes.

Acea cale se numește a fluxul utilizatorului.

Un flux de utilizator este o hartă vizuală a pașilor pe care îi parcurge o persoană printr-o aplicație, un site web sau o anumită sarcină. Poate arăta o experiență completă a produsului, cum ar fi integrarea într-o aplicație SaaS, sau un flux mai mic, cum ar fi înregistrarea, rezervarea unei demonstrații, abonarea la un buletin informativ sau finalizarea plății.

Pentru designerii, echipele de produse și fondatorii UX, fluxurile de utilizatori sunt una dintre cele mai simple modalități de a proiecta interfețe mai bune înainte de a se angaja în ecrane detaliate. Ele vă ajută să vedeți unde utilizatorii ar putea fi confuzi, unde un flux are prea mulți pași și ce ecrane trebuie să proiectați.

În acest ghid, vom explica ce sunt fluxurile de utilizatori, cum să le citiți, când să le creați și cum acceptă un design UX mai bun.

Încercați să proiectați fluxuri de utilizatori cu AI

Descrieți fluxul de utilizatori pe care doriți să îl proiectați, apoi lăsați-l pe Anima să îl transforme în UX, ecrane și cod.

Ce este un flux de utilizator?

A fluxul utilizatorului este o diagramă care arată calea pe care o parcurge un utilizator pentru a îndeplini un obiectiv în interiorul unui produs. În designul UX, acel produs este de obicei o aplicație, un site web, o aplicație web sau un serviciu digital.

Un flux de utilizator începe cu un punct de intrare, cum ar fi o pagină de pornire, o pagină de destinație, un rezultat al căutării, un link de e-mail, un ecran de conectare sau un coș de cumpărături. Se termină cu o interacțiune finală, cum ar fi crearea unui cont, finalizarea unei achiziții, trimiterea unui formular, publicarea unui proiect sau accesarea unei pagini de confirmare.

Un flux de utilizator poate reprezenta:

• O călătorie completă a produsului, cum ar fi descoperirea, înscrierea și utilizarea unei noi aplicații
• O singură sarcină, cum ar fi resetarea unei parole sau actualizarea unui plan
• Un flux de caracteristici, cum ar fi crearea unui proiect, invitarea unui coechipier sau exportul unui design
• Un flux de interfață cu utilizatorul, care arată modul în care ecranele se conectează în interiorul produsului

Scopul este simplu: clarificați calea utilizatorului înainte de a proiecta interfața în detaliu.

Un exemplu de structură de bază a fluxului de utilizator

Fluxul utilizatorului vs fluxul interfeței cu utilizatorul

Termenii fluxul utilizatorului şi fluxul interfeței cu utilizatorul sunt strâns legate.

Un flux de utilizatori se concentrează pe calea utilizatorului către un obiectiv. Răspunde la întrebări precum:

• De unde începe utilizatorul?
• Ce acțiune încearcă să finalizeze?
• Ce decizii iau pe parcurs?
• Ce se întâmplă dacă reușesc, eșuează sau iau o altă cale?

Un flux de interfață cu utilizatorul se concentrează mai precis pe modul în care ecranele, stările, butoanele, formularele și elementele de interfață se conectează. Răspunde la întrebări precum:

• Care ecran vine după acesta?
• Ce se întâmplă când utilizatorul face clic pe acest buton?
• Unde duce această stare de eroare?
• Ce vede utilizatorul după trimiterea formularului?

În practică, echipele UX le folosesc adesea pe ambele împreună. Fluxul utilizatorului definește calea. Fluxul interfeței cu utilizatorul face ca această cale să fie concretă în interiorul produsului UI.

Cum să citiți un flux de utilizator

Un flux de utilizator prezintă pașii pe care îi parcurge un utilizator de la punctul de intrare până la interacțiunea finală. Fiecare pas este de obicei reprezentat de o formă, numită și nod. Nodurile sunt conectate prin săgeți care arată direcția de mișcare.

Majoritatea diagramelor de flux ale utilizatorului folosesc un limbaj vizual simplu:

• Cerc sau oval: Punctul de început sau de sfârșit
• dreptunghi: Ecran, pagină sau acțiune
• diamant: Punct de decizie, cum ar fi da/nu, succes/eșec sau alegeți calea
• Săgeată: Direcția de mișcare între pași

Componentele fluxului de utilizator explicate

De exemplu, un flux simplu de utilizator de înscriere ar putea arăta astfel:

1. Utilizatorul ajunge pe pagina de pornire
2. Utilizatorul face clic pe „Începe gratuit”
3. Utilizatorul introduce adresa de e-mail și parola
4. Sistemul verifică dacă e-mailul este valid
5. Utilizatorul confirmă contul
6. Utilizatorul ajunge la ecranul de îmbarcare
7. Utilizatorul finalizează configurarea
8. Utilizatorul ajunge în tabloul de bord

Acest tip de exemplu de flux de utilizatori ajută echipa să înțeleagă experiența înainte de a proiecta fiecare ecran.

Exemple de flux de utilizator

Fluxurile de utilizatori devin mai ușor de înțeles atunci când îi conectați la sarcini de produs reale. Iată câteva exemple comune de flux de utilizatori create de echipele UX în timpul planificării produsului.

Flux de utilizator de înregistrare

Fluxul unui utilizator de înregistrare mapează modul în care un nou vizitator devine utilizator înregistrat.

1. Vizitați pagina de destinație
2. Faceți clic pe înscriere CTA
3. Alegeți metoda de înscriere
4. Introduceți detaliile contului
5. Verificați e-mailul
6. Integrare completă
7. Accesați tabloul de bord al produsului

Acest flux ajută echipele să reducă frecarea în prima experiență. Dacă înregistrarea are prea mulți pași, câmpuri de formular neclare sau stări de verificare confuze, utilizatorii pot renunța înainte de a vedea produsul.

Fluxul utilizatorului de checkout

Un flux de utilizatori de checkout mapează modul în care un utilizator trece de la interesul pentru produs la cumpărare.

1. Vizualizați pagina de produs sau de preț
2. Adăugați un articol sau selectați planul
3. Examinați detaliile coșului sau planului
4. Introduceți informațiile de plată
5. Confirmați achiziția
6. Ajungeți la pagina de succes sau la chitanță

Acest flux este deosebit de important pentru comerțul electronic, SaaS și produsele cu abonament, deoarece fiecare pas suplimentar poate afecta conversia.

Fluxul utilizatorului de autentificare și resetare a parolei

Un flux de conectare mapează modul în care utilizatorii care revin își accesează contul, inclusiv cazurile marginale.

1. Deschideți pagina de conectare
2. Introduceți acreditările
3. Sistemul validează intrarea
4. Utilizatorul se conectează cu succes sau vede o eroare
5. Dacă este necesar, utilizatorul începe resetarea parolei
6. Utilizatorul confirmă e-mailul
7. Utilizatorul setează o nouă parolă
8. Utilizatorul revine la produs

Un exemplu de flux de utilizator pentru un proces de conectare (flux de sarcini)

Flux de utilizator de îmbarcare

Un flux de utilizatori de onboarding mapează modul în care utilizatorii noi ajung la primul moment de succes al produsului.

1. Creați cont
2. Răspundeți la întrebările de configurare
3. Alegeți șablonul sau punctul de plecare
4. Finalizați prima acțiune
5. Vedeți starea de succes
6. Continuați în produs

Pentru produsele AI, instrumentele de proiectare și aplicațiile de productivitate, fluxurile de integrare sunt esențiale, deoarece utilizatorii trebuie să înțeleagă ce trebuie să facă în continuare.

Când să creați un flux de utilizator

Creați fluxuri de utilizatori la începutul procesului de proiectare, în mod ideal după cercetarea inițială a utilizatorului și înainte de proiectarea UI de înaltă fidelitate.

În această etapă, un flux de utilizatori vă ajută să:

• Decideți ce ecrane trebuie să existe
• Eliminați pașii inutile
• Identificați punctele de decizie confuze
• Aliniați echipa în jurul structurii produsului
• Planifică prototipuri mai repede
• Evitați să proiectați ecrane lustruite pentru o cale întreruptă

Fluxurile de utilizatori sunt utile și mai târziu în ciclul de viață al produsului. Dacă o interfață existentă are performanțe slabe, un flux de utilizator vă poate ajuta să diagnosticați locurile în care oamenii abandonează, fac bucle sau nu reușesc să finalizeze sarcinile cheie.

Cu alte cuvinte, fluxurile de utilizatori nu sunt doar pentru produse noi. Sunt utile și pentru îmbunătățirea produselor existente.

Rolul fluxurilor de utilizatori în proiectarea UX

Fluxurile de utilizatori sunt o parte esențială a designului UX, deoarece conectează obiectivele utilizatorilor la structura produsului. Înainte de a vă face griji cu privire la spațiere, tipografie, ierarhie vizuală sau componente, trebuie să știți ce încearcă utilizatorul să realizeze și cum îl ajută produsul să ajungă acolo.

Fluxurile de utilizatori ajută echipele UX să facă trei lucruri importante.

1. Creați o interfață mai intuitivă

Un flux clar de utilizator face interfața finală mai ușor de înțeles.

Când mapați fluxul înainte de proiectare, puteți identifica frecarea devreme. Poate un utilizator trebuie să ia o decizie înainte de a avea suficiente informații. Poate că un formular apare prea devreme. Poate lipsește pasul de confirmare. Poate că există trei ecrane unde unul ar fi suficient.

Dacă fluxul este confuz, probabil că și interfața va fi confuză.

2. Evaluați o interfață existentă

Fluxurile de utilizatori sunt o modalitate excelentă de a optimiza produsele existente care ar putea să nu se transforme sau să nu se păstreze conform așteptărilor. Dacă utilizatorii nu efectuează conversia, activarea sau finalizarea unei sarcini importante, mapați fluxul curent.

Este posibil să descoperiți că utilizatorii sunt trimiși la ecranul greșit, li se solicită prea multe informații sau sunt forțați să treacă pe o cale care nu se potrivește cu intenția lor.

3. Transmiteți-vă strategia membrilor echipei și părților interesate

Fluxurile de utilizatori sunt excelente pentru colaborare. Acestea oferă designerilor, dezvoltatorilor, PM-urilor, factorilor de decizie și părților interesate o hartă comună a experienței.

Designerii pot folosi fluxul pentru a planifica ecrane. Dezvoltatorii îl pot folosi pentru a înțelege stările și cazurile marginale. PM îl pot folosi pentru a clarifica cerințele. Părțile interesate îl pot folosi pentru a revizui logica experienței înainte ca echipa să investească în proiectarea sau implementarea detaliată.

Fluxurile de utilizatori pot ajuta, de asemenea, dezvoltatorii să înțeleagă generalul structura din spatele prototipului final, ceea ce face predare mai eficient.

Călătoria utilizatorului vs fluxul utilizatorului

Călătoriile utilizatorilor și fluxurile de utilizatori sunt adesea confundate, dar nu sunt același lucru.

A călătoria utilizatorului spune povestea mai amplă a relației unui utilizator cu un produs. De obicei, include obiectivele utilizatorului, emoțiile, motivațiile, punctele dureroase și punctele de contact înainte, în timpul și după utilizarea produsului.

A fluxul utilizatorului se concentrează pe calea pe care utilizatorul o parcurge în interiorul produsului pentru a îndeplini un obiectiv specific.

Diferențele cheie

Ambele sunt utile. Călătoria vă ajută să înțelegeți contextul utilizatorului. Fluxul vă ajută să proiectați calea reală prin interfață.

Cum se creează un flux de utilizatori

Puteți crea un flux de utilizatori cu o tablă albă, un instrument de proiectare, un instrument de diagramă sau un instrument de proiectare AI. Formatul contează mai puțin decât claritatea căii.

1. Definiți scopul utilizatorului

Începeți cu acțiunea pe care utilizatorul dorește să o finalizeze.

• Creați un cont
• Cumpărați un produs
• Rezervați o demonstrație
• Publicați un site web
• Invitați un coechipier
• Exportați un design în cod

Un flux de utilizatori ar trebui să fie construit în jurul unui obiectiv specific, nu a unui domeniu vag de produs.

2. Alegeți punctul de intrare

Decideți de unde începe utilizatorul. Exemplele includ o pagină de pornire, o pagină de prețuri, un rezultat de căutare, o campanie de e-mail, un tablou de bord al aplicației, o notificare sau un link partajat.

Puncte de intrare diferite pot crea fluxuri diferite. Este posibil ca un utilizator care revine și un vizitator pentru prima dată să nu aibă nevoie de aceeași cale.

3. Harta calea fericita

Drumul fericit este cel mai simplu traseu de succes de la început până la sfârșit.

1. Utilizatorul deschide pagina de prețuri
2. Utilizatorul selectează planul
3. Utilizatorul creează un cont
4. Utilizatorul introduce detaliile de plată
5. Utilizatorul confirmă achiziția
6. Utilizatorul ajunge pe pagina de succes

Acest lucru vă oferă experiența de bază.

4. Adăugați decizii și cazuri marginale

Utilizatorii reali nu urmează întotdeauna calea perfectă. Adăugați puncte de decizie, cum ar fi:

• Utilizatorul are deja un cont?
• Formularul este valabil?
• A reușit plata?
• Utilizatorul a ales facturarea lunară sau anuală?
• Are utilizatorul permisiunea de a continua?
• Ce se întâmplă dacă utilizatorul anulează?

Aceste ramuri sunt cele care transformă o cale simplă într-un flux real de utilizatori de design UX.

5. Simplificați fluxul

Odată ce fluxul este mapat, căutați frecare.

• Putem elimina un pas?
• Putem combina ecrane?
• Cerem informații prea devreme?
• Următoarea acțiune este evidentă?
• Există o fundătură?
• Sunt clare stările de eroare?
• Utilizatorul știe întotdeauna ce s-a întâmplat?

Cele mai bune fluxuri de utilizatori se simt evidente, deoarece complexitatea a fost deja rezolvată în culise.

Fluxul utilizatorului pe scurt

Fluxurile de utilizatori sunt hărți structurale pentru proiectarea produsului. Acestea arată modul în care utilizatorii se deplasează printr-o aplicație, un site web sau o activitate de la punctul de intrare la interacțiunea finală.

Un flux puternic de utilizatori:

• Începe cu un obiectiv clar pentru utilizator
• Afișează punctul de intrare al utilizatorului
• Mapează pașii, ecranele și deciziile din cale
• Include carcase marginale importante
• Ajută echipele să identifice frecarea înainte de proiectarea detaliată a UI
• Facilitează transferul pentru designeri, dezvoltatori, PM și părțile interesate

Pentru echipele UX, fluxurile de utilizatori sunt unul dintre cele mai practice instrumente pentru transformarea cercetării utilizatorilor în structură de interfață. Ele vă ajută să proiectați cu intenție, în loc să ghiciți ecran cu ecran.

Întrebări frecvente: Fluxuri de utilizatori

Ce sunt fluxurile de utilizatori?

Fluxurile de utilizatori sunt diagrame care arată calea pe care o parcurge un utilizator printr-o aplicație, un site web sau o activitate de produs. Ele încep de obicei dintr-un punct de intrare, cum ar fi o pagină de pornire sau un ecran de conectare, și se termină atunci când utilizatorul realizează un obiectiv, cum ar fi înscrierea, achiziționarea sau trimiterea unui formular.

Ce este un flux de utilizatori în designul UX?

În designul UX, un flux de utilizator mapează pașii, ecranele, deciziile și acțiunile pe care le face un utilizator pentru a îndeplini un obiectiv. Echipele UX folosesc fluxurile de utilizatori pentru a planifica structura produsului, pentru a reduce frecarea și pentru a proiecta interfețe mai clare înainte de a crea ecrane de înaltă fidelitate.

Care este diferența dintre un flux de utilizator și o călătorie a utilizatorului?

O călătorie a utilizatorului arată o experiență mai largă, inclusiv motivațiile utilizatorului, emoțiile, punctele dureroase și punctele de contact. Un flux de utilizator se concentrează pe calea specifică pe care o parcurge un utilizator în interiorul produsului pentru a finaliza o sarcină.

Ce este un flux de interfață cu utilizatorul?

Un flux de interfață cu utilizatorul arată modul în care ecranele, stările UI, butoanele, formularele și interacțiunile se conectează în interiorul unui produs. Este strâns legat de un flux de utilizator, dar se concentrează mai precis pe calea la nivel de interfață.

Când ar trebui să creați un flux de utilizatori?

Creați un flux de utilizatori după cercetarea inițială a utilizatorului și înainte de proiectarea detaliată a UI. De asemenea, puteți crea fluxuri de utilizatori ulterior pentru a audita un produs existent, pentru a diagnostica pierderea sau pentru a îmbunătăți conversia.

Care sunt exemplele de fluxuri de utilizatori?

Exemplele obișnuite de flux de utilizatori includ fluxuri de înscriere, fluxuri de checkout, fluxuri de îmbarcare, fluxuri de conectare, fluxuri de resetare a parolei, fluxuri de rezervare, fluxuri de upgrade și fluxuri de invitare a unui coechipier.

De ce sunt importante fluxurile de utilizatori?

Fluxurile de utilizatori ajută echipele să înțeleagă modul în care utilizatorii se deplasează printr-un produs înainte de a investi în design sau dezvoltare detaliată. Ele dezvăluie frecare, pași lipsă, decizii confuze și complexitate inutilă la începutul procesului.

Cum faci un flux de utilizator?

Începeți cu un obiectiv de utilizator, alegeți punctul de intrare, mapați calea fericită, adăugați decizii și cazuri limită, apoi simplificați calea. Folosiți cercuri sau ovale pentru punctele de început și de sfârșit, dreptunghiuri pentru ecrane sau acțiuni, romburi pentru decizii și săgeți pentru a indica direcția.

Încercați Anima Playground pentru fluxurile de utilizatori și designul UX

Anima Playground vă permite să treceți de la ideea de produs la fluxul UX, design și codul de lucru în browser. Descrieți experiența pe care doriți să o construiți, perfecționați-o cu AI și transformați rezultatul într-un produs interactiv real.

Începeți să proiectați cu Anima Playground.