User Flow (schemat przepływu użytkowników), nazywany również UX Flow, UI Flow, Wire Flow lub IX Flow, to wykorzystywane w UX narzędzie polegające na rozpisaniu, zwykle przy pomocy schematu blokowego, wszystkich możliwych ścieżek którymi może podążyć użytkownik. W efekcie otrzymujemy możliwe drogi użytkownika od początku interakcji z aplikacją (np. od Landing page) do etapu końcowego (np. Zakup produktu). 

Diagram User Flow przygotowuje się przed rozpoczęciem prac nad prototypem produktu. 

 

Czemu ma służyć schemat przepływu użytkowników?

Głównym celem jest uniknięcie tak zwanego Bad User Experience, czyli negatywnych wrażeń z użytkowania aplikacji, a w efekcie poprawa wskaźnika konwersji i zwiększenie przychodów.

 

Jak dobrze przeprowadzić User Flow?

Przed zabraniem się za tworzenie schematu User Flow musimy odpowiedzieć na pytanie o cele, potrzeby i motywacje użytkownika. Pomocne na tym etapie może być stworzenie persony, czyli profilu klienta. 

Schemat przepływu użytkowników zaczynamy od rozrysowania wszystkich kroków, które może podjąć użytkownik w celu osiągnięcia swojego celu w aplikacji. W przypadku sklepu internetowego mogą być to takie kroki jak wpisanie produktu w pasku wyszukiwania, przefiltrowanie produktów, wybór jednego z nich, kliknięcie przycisku kup teraz, wpisanie swoich danych i opłata.  

Do kroków User Flow zaliczamy każde kliknięcie w przycisk, przeciągnięcie lub wpisanie danych, które wykonuje użytkownik. Po rozpisaniu wszystkich możliwych trajektorii wyboru, w tym ścieżek alternatywnych i pętli, otrzymujemy mapę poruszania się użytkownika w aplikacji. 

Przeprowadzenie user flow

Wizualizacja mapy pozwala na łatwiejszą identyfikację możliwych punktów bólu - miejsc do poprawy, w których interakcja z aplikacją wymaga większego wysiłku, punktów sukcesu funkcjonujących prawidłowo i punktów prawdy – w których użytkownik podejmuje decyzję o kontynuacji lub opuszczeniu aplikacji. 

 

Korzyści z rozpisania User Flow

  1. Minimalizacja kroków, które musi wykonać użytkownik, czyli skrócenie drogi do celu. 
  2. Osiągnięcie większej wygody i intuicyjności produktu.
  3. Wyeliminowanie barier i punktów bólu na drodze użytkownika. 
  4. Oszczędność czasu w późniejszych fazach projektu.
  5. Przedstawienie holistycznej wizji powstającego systemu. 
  6. Źródło wiedzy dla wszystkich uczestników projektu.

 

Jakich narzędzi i programów użyć do tworzenia User Flow?

  • Papier lub tablica 
  • Wireflow 
  • Overflow 
  • Axure 
  • UX Flow 2.0 + 
  • Sketch 
  • Figma 
  • Adobe XD
  • Miro 

Powiązane artykuły

Jakie są różnice między atrybutami nofollow i dofollow?

14 mar 2023

W świecie SEO atrybuty nofollow i dofollow są pojęciami, z którymi każdy właściciel strony internetowej powinien się zapoznać. Oba atrybuty stanowią ważny element optymalizacji strony internetowej, wpływając na jej pozycję w wynikach wyszukiwania. Atrybut nofollow i dofollow oznaczają dwa różne podejścia do linkowania, a ich właściwe stosowanie może przynieść korzyści dla witryny internetowej w postaci zwiększenia ruchu i poprawy reputacji w oczach algorytmów wyszukiwarek.

Tomasz Kozon

#front-end

related-article-image-Atrybuty nofollow i dofollow,linki

Co to jest JEE?

9 mar 2023

JEE, czyli Java Enterprise Edition, to platforma programistyczna oparta na języku Java, która umożliwia tworzenie zaawansowanych aplikacji webowych i biznesowych. JEE składa się z wielu specyfikacji i narzędzi, które pozwalają na tworzenie rozproszonych systemów informatycznych, integrujących różne technologie i zasob

Tomasz Kozon

#fullstack

Co to jest flat design i jakie są jego podstawowe cechy?

6 mar 2023

Flat design to styl projektowania, który zyskał na popularności w ostatnich latach i stał się jednym z najbardziej rozpoznawalnych trendów w projektowaniu interfejsów. Charakteryzuje się on minimalistycznym podejściem i ograniczeniem do minimum ilości elementów wizualnych, co wpływa na czytelność i łatwość użytkowania. W flat designie unika się gradientów, cieni i tekstur, a zamiast tego stosuje się jednolite kolory i proste, minimalistyczne formy.

Tomasz Kozon

#web-design

AJAX - co to jest AJAX i jak działa?

16 lut 2023

AJAX, czyli Asynchronous JavaScript and XML. Jest to technologia, która umożliwia przetwarzanie danych na stronie internetowej bez konieczności przeładowania całej strony. AJAX umożliwia szybsze ładowanie stron internetowych, interaktywność interfejsu użytkownika i efektywniejsze przetwarzanie danych.

Tomasz Kozon

#front-end

Czym są rich snippets i jakie korzyści przynoszą?

6 lut 2023

Rich snippets to specjalne znaczniki, które pozwalają na wyświetlenie dodatkowych informacji na stronie wyników wyszukiwania. Są one szczególnie przydatne dla witryn internetowych, ponieważ pozwalają na zwiększenie widoczności i zachęcenie użytkowników do odwiedzenia danej strony. W dzisiejszym świecie, gdzie każdy jest zawsze w biegu i szuka szybkich i łatwo dostępnych informacji, rich snippets stanowią kluczowy element skutecznej strategii SEO.

Tomasz Kozon

#it-sales

UX writing - co to jest i jakie niesie ze sobą korzyści

31 paź 2022

UX Writing to dziedzina projektowania interakcji, która zajmuje się pisaniem tekstów interfejsu użytkownika w celu ulepszenia doświadczenia użytkownika w aplikacji lub witrynie internetowej. Korzyści z zastosowania UX Writing to między innymi: poprawa użyteczności i funkcjonalności aplikacji, większa przejrzystość, wzrost zaufania użytkowników, a także lepsze doświadczenie użytkownika i wyższe wskaźniki konwersji.

Agnieszka Jęchorek

#web-design

Atrybut hreflang - co warto o nim wiedzieć?

30 paź 2022

Atrybut hreflang jest znacznikiem HTML stosowanym w optymalizacji SEO stron internetowych. Służy do informowania wyszukiwarek, w jakiej wersji językowej i dla jakiego regionu jest dostępna dana strona. Dzięki temu wyszukiwarki są w stanie prawidłowo przekierować użytkownika na wersję strony odpowiadającą jego preferencjom językowym i geolokalizacji.

Tomasz Kozon

#marketing

Zobacz wszystkie artykuły powiązane z #Web design