Czym jest przepływ użytkownika? Dlaczego jest to ważne w projektowaniu UX

Każdy z nas to zna: Właśnie wprowadziłeś nową funkcję, na którą jesteś podekscytowany, ale użytkownicy wydają się zagubieni. To historia, którą wielu projektantów zna aż za dobrze. I tu wkracza przepływ użytkownika. Przepływy użytkowników są jak GPS w procesie projektowania, prowadząc Cię do tworzenia płynniejszych, bardziej intuicyjnych doświadczeń.

Czytaj dalej, aby dowiedzieć się:

• Czym jest przepływ użytkownika i dlaczego jest ważny w UX
• Jak stworzyć przepływ użytkownika w pięciu prostych krokach, plus przykłady
• Różnica między przepływami użytkowników a innymi powszechnymi diagramami

Co to jest przepływ użytkownika?

Przepływ użytkownika to wizualna mapa drogowa podróży użytkownika. Opisuje kroki, które podejmują, aby wykonać określone zadanie w Twoim produkcie lub usłudze, od pierwszej iskry „Och, potrzebuję tego” do ostatecznego „Idealnie, skończyłem!”

Pomyśl o przepływach użytkownika jako planach strategii projektowania UX. Pomagają projektantom i menedżerom produktów zrozumieć, jak użytkownicy poruszają się po systemie i zidentyfikować potencjalne przeszkody przed rozpoczęciem budowy.

Dlaczego przepływ użytkownika jest ważny w projektowaniu UX?

Przepływy użytkowników są ważne, ponieważ pomagają projektować inteligentniejsze, szybsze i bardziej przyjazne dla użytkownika doświadczenia. Oto jak:

• Płynne doświadczenie użytkownika. Przepływy użytkowników podkreślają przeszkody na wczesnym etapie, dzięki czemu możesz je naprawić przed uruchomieniem.
• Jasne wyrównanie. Przepływy użytkowników dają interesariuszom prosty wizualny punkt wspólny, oszczędzając czas i unikając zamieszania.
• Efektywny projekt. Przepływy użytkowników eliminują domysły i usprawniają proces projektowania, ujawniając najszybszą ścieżkę, aby użytkownicy mogli osiągnąć swój cel.
• Skupione priorytety. Przepływy użytkownika uwypuklają najważniejsze zadania, pomagając zespołom zdecydować, co jest najważniejsze.

Jak stworzyć przepływ użytkownika w pięciu krokach

Postępuj zgodnie z tymi pięcioma krokami, aby usprawnić proces projektowania i zapewnić nieskazitelne doświadczenie użytkownika dzięki przepływom użytkowników:

Krok 1: Zdefiniuj użytkownika i jego cel

Zanim będziesz mógł mapować przepływ, musisz wiedzieć, dla kogo go mapujesz.

• Kto to jest? Wyobraź sobie rzeczywistą osobę korzystającą z Twojego produktu: studenta college'u próbującego zarezerwować tanie loty, rodzica zapisującego się na powiadomienia ze szkoły, właściciela małej firmy zarządzającego fakturami.
• Co chcą osiągnąć? Im jaśniejszy jest Twój cel, tym wyraźniejszy będzie Twój przepływ.
• Jaki jest ich poziom zaawansowania technologicznego? Twój projekt powinien być dostępny i intuicyjny, tak aby nawet użytkownicy, którzy nie są zaznajomieni z platformą, mogli logicznie się po niej poruszać.

Krok 2: Zidentyfikuj punkt wejścia

Każda podróż zaczyna się gdzieś. Może to być wyszukiwanie w Google, które kieruje ich na stronę docelową. Może to być przycisk „Zarejestruj się” na głównej stronie. A może powiadomienie push, które przyciąga ich z powrotem do aplikacji. Wyznaczenie tego momentu pomaga zobaczyć ścieżkę oczami użytkownika.

Krok 3: Zmapuj kroki

To jest sedno twojego przepływu użytkownika: szkicowanie sekwencji. Rozważ:

• Jaka jest pierwsza rzecz, którą robią?
• Jakie decyzje muszą podjąć po drodze?

Nie musisz rejestrować każdego kliknięcia, tylko te istotne momenty, takie jak formularze, które wypełniają, przyciski, które naciskają, oraz komponenty interfejsu użytkownika, które przesuwają ich do przodu.

Krok 4: Uwzględnij punkty decyzyjne

Pamiętaj, że żaden z użytkowników nie podąża tą samą ścieżką. Niektórzy wybierają podróż w obie strony, inni jednostronną. Niektórzy łatwo przechodzą przez zakupy, inni napotykają komunikat o błędzie. Te odnogi na drodze to miejsca, gdzie pojawia się frustracja, dlatego upewnij się, że komunikaty są jasne i projektuj, mając na uwadze alternatywy.

Krok 5: Określenie punktu końcowego

Teraz zdefiniuj, jak wygląda sukces dla Twoich użytkowników. Znając punkt końcowy, pomagasz zaprojektować podróż, która kończy się pozytywnie. Punkt końcowy może być:

• Dotarcie do strony potwierdzenia po zakupie lub utworzeniu konta
• Lądowanie na ekranie sukcesu, takim jak pulpit nawigacyjny po wdrożeniu
• Powrót do poprzedniego ekranu po ukończeniu podzadania

Najlepsze praktyki przepływu użytkownika

Gdy już nauczysz się tworzyć przepływ użytkownika, następnym krokiem jest udoskonalenie swojego procesu. Wdrażaj te najlepsze praktyki, aby budować przepływy użytkowników, które są jasne, efektywne i wspierają współpracę.

• Zawsze zaczynaj od celów użytkownika. Zacznij od silnego zrozumienia, co użytkownicy chcą osiągnąć. Osadzenie przepływu w rzeczywistych celach pomaga utrzymać projekt skupiony i zamierzony.
• Zachowaj to proste. Dąż do jasności i efektywności. Przepływy zbyt wieloma krokami lub gałęziami mogą być trudne dla użytkowników i Twojego zespołu do śledzenia.
• Zachowaj spójność. Używaj tych samych symboli, kształtów i etykiet, aby każdy mógł je zrozumieć na pierwszy rzut oka.
• Skup się na jednym celu na przepływ. Każdy przepływ użytkownika powinien być odwzorowany na jedno, dobrze określone zadanie. To ułatwia testowanie i optymalizację.
• Dziel się i iteruj. Dziel się wcześnie, zbieraj opinie i dostosowuj. Przepływy działają najlepiej, gdy każdy ma swój udział w ich kształtowaniu.

Od pomysłu do finalnego produktu, klarowne i skupione przepływy użytkowników sprawiają, że każdy etap procesu projektowania jest płynniejszy.

Kiedy używać przepływu użytkownika

Przepływy użytkowników to niezwykle wszechstronne narzędzia, a wiedza o tym, kiedy je stosować, może podnieść twój proces projektowy na wyższy poziom.

Oto kilka momentów, w których przepływy użytkowników błyszczą:

• Na etapie pomysłów. Zanim wykonasz drutowce lub stworzysz prototypy, nakreśl podróż użytkownika, aby uczynić szerszy obraz jaśniejszym.
• Dodając nowe funkcje. Przepływ użytkownika pomaga przemyśleć, jak użytkownicy znajdą i skorzystają z nowej funkcji, pozwalając zidentyfikować luki.
• Przed testami użyteczności. Przepływ użytkownika może kierować twoimi scenariuszami testowymi i zapewnić, że oceniasz najważniejsze kroki w zadaniu lub podróży.
• Dla międzyfunkcyjnego zgrania. Prosty diagram może pomóc projektantom, product managerom i inżynierom zobaczyć tę samą podróż.

Myśl o przepływach użytkownika jako o narzędziach projektowych, które działają przez cały cykl życia produktu. Bez względu na to, czy dopiero zaczynasz projekt, czy dopracowujesz istniejący element, pomagają one utrzymać potrzeby użytkowników w centrum uwagi.

Przykłady przepływów użytkowników

Zapoznaj się z tymi przykładami i szablonami przepływów użytkowników, aby zacząć.

Przeprojektowanie funkcji aplikacji mobilnej

Przepływ użytkownika staje się potężną mapą drogową przy projektowaniu przeróbki aplikacji mobilnej, szczególnie dla konkretnej funkcji jak proces logowania. Poprzez wizualne mapowanie podróży logowania, projektanci UX mogą wskazać potencjalne bloki i zidentyfikować obszary do poprawy.

Na przykład, wyobraź sobie, że spieszysz się, aby przygotować się na trening i chcesz uruchomić swoją ulubioną playlistę ćwiczeń na Spotify. Zamiast muzyki spotykasz się z uciążliwym procesem logowania. Przepływ użytkownika pomaga projektantom UX zidentyfikować te punkty bólu i przeprojektować proces logowania, aby szybciej sięgnąć po swoją muzykę.

Tworzenie nowego doświadczenia wprowadzającego dla użytkownika

Przepływ użytkownika jest przewodnim światłem podczas tworzenia nowego doświadczenia onboardingu dla użytkowników online. Projektanci mogą zwizualizować całą podróż, kreśląc kroki nowego użytkownika, takie jak zakładanie konta, wybieranie zainteresowań i włączanie powiadomień push. Ten przepływ użytkownika identyfikuje potencjalne punkty zamieszania lub frustracji, gdzie użytkownicy mogą napotkać problemy.

Wyobraź sobie, że jesteś nowym użytkownikiem aplikacji do rezerwacji noclegów, podekscytowany możliwością zarezerwowania wymarzonych wakacji. Ale zamiast przeglądać przytulne domki, utknąłeś w labiryncie skomplikowanych formularzy rejestracyjnych. Frustrujące, prawda? Dokładnie temu zapobiega dobry przepływ użytkownika.

Dodawanie nowego elementu do koszyka

W e-commerce przepływ użytkownika mapuje proces zakupów online. Projektanci mogą zidentyfikować potencjalne punkty tarć, wizualizując kroki od odkrycia produktu do potwierdzenia zakupu. Czy przycisk „dodaj do koszyka” wyróżnia się wyraźnie? Czy koszyk jest łatwo dostępny do przeglądu i modyfikacji?

Podczas zakupów na Amazon, na przykład, jasny przycisk „dodaj do koszyka” i łatwy dostęp do koszyka sprawiają, że doświadczenie jest płynne i proste. Przepływy użytkowników pomagają projektantom testować różne rozwiązania projektowe, zapewniając płynny proces dla użytkowników dodających przedmioty do koszyka. To prowadzi do wzrostu konwersji i sprzedaży.

Rozróżnianie przepływów użytkowników od podobnych wykresów

Chociaż przepływy użytkowników są potężnym narzędziem projektowania UX, nie są jedynym sposobem mapowania procesów. Zrozumienie różnic między przepływami użytkowników a podobnymi diagramami pomaga upewnić się, że używasz właściwego narzędzia do zadania.

Diagramy przepływu

Diagramy przepływu to wszechstronne narzędzia do wizualizacji procesów roboczych i podejmowania decyzji. Zwykle składają się z serii połączonych kształtów reprezentujących kroki, decyzje i wyniki.

• Podobieństwa: Przepływy użytkownika i schematy blokowe obu mapują kroki i punkty decyzyjne.
• Różnice: Przepływy użytkowników biorą pod uwagę działania i cele użytkownika w interfejsie użytkownika, podczas gdy schematy blokowe mogą obejmować szersze procesy systemowe, które nie są ograniczone do interakcji użytkownika.

Przepływy zadań

Przepływ zadania jest powiększoną wersją przepływu użytkownika. Skupia się wyłącznie na konkretnych krokach, jakie użytkownik podejmuje, aby zakończyć pojedynczą akcję w systemie. Wyznacza najbardziej efektywną ścieżkę dla użytkowników do osiągnięcia określonego celu.

• Podobieństwa: Przepływy użytkowników i przepływy zadań mapują kroki do osiągnięcia celu.
• Różnice: Przepływy użytkownika mogą obejmować zakres podróży użytkownika w systemie, podczas gdy przepływy zadań koncentrują się na jednej czynności.

Makiety

Wireframy są prototypami niskiej wierności, które wizualnie przedstawiają układ i podstawową strukturę ekranów interfejsu. Skupiają się na funkcjonalności i przepływie użytkownika bez wizualnych detali czy dopracowania protokręgu wysokiej wierności.

• Podobieństwa: Przepływy użytkowników i wireframe'y mogą pokazywać sekwencję ekranów, z którymi użytkownik wchodzi w interakcję.
• Różnice: Przepływy użytkownika koncentrują się na działaniach i decyzjach, podczas gdy makiety wizualnie reprezentują same elementy interfejsu.

Mapy podróży klienta

Mapa podróży klienta wizualizuje całe doświadczenie użytkownika we wszystkich punktach styku z produktem lub usługą. Uwzględnia działania, emocje i postrzegania w całej podróży klienta.

• Podobieństwa: Zarówno przepływy użytkownika, jak i mapy podróży użytkownika uwzględniają perspektywę użytkownika.
• Różnice: Przepływy użytkowników mapują działania w określonym interfejsie, podczas gdy mapy podróży klienta obejmują całe doświadczenie użytkownika w różnych punktach kontaktu.

Mapy stron

Mapa stron jest jak plan architektoniczny dla strony internetowej lub aplikacji, przedstawiający organizację i hierarchię stron. Ilustruje wizualnie, jak treści się łączą, ułatwiając użytkownikom znalezienie tego, czego szukają.

• Podobieństwa: Przepływy użytkowników i mapy witryn oferują wizualną reprezentację struktury systemu.
• Różnice: Przepływy użytkowników koncentrują się na przebiegu użytkownika i działaniach potrzebnych do wykonania zadań, podczas gdy mapy serwisów koncentrują się na organizacji treści i strukturze nawigacji.

Przepływy interfejsu użytkownika (UI)

Przepływ interfejsu użytkownika zagłębia się bardziej niż przepływ użytkownika, skupiając się na specyficznych interakcjach użytkownika z elementami na każdym ekranie. Mapuje, jak użytkownicy klikają, stukają i nawigują po interfejsie, aby ukończyć zadania.

• Podobieństwa: Przepływy użytkownika i przepływy interfejsu użytkownika obu mapują sekwencję działań użytkownika.
• Różnice: Przepływy użytkowników zazwyczaj koncentrują się na ogólnych krokach na wielu ekranach, podczas gdy przepływy UI szczegółowo omawiają konkretne interakcje i funkcjonalności w obrębie każdego ekranu.

Stwórz płynne przepływy użytkowników z FigJam

Przepływ użytkownika pomaga zrozumieć, jak użytkownicy wchodzą w interakcję z systemem, aby znaleźć sposoby na poprawę doświadczenia użytkownika. Usprawnij proces projektowania UX i wyeliminuj przeszkody użytkowników, korzystając z intuicyjnych przepływów użytkowników. FigJam to ułatwia.

Oto jak:

• Stwórz bezproblemowy projekt UX dzięki szablonowi przepływu użytkownika FigJam’s .
• Wspólna tablica online FigJam wspiera bezproblemową pracę zespołową dla informacji zwrotnych w czasie rzeczywistym i generowania pomysłów.
• Dla inspiracji projektowej, sprawdź diagramy przepływów użytkowników z społeczności Figma.