Co to jest Userflow i dlaczego jest to ważny krok projektowania UX?

User flow co to jest?

User Flow (Przepływ użytkowników) opisuje kroki podejmowane przez użytkowników w celu uzyskania dostępu do funkcji lub wykonania konkretnego zadania w aplikacji.

Każde kliknięcie, przeciągnięcie lub przeciągnięcie jest częścią przepływu użytkownika. Nie ma znaczenia, czy jest to strona internetowa, aplikacja mobilna czy serwis np. dla banku. Każdy produkt, który w końcowym rezultacie dostarcza możliwość interakcji z użytkownikiem, finalnie posiada swoje unikalne User Flow.

co to jest userflow?

Nawet w prostych aplikacjach przepływ jest ważną częścią interfejsu użytkownika. Tworzenie aplikacji mobilnych lub webowych jest często złożonym działaniem równoważącym funkcjonalność i użyteczność. Z jednej strony chcemy, aby użytkownicy mogli łatwo uzyskać dostęp do najważniejszych funkcji aplikacji bez dodatkowych kroków.

Z drugiej strony aplikacja posiada ogromną ilość treści oraz funkcjonalności, które należy w odpowiedni sposób opakować, aby finalnie produkt był funkcjonalny.

Analiza procesu na wczesnym etapie projektu

User flow co to jest? Jakie pełni funkcje? Przede wszystkim narzędzie koncentruje się na ścieżce, którą wykonuje użytkownik. Ułatwia sprawdzenie, czy wszystkie procesy począwszy od wejścia w interakcję z aplikacją, aż do założonego celu, np. rejestracji nowego konta zostały spełnione.

Dają one możliwość wizualizacji całości, często skomplikowanego projektu dla całego zespołu. Dzięki temu cele oraz poszczególne funkcjonalności stają się zrozumiałe dla wszystkich interesariuszy np., managerów, zespołu deweloperskiego, projektantów itd.  Osobiście wykorzystuję to narzędzie od początku oraz w trakcie trwania projektu, aktualizując je wraz z zmieniającymi się funkcjonalnościami.

Interdyscyplinarny charakter tego narzędzia ułatwia pracę podczas prowadzenia lub rozwoju projektu. Już we wczesnym etapie dyskutując na temat konkretnej ścieżki użytkownika w zespole, istnieje duże prawdopodobieństwo zauważenia elementów, które mogą okazać się istotne/trudne/niemożliwe do wdrożenia.

Dlaczego warto rozpocząć projektowanie od User Flow?

  • Mniejsze ryzyko popełnienia błędu w postaci ‚luk’ ścieżki użytkownika oraz niezakończonych procesów,
  • Wizualizacja pełnej ścieżki użytkownika,
  • Możliwość tworzenia założeń / tez pomocnych przy dalszym rozwoju produktu np. w jakich miejscach użytkowanie aplikacji może być trudne lub w jakim miejscu konwersja może ulegać zmianie,
  • Możliwość porównania alternatywnych rozwiązań,
  • Wprowadzenie zmian oraz zarządzanie produktem jest łatwiejsze oraz bardziej przemyślane, co redukuje szanse powstania błędów oraz zmian na etapie developmentu,
  • Przejrzyste zobrazowanie architektury projektu, zrozumienie oraz narzędzie do pracy,
  • Userflow jest podstawą do utworzenia prototypu Lo-Fi lub Hi-Fi naszej aplikacji. Umożliwia tym samym skupienie się na konkretnych ekranach oraz funkcjonalnościach w skali mikro, a nie flow użytkownika w skali makro.

Przykładowe User Flow aplikacji Web:

userflow

Zobacz także: O czym należy pamiętać tworząc aplikację mobilną lub stronę internetową?

 

Jakich programów użyć do tworzenia Overflow?

  1. Figma / Sketch

    UX Flow 2.0
    Są to narzędzia wykorzystywane do projektowania intefrejsów graficznych, natomiast spora ilość gotowych paczek tj. UX Flow 2.0 dla Figmy czy User Flow Diagram dla Sketch pozwalają na szybkie narysowanie flow aplikacji. Szczególnie jest to d0bre rozwiązanie dla osób zajmujących się UI i Product Designem.

  2. Overflow

    Overflow
    Świetne narzędzie zarówno do rysowania userflow w postaci diagramów jak i mapowania gotowych projektów.

  3. Axure

    Flow Diagrams · Axure DocsKombajn do projektowania UX. Decydując się na to rozwiązanie jako podstawowe narzędzie do projektowania, diagramy tworzą się automatycznie względem architektury informacji.

  4. Miro – 

    User Flow based on Flowchart. Principles and tools — FlowMapp
    narzędzie głównie wykorzystywane do kolaboracji pomiędzy interesariuszami podczas np. tworzenia map myśli, burzy mózgów, user story mappigu i innych. Natomiast narzędzie posiada ogromne możliwości, które mogą pozwolić także na stworzenie prostych userflow.

Źródła:

  1. https://blog.proto.io/user-flow-top-design-priority/
  2. https://blog.overflow.io/user-flows-in-the-design-process-41e6dee6d0a
  3. https://pl.pinterest.com/pin/464011567854608559/

Leave a Reply