User flow – poznaj ścieżkę klienta od A do Z
Wyobraź sobie, że wracasz po pracy zmęczony jak koń po westernie i głodny jak weganin po imprezie u myśliwego. Otwierasz lodówkę, a tam tylko światło i ketchup. Niewiele myśląc, chwytasz za telefon, odpalasz aplikację do zamawiania jedzenia na wynos i… no właśnie, nagle okazuje się, że najpierw musisz zamknąć wyskakujący pop-up z horoskopem na najbliższe lato, potem przeklikać psychotest “Jakim jesteś kolorem kredki?” i tuż przed rozwinięciem menu obejrzeć 10-minutowy filmik, na którym słodkie kocię czyha na myszkę od komputera. Powiem Ci, w osiągnięciu stanu zen to raczej Ci nie pomoże.
By ułatwić głodnemu drogę od odblokowania telefonu do parującego posiłku na stole, należy dobrze opracować tzw. user flow – inaczej mówiąc, ścieżkę użytkownika. User flow to kluczowy element procesu projektowania stron internetowych i tworzenia aplikacji mobilnych. Dzięki niemu web designerzy mogą zoptymalizować interakcje z aplikacją czy produktem cyfrowym oraz zapewnić łatwe i intuicyjne korzystanie ze sklepów internetowych, stron WWW i gier. Przede wszystkim jednak przyjazne user flow to wyższa konwersja.
Czyli od czego zacząć proces tworzenia user flow design?
User flow to taka mapa podróży, jaką przechodzi użytkownik – wskazuje drogę do celu, wytycza ścieżki i pozwala przewidzieć, jakie niebezpieczeństwa czają się na trasie. Oczywiście zaczyna się od warsztatów discovery. Podczas nich zespół projektowy kmi nad pytaniami o znaczeniu niemal egzystencjalnym dla użytkownika, czyli: Jaki chce osiągnąć cel? Gdzie rozpoczyna swoje działania i jak to wpływa na cały proces? Jakie czynniki determinują jego decyzje o dalszym korzystaniu z aplikacji? Czego potrzebuje do zakończenia zadania? Jakie są typowe przeszkody, które mogą budzić frustrację, nieporozumienia i rzucanie telefonem o ścianę?
Warsztaty projektowe są istotną częścią całego procesu, bo służą poznaniu potrzeb oraz zachowań użytkowników. To z kolei umożliwia zaprojektowanie takiego UI flow, który będzie skutecznie wspierać użytkowników w osiąganiu ich celów. A co może się przydać podczas tego projektowania? Kartki papieru, a także coś, czego uczą już w podstawówce – schemat blokowy, czyli świetne narzędzie służące do przedstawienia kolejnych czynności w tworzonym algorytmie. Diagramy przepływu użytkownika składają się z różnych figur geometrycznych, najczęściej prostokątów, kwadratów i rombów. Za pomocą symboli graficznych (strzałek) określa się procesy, decyzje oraz kierunki przepływów. Czyli rozpisanie najważniejszych etapów projektowania przepływu użytkownika na stronie internetowej lub w aplikacji.
Pięć etapów projektowania user flow
Prawilnie zaprojektowany i wdrożony user flow nie tylko optymalizuje ścieżki klienta, ale jest również wsparciem w osiąganiu celów biznesowych i zwiększaniu przychodów. Z tego względu proces projektowy zbudowany jest aż z pięciu etapów.
1. Analiza potrzeb użytkowników
Bez tego ani rusz. Głodnemu chleb na myśli, a nie wyszukiwanie horoskopów. Należy dokładnie zrozumieć, jakie są cele użytkowników i jakie problemy chcą rozwiązać. Najsamprzód więc bada się rynek, analizuje konkurencję i pochyla nad danymi dotyczącymi zachowań grupy docelowej. Warto rozmawiać zatem – wszelkie ankiety, wywiady i warsztaty strategiczne są cennym źródłem informacji.
2. Tworzenie mapy strony
Jeśli nie znasz terenu, bez mapy nie dojedziesz. I nie dowieziesz wartości swoim odbiorcom. Dlatego gdy już wiadomo, czego chcą użytkownicy, można zaplanować architekturę informacji, by wizualizować wszystkie dostępne sekcje, podstrony i funkcje wraz z ich hierarchią. Dzięki temu ustalimy, jak userzy będą nawigować po stronie czy aplikacji i gdzie znajdują się kluczowe elementy, np. CTA.
3. Projektowanie user flow
UX design wykorzystuje programy graficzne takie jak FigJam, Miro czy Whimsical. Umożliwiają one planowanie ścieżek klienta poprzez wizualizację procesu interakcji użytkownika z systemem, czyli tzw. journey map, która uwzględnia również zewnętrzne doświadczenia wywoływane przez aplikację – np. emocje. Możliwych trajektorii nie może być zbyt wiele. Ważne, aby user flow był jak najprostszy i intuicyjny. Jeśli więc użytkownik jest głodny, ma w try miga zamówić papu, a nie przeklikiwać psychotesty.
4. Testowanie i optymalizacja
Nie ma co uciekać w półśrodki. Prototypy najlepiej testować z udziałem prawdziwych użytkowników i sprawdzać, czy spełniają ich wymagania. Na tym etapie można wykorzystać narzędzia takie jak testy A/B czy testy użyteczności, aby zebrać feedback od userów oraz dostosować interfejs do ich potrzeb. Uwaga, każde kliknięcie się liczy. Może się okazać, że mało kto z zamawiających jedzenie na wynos będzie zadowolony z oglądania kotków.
5. Wdrożenie i utrzymanie
Po zakończeniu testów i iteracji, projektanci wdrażają ostateczny projekt user flow. Można otwierać szampana, jednak nie należy świętować za mocno – prototypowanie interfejsu użytkownika nie kończy się jeszcze ostatecznie i definitywnie. Na dalszym etapie projektanci muszą stale monitorować zachowania użytkowników i dostosowywać produkt do zmieniających się oczekiwań.
Możesz mieć odjechany layout, możesz być właścicielem najwspanialszej strony WWW, ale jeśli user experience w Twojej aplikacji leży, to na łopatki rozłoży się również Twój biznes i rozwój Twojej firmy. Dlatego tak ważne jest, by podczas projektowania UX tworzyć makiety i dokładnie przemyśleć każdy krok ścieżki użytkownika.
Wracając do aplikacji służącej do zamawiania jedzenia, chcesz jeść, więc chwytasz za telefon, odpalasz ją i od razu w wyszukiwarce wpisujesz na co masz ochotę. Klikasz przycisk “Szukaj”, który w sekundę przekieruje Cię na stronę z pysznościami – teraz wystarczy, że wybierzesz interesującą Cię opcję i zapłacisz. Rachu-ciachu, i jeszcze zanim umyjesz rączki, gorący obiad dzwoni do drzwi. I to się nazywa user experience pełną gębą.
Jeśli chcesz, by Twoja strona internetowa lub aplikacja także zapewniała tak świetne doświadczenia użytkownika, skontaktuj się z nami. Zadbamy o to, by user flow Twoich projektów był optymalny i intuicyjny.
