Cum se face o diagramă de flux de utilizator

Diagramele de flux ale utilizatorului sunt indispensabile în stăpânirea experienței utilizatorului. Acestea vă permit să înțelegeți cum interacționează utilizatorii cu aplicația sau site-ul dvs., pașii pe care îi parcurg pentru a finaliza o sarcină sau pentru a atinge un obiectiv pe site-ul dvs. Acest lucru vă va ajuta să creați o experiență de utilizator superioară pentru utilizator și să vă satisfaceți nevoile mai eficient.

În acest ghid, vom arunca o privire asupra rolului important pe care diagramele de flux ale utilizatorilor îl joacă în designul UX, cum să creați o diagramă a fluxului utilizatorului și cele mai bune practici pe care ar trebui să le aveți în vedere. De asemenea, vă oferim câteva șabloane utile pe care le puteți utiliza pe tot parcursul procesului de proiectare a fluxului dvs. de utilizatori.

Ce este o diagramă de flux de utilizator

Un flux de utilizator poate fi interpretat în mai multe moduri. Poate fi privit ca o prezentare generală care descrie unde utilizatorii pot naviga în produsul dvs. De asemenea, poate însemna calitatea și experiența reală a drumului pe care utilizatorii îl parcurg pentru a îndeplini o sarcină.

Sau poate însemna secvența reală de pași pe care utilizatorul îi face pentru a finaliza o sarcină. Diagramele pot fi utile în vizualizarea acestor rute pe care utilizatorii le parcurg atunci când folosesc soluția dvs. (adică site-ul web sau aplicația).

Astfel de instrumente care ajută la urmărirea vizuală a pașilor de interacțiune dintre acțiunile utilizatorului și interfețele programului sunt numite diagrame de flux de utilizator sau hărți de flux de utilizator .

Ele ajută la stabilirea căii logică pe care ar trebui să o urmeze un utilizator atunci când interacționează cu sistemul și descriu relațiile dintre funcționalitatea sistemului, acțiunile potențiale ale utilizatorului și consecințele asociate.

Diagramele de flux ale utilizatorilor pot avea un aspect diferit în funcție de stadiul procesului de proiectare în care vă aflați. Dacă aveți deja create wireframes-urile pentru aplicația sau site-ul dvs., le puteți utiliza pentru a vă crea diagrama de flux. Astfel de diagrame de flux wireframe se numesc Wireflows.

Diagramele de flux de utilizator sunt, de asemenea, denumite flux de interacțiune, flux de activitate, flux de interfață utilizator, flux de navigare sau diagrame de flux de sarcini .

Simbolurile diagramei de flux ale utilizatorului sunt după cum urmează

Consultați această resursă pentru a înțelege mai multe simboluri de diagramă de flux care ar putea fi utile atunci când creați diagrame de flux de utilizator.

Importanța unei diagrame de flux de utilizator

• Diagramele de flux ale utilizatorilor sunt utile atunci când doriți să înțelegeți designurile dvs. pe baza obiectivelor utilizatorilor dvs.
• Acestea pot fi folosite pentru a comunica fluxul de utilizatori dorit în timp ce navighează prin paginile site-ului dvs. web sau prin acțiunile din aplicația dvs.
• Inginerii, designerii și arhitecții le pot folosi pentru a înțelege complexitățile, domeniul de aplicare și căile de proiectare a unui sistem, precum și pentru a identifica lacunele, dependențele și deficiențele acestuia.

Cum se face o diagramă de flux de utilizator

Fără alte prelungiri, să discutăm cum să facem o diagramă de flux de utilizator.

Pasul 1: Înțelegeți călătoria clientului

Un flux de utilizator se bazează pe ceea ce face utilizatorul – prin urmare înțelegerea cine sunt, motivațiile, nevoile și comportamentul lor este crucială pentru a realiza o diagramă eficientă a fluxului de utilizator.

Poate părea un pas suplimentar, dar efectuarea unei cercetări adecvate a utilizatorilor și proiectarea persoanelor de utilizator vă va ajuta să creați fluxuri de utilizatori mai fluide.

Am abordat deja cum să creați personaje de utilizator într-o postare anterioară, consultați-l pentru a afla cum să creați o persoană de cumpărător în câțiva pași simpli. Sau dacă sunteți deja familiarizat cu procesul, iată un șablon pentru început.

Odată ce ați creat profilul de client, sunteți cu un pas mai aproape de înțelegerea călătoriei dvs. de utilizator.

Puteți utiliza o hartă a călătoriei clienților aici pentru a analiza în mod corespunzător ceea ce fac, simt și aștepta clienții dvs. atunci când interacționează cu afacerea dvs. (adică vă vizitează site-ul), diferitele puncte de contact și puncte de durere.

De asemenea, am acoperit procesul de creare a unei hărți a călătoriei clienților în 6 pași simpli. Verificați-l.

Restul pasului de creare a unui flux de utilizatori va fi mai ușor odată ce cunoașteți călătoria utilizatorului dvs.

Pasul 2: Identificați-vă obiectivele și obiectivele utilizatorului dvs

Următorul pas este să vă faceți o idee despre obiectivele afacerii dvs., precum și ale utilizatorilor dvs.

Este posibil să fiți deja conștienți de obiectivele afacerii dvs.; de exemplu, pentru a crește conversia pe site-ul dvs. web, pentru a stimula vânzarea produsului dvs. etc. De obicei, este rezultatul final al acțiunilor pe care doriți să le întreprindă utilizatorii dvs.

Pe de altă parte, obiectivele utilizatorilor dvs. includ dorințele și nevoile pe care doresc să le satisfacă. Și utilizatorii diferiți pot avea, de asemenea, obiective variate în minte. Acesta este locul în care personajele utilizatorilor și hărțile de călătorie ale clienților pe care le-ați creat mai devreme vă vor ajuta să vă dați seama care sunt acestea.

Pasul 3: Identificați de unde vin utilizatorii dvs

Dacă proiectați un site web, poate doriți să știți de unde vin clienții dvs. sau, cu alte cuvinte, care sunt punctele de intrare. Acestea includ de obicei,

• Trafic direct
• Căutare organică
• Social media
• Publicitate plătită
• E-mail
• Site-uri de recomandare
• Presă sau articole de știri

Puteți utiliza Google Analytics pentru a obține procentele pentru aceste puncte de intrare. Ele pot indica, de asemenea, comportamente diferite ale utilizatorilor.

De exemplu, un vizitator direct ar căuta numele mărcii dvs., în timp ce un vizitator cu căutare organică va căuta mai întâi produsul pe care îl dorește înainte de a vă descoperi ca vânzător potrivit.

Și este important să mapați aceste fluxuri diferite de utilizatori pe baza diferitelor puncte de intrare. Este cheia dezvoltării unei experiențe mai bune pentru utilizatori.

Pasul 4: Identificați informațiile de care are nevoie vizitatorul

Pentru a proiecta cel mai bun flux de utilizatori posibil, trebuie să intri în pielea clienților tăi.

Aceasta înseamnă să înțelegeți care sunt nevoile și motivațiile lor pe de rost. Așa că trebuie să știi ce probleme au, îndoielile, ezitările lor, ce întrebări au despre produs și ce răspunsuri caută.

Deoarece v-ați creat deja personajele cumpărătorului și harta călătoriei, acest pas este mai ușor de finalizat.

Pasul 5: Vizualizați fluxurile dvs. de utilizatori

Până acum sunteți conștient de utilizatorii pentru care creați fluxul de utilizatori, care sunt obiectivele lor și de unde provin. Următorul pas este crearea fluxului de utilizator.

Gândiți-vă la ce fac utilizatorii înainte și după ce accesează o anumită pagină de pe site-ul dvs. Ce văd ei, ce acțiuni întreprind pentru a-și atinge scopul. Acest lucru vă va ajuta să identificați paginile pe care trebuie să le creați, ce informații/conținut trebuie să furnizați și cum ar trebui să fie conectate între ele.

Acordați atenție începutului și sfârșitului fiecărei sarcini. Acest lucru se poate schimba în funcție de obiectivul diferiților utilizatori.

Odată ce ați filtrat informațiile necesare, vizualizați-o cu o diagramă de flux de utilizator.

Pasul 6: Creați prototipul fluxului dvs

Puteți utiliza prototipuri de joasă fidelitate (wireframes sau machete UI) pentru a testa fluxul de utilizatori descris în pasul anterior. Prototipul vă ajută să adăugați mai multe detalii fluxului și vă ajută să înțelegeți fluxul dintre acțiunile utilizatorului și conținut.

De asemenea, vă va ajuta să validați că produsul dvs. este conceput în funcție de obiectivele dvs. și ale utilizatorilor dvs.

Pasul 7: revizuiți, rafinați și testați

Puteți partaja diagramele de flux ale utilizatorilor cu părțile interesate și puteți discuta unde trebuie făcute ajustări.

Și odată ce un prototip de înaltă fidelitate este gata, îl puteți testa și cu utilizatori reali.

În acest fel, puteți colecta date despre fiecare pas al fluxului de utilizatori și puteți înțelege cum navighează utilizatorii prin produsul dvs. Apoi puteți identifica zonele de îmbunătățire și puteți aplica soluții înainte de lansarea produsului final.

Cele mai bune practici de reținut

Respectați cele mai bune practici de mai jos pentru a vă asigura că diagramele de flux de utilizatori pe care le creați sunt de fapt eficiente în a vă ajuta.

• Dați întotdeauna diagramei de flux de utilizator un nume care îi descrie scopul. Acest lucru va ajuta pe oricine care se referă la el să-și înțeleagă baza.
• Respectați o singură direcție atunci când desenați diagrama de flux. Deoarece graficul prezintă o poveste, vă ajută să o citiți și să o înțelegeți mai bine atunci când harta curge într-o singură direcție.
• Limitați numărul de puncte de decizie pentru a face totul fără dezordine/mai puțin complicat.
• Asigurați-vă că domeniul de aplicare al diagramei de flux a utilizatorului acoperă o singură sarcină sau un singur obiectiv al utilizatorului dvs. Dacă fluxul de utilizatori acoperă doar jumătate din sarcină sau elaborează pașii pentru a acoperi mai mult de un obiectiv de utilizator, acesta nu își va îndeplini scopul.
• Asigurați-vă că adăugați doar informațiile necesare și evitați orice alt detaliu care nu vă ajută să descrieți fluxul și acțiunile utilizatorului.
• Utilizați un instrument digital de diagramă flux precum Creately, pentru a accelera procesul. În plus, vă va permite să obțineți contribuția altora și să vă păstrați munca salvată într-un singur loc și în cloud, ceea ce vă va permite să vă referiți la el și să lucrați la el de oriunde. În plus, vă va ajuta să economisiți spațiu cu suprafața sa infinită de pânză; în caz contrar, poate ocupa mai mulți pereți ai sălii de conferințe!

Șabloane de diagramă de flux de utilizator

Sunteți gata să vă creați propria diagramă de flux de utilizator?

Fluxurile de utilizatori sunt un instrument puternic în setul de instrumente al unui designer. Ele facilitează pentru designeri să vadă imaginea de ansamblu – ce pagini trebuie să creeze și cum ar trebui să fie conectate. Am acoperit aproape tot ce trebuie să știți pentru a realiza o diagramă de flux de utilizator – inclusiv șabloane pe care le puteți utiliza pentru a începe imediat.

Acum am dori să știm părerea dvs. despre diagramele de flux ale utilizatorilor? Tastați în secțiunea de comentarii de mai jos.