Čo sú toky používateľov UX a prečo sú dôležité?9 min read

Skvelé UX nie je produktom vašej fantázie. Je to produkt rozsiahleho výskumu, starostlivého plánovania, opakovaného testovania a mnohých ciest k rysovacej doske. Ako teda zabezpečiť, aby bol tento proces čo najefektívnejší? Ako si môžete byť istí, že navrhujete s ohľadom na používateľov?

Najdôležitejším základom efektívneho, proces navrhovania zameraný na používateľa—okrem používateľského prieskumu — je používateľský tok. Je to jednoduchý diagram, ktorý ukazuje potenciálne cesty používateľa cez produkt a robí zázraky pre váš pracovný postup pri navrhovaní.

Tu vysvetlíme, čo je tok používateľov a ako ho čítať, a potom opíšeme jeho základnú úlohu pri vytváraní skvelého UX.

Skúste navrhovať pomocou AI

Anima vytvára webové stránky, aplikácie a dizajn UX z výzvy, vyskúšajte to tu –

Čo je tok používateľov?

Tok používateľa je základná vizuálna mapa potenciálnych ciest používateľa cez produkt – v tomto prípade aplikáciu alebo webovú stránku. Táto mapa môže predstavovať celý produkt alebo jednoducho úlohu v rámci daného produktu, napríklad prihlásenie sa na odber bulletinu alebo uskutočnenie nákupu.

Tok používateľa začína pri vstupe používateľa do produktu alebo úlohy, ako je vstupná stránka alebo nákupný košík, a končí sa pri poslednej interakcii, ako je dokončenie registrácie alebo zadanie objednávky.

Vizualizácia toho, ako sa používateľ môže pohybovať vo vašom produkte, vám umožňuje oddialiť a zvážiť efektívnosť jeho celkovej štruktúry. Týmto spôsobom môžete identifikovať a riešiť potenciálne prekážky používateľov s cieľom zlepšiť navigáciu.

An example of a basic user flow structure

Ako čítať tok používateľa

Tok používateľa predstavuje sériu krokov, ktoré používateľ vykoná, aby sa dostal od vstupného bodu ku konečnej interakcii. Každý krok, príp uzol, zastupuje a kruh, obdĺžnik, alebo diamant, z ktorých každá označuje iný typ akcie, ktorú musí používateľ vykonať. Tieto uzly sú spojené pomocou šípky označujúci smer pohybu používateľa cez produkt.

Tu je rozpis jednotlivých stavebných blokov toku používateľov:

User flow components explained

Kedy vytvoriť používateľský tok

Ak je to možné, mali by ste vytvoriť tok používateľov na začiatku procesu návrhu – ideálne hneď po prvom prieskume používateľov. Týmto spôsobom môžete optimalizovať tok predtým, ako začnete navrhovať. Budete môcť vidieť problémové oblasti, odstrániť nepotrebné kroky a určiť, ktoré obrazovky budete musieť vytvoriť prototypy.

Stojí za zmienku, že používateľské toky môžu byť vytvorené aj kedykoľvek počas vývoja produktu alebo dokonca po vydaní produktu. Ak potrebujete vizualizovať a posúdiť celkovú štruktúru potenciálneho alebo existujúceho návrhu, užívateľské toky sú rýchlym a efektívnym riešením.

Úloha užívateľských tokov v dizajne UX

Teraz, keď viete, čo sú toky používateľov a ako fungujú, pozrieme sa na ich úlohu v procese návrhu UX. Používateľské toky vám môžu pomôcť:

1. Vytvorte intuitívne rozhranie

Vizualizácia toku používateľov cez váš produkt alebo funkciu zvýrazní trecie body, nadbytočnosť a potenciálne mätúce prvky predtým zabudujete ich do svojho dizajnu. Ak váš tok používateľov neposkytuje priamu a intuitívnu cestu k cieľu, je pravdepodobné, že ju neponúka ani konečný produkt.

2. Vyhodnoťte existujúce rozhranie

Toky používateľov sú skvelým spôsobom, ako optimalizovať existujúce produkty, ktoré sa nemusia konvertovať alebo si udržať podľa očakávania. V prípadoch, ako je tento, môžete implementovať používateľské toky na vizualizáciu a optimalizáciu procesov, v ktorých používatelia poskakujú alebo sa miešajú.

3. Oznámte svoju stratégiu členom tímu a zainteresovaným stranám

Používateľské toky nie sú skvelé len pre váš návrhový pracovný postup. Sú skvelé aj na spoluprácu. Používateľské toky umožňujú spoluhráčom, osobám s rozhodovacou právomocou a zainteresovaným stranám lepšie porozumieť architektúre používateľského prostredia za vaším produktom. To minimalizuje nedorozumenia a urýchľuje buy-in.

Používateľské toky môžu tiež pomôcť vývojárom pochopiť súhrn štruktúru vášho konečného prototypu, čo robí odovzdanie efektívnejšie.

An example of user flow for a login process (task flow)

Cesta používateľa verzus tok používateľa

Pojmy cesta používateľa a tok používateľov sa často používajú zameniteľne, ale nie sú to isté. Každý z nich sa zameriava na rôzne vrstvy a úrovne detailov v rámci celkovej používateľskej skúsenosti.

Cesty používateľov ilustrujú vzťah konkrétneho používateľa k vášmu produktu vrátane toho, ako sa k produktu dostal ako k riešeniu a aké bolestivé body a motivácie ich k nemu priviedli. Na druhej strane toky používateľov ukazujú všetky potenciálne cesty, ktorými sa môže každý používateľ vydať cez samotný produkt.

4 kľúčové rozdiely medzi cestami používateľov a tokmi používateľov:

1. UŽÍVATEĽSKÉ JOURNEYS zameranie na čo sú používatelia myslenie a cítenie pri každom kroku, zatiaľ čo sa zameriavajú na POUŽÍVATEĽSKÉ TOKY čo sú používatelia robí
2. UŽÍVATEĽSKÉ CESTY začínajú predtým, ako používateľ prvýkrát interaguje s produktom a pokračovať potom, čo používateľ skončí, zatiaľ čo začnú POUŽÍVATEĽSKÉ TOKY na vstupnom bode používateľa do produktu a koniec pri poslednej interakcii
3. UŽÍVATEĽSKÉ JOURNEYS zameranie na konkrétne osoby používateľov, pričom sa zamerajte na POUŽÍVATEĽSKÉ TOKY všeobecných používateľov
4. UŽÍVATEĽSKÉ JOURNEYS povedzte celý príbeh interakcie používateľa s produktom, zatiaľ čo POUŽÍVATEĽSKÉ TOKY jednoducho ukazujú potenciálne cesty používateľa cez produkt

Užívateľské toky v skratke

Tu to máte. Používateľské toky pre dizajnérov UX sú veľmi podobné osnovám pre autorov. Obidva sú štrukturálne rámce, ktoré pomáhajú organizovať a upravovať tok konečného produktu pred začatím vývoja. Používateľské toky:

• demonštrovať potenciálne cesty, ktorými sa môže používateľ vydať cez produkt alebo úlohu— začínajúc na vstupný bod, pohybujúce sa cez krokya končiac na záverečná interakcia
• pozostáva zo 4 hlavných stavebných blokov: kruhy (začiatok/cieľ), diamanty (rozhodnutia), obdĺžniky (procesy) a šípky (smer pohybu medzi krokmi)
• by mala byť vytvorená hneď po prvotnom používateľskom prieskume je kompletný, aby mohol načrtnúť a optimalizovať proces navrhovania, ktorý nasleduje
• môžu byť tiež vytvorené neskôr v procese navrhovania alebo pre existujúce produkty ktoré potrebujú analýzy použiteľnosti a zlepšenia procesov
• slúži na 3 hlavné účely: vytváranie intuitívnych rozhraní, vyhodnocovanie existujúcich rozhraní, a sprostredkovanie vašej stratégie spoluhráčom a zainteresovaným stranám

Otestujte sa:

Čo sú toky používateľov?

Tok používateľa je základný diagram potenciálnych ciest používateľa cez produkt (aplikáciu alebo web) alebo úlohu v rámci tohto produktu (predplatné, nákup atď.). Začína pri vstupe používateľa do produktu alebo úlohy a končí pri jeho poslednej interakcii.

Prečo používame používateľské toky v dizajne UX?

V jedinom diagrame toky používateľov vyjadrujú, ako sa používatelia budú pohybovať celým vaším produktom. Tento široký pohľad vám umožňuje zvážiť efektívnosť navrhovanej štruktúry a toku. Budete schopní rozpoznať a vyriešiť trecie body a začať s optimalizáciou UX predtým začnete navrhovať.

Pomôcť môžu používateľské toky vytvárať intuitívne rozhrania, hodnotiť existujúce rozhrania a sprostredkovať štruktúru vášho produktu spoluhráčom a zainteresovaným stranám.

Vyskúšajte Anima Playground pre používateľské toky a dizajn UX

Anima Playground vám umožňuje vytvárať profesionálne používateľské toky a UX chatovaním s agentom AI na prvom mieste v UX a potom generovať dizajn a kód v prehliadači. Začnite teraz navrhovať pomocou AI– všetko, čo potrebujete, je nápad.

rocket-multilingual-links:start user-flows

rocket-multilingual-links:toky koncového používateľa