Felhasználói folyamatok: Mik ezek, és miért fontosak a UX tervezésben22 min read

A nagyszerű UX nem pixelekkel kezdődik. Azzal kezdődik, hogy megértjük, mit próbálnak tenni a felhasználók, hol lépnek be egy termékbe, milyen döntéseket kell meghozniuk, és milyen út vezet a sikeres eredményhez.

Ezt az utat a felhasználói áramlás.

A felhasználói folyamat vizuális térképe azoknak a lépéseknek, amelyeket egy személy egy alkalmazáson, webhelyen vagy adott feladaton keresztül tesz meg. Megmutathatja a teljes termékélményt, például a SaaS alkalmazásba való belépést, vagy egy kisebb folyamatot, például regisztrációt, demó lefoglalását, hírlevélre való feliratkozást vagy fizetés befejezését.

A UX tervezői, termékcsapatai és alapítói számára a felhasználói folyamatok az egyik legegyszerűbb módja annak, hogy jobb felületeket tervezzenek, mielőtt elköteleznék magukat a részletes képernyők mellett. Segítenek abban, hogy megtudja, hol tévedhetnek össze a felhasználók, hol van túl sok lépésből álló folyamat, és mely képernyőket kell valójában megterveznie.

Ebben az útmutatóban elmagyarázzuk, mik azok a felhasználói folyamatok, hogyan kell őket olvasni, mikor kell létrehozni, és hogyan támogatják a jobb UX tervezést.

Próbáljon meg tervezni felhasználói folyamatokat mesterséges intelligencia segítségével

Írja le a tervezni kívánt felhasználói folyamatot, majd hagyja, hogy a Anima alakítsa át UX-vé, képernyőkké és kódokká.

Mi az a felhasználói folyamat?

A felhasználói áramlás egy diagram, amely bemutatja azt az utat, amelyen a felhasználó egy terméken belül eléri a célt. A UX tervezésében ez a termék általában egy alkalmazás, webhely, webalkalmazás vagy digitális szolgáltatás.

A felhasználói folyamat egy belépési ponttal kezdődik, mint például a kezdőlap, a céloldal, a keresési eredmény, az e-mail hivatkozás, a bejelentkezési képernyő vagy a bevásárlókosár. Ez egy végső interakcióval zárul, mint például fiók létrehozása, vásárlás befejezése, űrlap beküldése, projekt közzététele vagy megerősítő oldal elérése.

A felhasználói folyamat a következőket képviselheti:

• Teljes termékút, mint például egy új alkalmazás felfedezése, regisztráció és használat
• Egyetlen feladat, például egy jelszó visszaállítása vagy egy terv frissítése
• Funkciófolyamat, például projekt létrehozása, csapattárs meghívása vagy terv exportálása
• A felhasználói felület folyamata, amely bemutatja, hogyan kapcsolódnak össze a képernyők a terméken belül

A cél egyszerű: tisztázza a felhasználó útját, mielőtt részletesen megtervezi a felületet.

Példa egy alapvető felhasználói folyamatszerkezetre

Felhasználói áramlás vs felhasználói felület áramlása

A feltételek felhasználói áramlás és felhasználói felület áramlása szorosan összefüggenek.

A felhasználói folyamat a felhasználónak a cél felé vezető útjára összpontosít. Olyan kérdésekre ad választ, mint:

• Hol kezdi a felhasználó?
• Milyen műveletet próbálnak végrehajtani?
• Milyen döntéseket hoznak útközben?
• Mi történik, ha sikerrel járnak, kudarcot vallanak, vagy más utat választanak?

A felhasználói felület folyamata pontosabban arra összpontosít, hogy a képernyők, állapotok, gombok, űrlapok és felületelemek hogyan kapcsolódnak egymáshoz. Olyan kérdésekre ad választ, mint:

• Melyik képernyő jön ezután?
• Mi történik, ha a felhasználó rákattint erre a gombra?
• Hová vezet ez a hibaállapot?
• Mit lát a felhasználó az űrlap elküldése után?

A gyakorlatban a UX csapatok gyakran mindkettőt együtt használják. A felhasználói folyamat határozza meg az elérési utat. A felhasználói felület áramlása konkrétsá teszi ezt az utat a UI terméken belül.

Hogyan kell olvasni a felhasználói folyamatot

A felhasználói folyamat azokat a lépéseket határozza meg, amelyeket a felhasználó a belépési ponttól a végső interakcióig megtesz. Minden lépést általában egy alakzat képvisel, amelyet csomópontnak is neveznek. A csomópontokat a mozgás irányát mutató nyilak kötik össze.

A legtöbb felhasználói folyamatábra egyszerű vizuális nyelvet használ:

• Kör vagy ovális: Kezdő vagy végpont
• Téglalap: Képernyő, oldal vagy művelet
• Gyémánt: Döntési pont, például igen/nem, siker/kudarc, vagy válasszon utat
• Nyíl: A lépések közötti mozgás iránya

A felhasználói folyamat összetevőinek magyarázata

Például egy egyszerű regisztrációs felhasználói folyamat így nézhet ki:

1. A felhasználó a kezdőlapra kerül
2. A felhasználó rákattint az „Ingyenes indítás” gombra
3. A felhasználó megadja az e-mail címet és a jelszót
4. A rendszer ellenőrzi, hogy az e-mail érvényes-e
5. A felhasználó megerősíti a fiókot
6. A felhasználó eléri a belépési képernyőt
7. A felhasználó befejezi a beállítást
8. A felhasználó az irányítópulton landol

Ez a fajta felhasználói folyamat-példa segít a csapatnak megérteni az élményt minden képernyő megtervezése előtt.

Példák a felhasználói folyamatra

A felhasználói folyamatok könnyebben megérthetők, ha valódi termékfeladatokhoz kapcsolja őket. Íme néhány gyakori felhasználói folyamat példa, amelyet a UX csapatok hoznak létre a terméktervezés során.

Felhasználói folyamat regisztrációja

A regisztrációs felhasználói folyamat leképezi, hogyan válik egy új látogató regisztrált felhasználóvá.

1. Látogassa meg a céloldalt
2. Kattintson a regisztrációs CTA lehetőségre
3. Válassza ki a regisztrációs módot
4. Adja meg a fiók adatait
5. E-mail igazolás
6. Teljes beépítés
7. Nyissa meg a termék irányítópultját

Ez az áramlás segít a csapatoknak csökkenteni a súrlódást az első alkalommal. Ha a regisztráció túl sok lépésből áll, az űrlapmezők homályosak vagy az ellenőrzési állapotok zavarosak, a felhasználók még azelőtt kiléphetnek, mielőtt látnák a terméket.

Check out felhasználói folyamat

A fizetési felhasználói folyamat feltérképezi, hogy a felhasználó hogyan halad a termék érdeklődésétől a vásárlásig.

1. Tekintse meg a terméket vagy az ároldalt
2. Tétel hozzáadása vagy terv kiválasztása
3. Tekintse át a kosár vagy a terv részleteit
4. Adja meg a fizetési információkat
5. Vásárlás megerősítése
6. Érje el a sikeroldalt vagy a nyugtát

Ez a folyamat különösen fontos az e-kereskedelem, a SaaS és az előfizetéses termékek esetében, mivel minden extra lépés hatással lehet a konverzióra.

Bejelentkezés és jelszó visszaállítása felhasználói folyamat

A bejelentkezési folyamat leképezi, hogy a visszatérő felhasználók hogyan férnek hozzá a fiókjukhoz, beleértve az éles eseteket is.

1. Nyissa meg a bejelentkezési oldalt
2. Adja meg a hitelesítő adatokat
3. A rendszer ellenőrzi a bemenetet
4. A felhasználó sikeresen bejelentkezik, vagy hibát lát
5. Ha szükséges, a felhasználó elindítja a jelszó visszaállítását
6. A felhasználó megerősíti az e-mailt
7. A felhasználó új jelszót állít be
8. A felhasználó visszatér a termékhez

Példa felhasználói folyamatra egy bejelentkezési folyamathoz (feladatfolyamat)

Bevezető felhasználói folyamat

A bevezető felhasználói folyamat feltérképezi, hogy az új felhasználók hogyan érik el az első sikeres termék pillanatát.

1. Hozzon létre fiókot
2. Válaszoljon a beállítási kérdésekre
3. Válasszon sablont vagy kiindulási pontot
4. Végezze el az első műveletet
5. Lásd a siker állapotát
6. Folytassa a termékkel

Az AI-termékek, a tervezőeszközök és a termelékenységet növelő alkalmazások esetében a bevezető folyamatok kritikusak, mert a felhasználóknak gyorsan meg kell érteniük, mit kell tenniük.

Mikor kell felhasználói folyamatot létrehozni

Hozzon létre felhasználói folyamatokat a tervezési folyamat korai szakaszában, ideális esetben a kezdeti felhasználói kutatás után és a nagy pontosságú UI tervezés előtt.

Ebben a szakaszban a felhasználói folyamat segít:

• Döntse el, mely képernyőknek kell léteznie
• Távolítsa el a felesleges lépéseket
• Határozza meg a zavaró döntési pontokat
• Állítsa össze a csapatot a termékstruktúra köré
• Terv prototípusok gyorsabban
• Kerülje a polírozott képernyők tervezését törött útra

A felhasználói folyamatok a termék életciklusának későbbi szakaszában is hasznosak. Ha egy meglévő interfész gyengén teljesít, a felhasználói folyamat segítségével diagnosztizálhatja, hogy az emberek hol hagyják el, hol lépnek be, vagy nem hajtják végre a kulcsfontosságú feladatokat.

Más szóval, a felhasználói áramlások nem csak az új termékekre vonatkoznak. Hasznosak a meglévő termékek fejlesztéséhez is.

A felhasználói áramlások szerepe a UX tervezésben

A felhasználói folyamatok a UX tervezésének alapvető részét képezik, mivel összekapcsolják a felhasználói célokat a termékstruktúrával. Mielőtt aggódna a térközök, a tipográfia, a vizuális hierarchia vagy az összetevők miatt, tudnia kell, mit próbál elérni a felhasználó, és hogyan segíti őket a termék ezek elérésében.

A felhasználói folyamatok három fontos dologban segítenek a UX csapatoknak.

1. Hozzon létre egy intuitívabb felületet

A világos felhasználói folyamat megkönnyíti a végső felület megértését.

Ha a tervezés előtt feltérképezi az áramlást, már korán észreveheti a súrlódást. Lehet, hogy a felhasználónak döntenie kell, mielőtt elegendő információval rendelkezik. Talán túl hamar jelenik meg egy űrlap. Lehet, hogy a megerősítő lépés hiányzik. Talán van három képernyő, ahol egy is elég lenne.

Ha a folyamat zavaró, valószínűleg a felület is zavaró lesz.

2. Értékeljen egy meglévő interfészt

A felhasználói folyamatok nagyszerű lehetőséget kínálnak a meglévő termékek optimalizálására, amelyek esetleg nem a várt módon konvertálódnak vagy maradnak meg. Ha a felhasználók nem konvertálnak, aktiválnak vagy nem hajtanak végre egy fontos feladatot, térképezze fel az aktuális folyamatot.

Előfordulhat, hogy a felhasználókat rossz képernyőre küldik, túl sok információt kérnek, vagy olyan útvonalon kényszerítik őket, amely nem felel meg a szándékuknak.

3. Közölje stratégiáját a csapattagokkal és az érintettekkel

A felhasználói folyamatok nagyszerűek az együttműködéshez. Közös térképet adnak a tervezőknek, fejlesztőknek, PM-eknek, döntéshozóknak és érdekelt feleknek.

A tervezők a folyamatot használhatják képernyők tervezésére. A fejlesztők használhatják az állapotok és a szélsőséges esetek megértéséhez. A PM-ek használhatják a követelmények tisztázására. Az érdekeltek felhasználhatják a tapasztalatok logikájának áttekintésére, mielőtt a csapat a részletes tervezésbe vagy megvalósításba fektetne be.

A felhasználói folyamatok abban is segíthetnek a fejlesztőknek, hogy megértsék az egészet a végső prototípus mögött, ami miatt átadás hatékonyabb.

Felhasználói út kontra felhasználói folyamat

A felhasználói utakat és a felhasználói folyamatokat gyakran összekeverik, de ezek nem ugyanazok.

A felhasználói út a felhasználó termékhez való viszonyának tágabb történetét meséli el. Általában tartalmazza a felhasználói célokat, érzelmeket, motivációkat, fájdalompontokat és érintkezési pontokat a termék használata előtt, alatt és után.

A felhasználói áramlás arra az útra összpontosít, amelyet a felhasználó a terméken belül megtesz egy adott cél elérése érdekében.

Főbb különbségek

Mindkettő hasznos. Az utazás segít megérteni a felhasználó kontextusát. A folyamat segít megtervezni a tényleges útvonalat az interfészen keresztül.

Hogyan hozzunk létre felhasználói folyamatot

Felhasználói folyamatot létrehozhat táblával, tervezőeszközzel, diagramkészítő eszközzel vagy mesterséges intelligencia tervezőeszközzel. A formátum kevésbé számít, mint az útvonal tisztasága.

1. Határozza meg a felhasználói célt

Kezdje azzal a művelettel, amelyet a felhasználó végre szeretne hajtani.

• Hozzon létre egy fiókot
• Vásároljon terméket
• Foglaljon bemutatót
• Webhely közzététele
• Hívj meg egy csapattársat
• Tervezés exportálása kódba

A felhasználói folyamatot egy konkrét cél köré kell építeni, nem egy homályos termékterületre.

2. Válassza ki a belépési pontot

Döntse el, hol kezdje a felhasználó. Ilyen például a kezdőlap, az árképzési oldal, a keresési eredmény, az e-mail kampány, az alkalmazás irányítópultja, az értesítés vagy a megosztott link.

A különböző belépési pontok különböző áramlásokat hozhatnak létre. Előfordulhat, hogy a visszatérő felhasználónak és az első látogatónak nincs szüksége ugyanarra az útvonalra.

3. Térképezze fel a boldog utat!

A boldog út a legegyszerűbb sikeres út az elejétől a végéig.

1. A felhasználó megnyitja az árképzési oldalt
2. A felhasználó kiválasztja a tervet
3. A felhasználó létrehozza a fiókot
4. A felhasználó megadja a fizetési adatokat
5. A felhasználó megerősíti a vásárlást
6. A felhasználó a sikeroldalra kerül

Ez megadja az alapélményt.

4. Adjon hozzá határozatokat és éles eseteket

A valódi felhasználók nem mindig követik a tökéletes utat. Adjon hozzá döntési pontokat, például:

• A felhasználónak van már fiókja?
• Érvényes az űrlap?
• Sikerült a fizetés?
• A felhasználó havi vagy éves számlázást választott?
• A felhasználónak van engedélye a folytatásra?
• Mi történik, ha a felhasználó lemond?

Ezek az ágak azok, amelyek egy egyszerű útvonalat valódi UX tervezési felhasználói áramlássá változtatnak.

5. Egyszerűsítse az áramlást

Az áramlás feltérképezése után keresse a súrlódást.

• Eltávolíthatunk egy lépést?
• Kombinálhatjuk a képernyőket?
• Túl korán kérünk információt?
• Nyilvánvaló a következő lépés?
• Van zsákutca?
• Egyértelműek a hibaállapotok?
• Mindig tudja a felhasználó, hogy mi történt?

A legjobb felhasználói folyamatok nyilvánvalónak tűnnek, mert a bonyolultság már megoldódott a színfalak mögött.

A felhasználói folyamatok dióhéjban

A felhasználói folyamatok a terméktervezés szerkezeti térképei. Megmutatják, hogyan haladnak a felhasználók egy alkalmazáson, webhelyen vagy feladaton keresztül a belépési ponttól a végső interakcióig.

Erős felhasználói áramlás:

• Egyértelmű felhasználói céllal kezdődik
• Megmutatja a felhasználó belépési pontját
• Leképezi az útvonal lépéseit, képernyőit és döntéseit
• Tartalmazza a fontos éldobozokat
• Segít a csapatoknak azonosítani a súrlódást a UI részletes tervezése előtt
• Megkönnyíti az átadást a tervezők, fejlesztők, PM-ek és érdekelt felek számára

A UX csapatok számára a felhasználói folyamatok jelentik az egyik legpraktikusabb eszközt a felhasználói kutatás interfészstruktúrává alakításához. Segítenek a szándékos tervezésben, ahelyett, hogy képernyőről képernyőre találgatnának.

GYIK: Felhasználói folyamatok

Mik azok a felhasználói folyamatok?

A felhasználói folyamatok diagramok, amelyek a felhasználó által egy alkalmazáson, webhelyen vagy termékfeladaton keresztül megtett utat mutatják. Általában egy belépési pontnál kezdődnek, például egy kezdőlapon vagy a bejelentkezési képernyőn, és akkor érnek véget, amikor a felhasználó teljesít egy célt, például regisztrál, vásárol vagy elküld egy űrlapot.

Mit jelent a felhasználói folyamat a UX tervezésben?

A UX tervezésben a felhasználói folyamat leképezi azokat a lépéseket, képernyőket, döntéseket és műveleteket, amelyeket a felhasználó a cél elérése érdekében tesz. A UX csapatai felhasználói folyamatok segítségével tervezik meg a termékstruktúrát, csökkentik a súrlódást, és tisztább felületeket terveznek, mielőtt nagy felbontású képernyőket hoznak létre.

Mi a különbség a felhasználói folyamat és a felhasználói út között?

A felhasználói út a szélesebb körű élményt mutatja be, beleértve a felhasználói motivációkat, érzelmeket, fájdalompontokat és érintkezési pontokat. A felhasználói folyamat arra a konkrét útvonalra összpontosít, amelyet a felhasználó a terméken belül megtesz egy feladat elvégzéséhez.

Mi az a felhasználói felület folyamata?

A felhasználói felület folyamata megmutatja, hogyan kapcsolódnak össze a képernyők, a UI állapotok, a gombok, az űrlapok és az interakciók a terméken belül. Ez szorosan kapcsolódik egy felhasználói folyamathoz, de konkrétabban az interfész szintű elérési útra összpontosít.

Mikor érdemes felhasználói folyamatot létrehozni?

Hozzon létre felhasználói folyamatot a kezdeti felhasználói kutatás után és a részletes UI tervezés előtt. Később felhasználói folyamatokat is létrehozhat egy meglévő termék auditálásához, a lemorzsolódás diagnosztizálásához vagy a konverzió javításához.

Melyek a példák a felhasználói folyamatokra?

A gyakori felhasználói folyamatok például a regisztrációs folyamatok, a fizetési folyamatok, a belépési folyamatok, a bejelentkezési folyamatok, a jelszó-visszaállítási folyamatok, a foglalási folyamatok, a frissítési folyamatok és a csapattárs meghívása folyamatok.

Miért fontosak a felhasználói folyamatok?

A felhasználói folyamatok segítenek a csapatoknak megérteni, hogyan haladnak a felhasználók egy terméken, mielőtt a részletes tervezésbe vagy fejlesztésbe fektetnek be. Felfedik a súrlódásokat, a hiányzó lépéseket, a zavaros döntéseket és a szükségtelen bonyolultságot a folyamat korai szakaszában.

Hogyan hozzuk létre a felhasználói áramlást?

Kezdje egy felhasználói céllal, válassza ki a belépési pontot, térképezze fel a boldog utat, adjon hozzá döntéseket és éles eseteket, majd egyszerűsítse az utat. Használjon köröket vagy oválisokat a kezdő- és végpontokhoz, téglalapokat a képernyőkhöz vagy műveletekhez, rombuszokat a döntésekhez és nyilakat az irány megjelenítéséhez.

Próbálja ki a Anima Playground-et a felhasználói folyamatokhoz és a UX tervezéshez

Anima Playground lehetővé teszi, hogy a termékötlettől a UX áramlási, tervezési és működő kódig terjedjen a böngészőben. Írja le az elkészíteni kívánt élményt, finomítsa azt mesterséges intelligencia segítségével, és alakítsa az eredményt valódi interaktív termékké.

Kezdje el a tervezést a Anima Playground segítségével.