Szablon przepływu użytkownika

Informacje o szablonie przepływu użytkownika

Diagram przepływu użytkownika (znany również jako diagram interakcji lub przepływ zadań) to proces wizualnego mapowania krok po kroku, określający, co robi użytkownik, aby zakończyć zadanie lub osiągnąć cel poprzez produkt lub doświadczenie. 

Tworzenie diagramów przepływu użytkownika może pomóc w interpretacji jakości lub doświadczenia ścieżki, którą wybiera użytkownik. Przepływ może również ujawnić, ile kroków wybrali, aby ukończyć zadanie, oraz jakie ścieżki decydują się podjąć podczas interakcji z Twoim produktem lub usługą w celu rozwiązania problemu. 

Podczas gdy diagramy przepływów użytkownika koncentrują się na tym, jak użytkownik porusza się po danym produkcie, Szablon przepływu ekranu przedstawia układ strony w stylu wireframe w formie schematu blokowego. 

Co to jest diagram przepływu użytkownika?

Diagramy przepływu użytkownika pomagają zespołom UX i produktowym mapować logiczną ścieżkę, którą użytkownik powinien podążać podczas interakcji z systemem. Jako narzędzie wizualne, diagram przepływu użytkownika pokazuje relację między funkcjonalnością strony internetowej lub aplikacji, potencjalnymi działaniami, jakie może podjąć użytkownik, oraz wynikiem tego, co zdecyduje się zrobić. 

Główne elementy przepływu użytkownika to:

• Początek lub punkt końcowy: wskazuje jasno, gdzie przepływ się zaczyna lub kończy

• Proces lub działanie: pokazuje, jakie kroki podejmuje użytkownik, takie jak „logowanie” czy „zakup”

• Punkty decyzyjne: pokazuje, kiedy użytkownik musi dokonać wyboru

• Strzałki: pokazują, dokąd zmierza użytkownik na podstawie podjętych decyzji

Wypróbuj przepływ użytkownika, jeśli Twój zespół próbuje ocenić lub poprawić, jak istniejące doświadczenie użytkownika może prowadzić do lepszych współczynników konwersji klientów. 

Proces ten może pomóc trzymać użytkownika w centrum uwagi i precyzyjnie określić cel biznesowy, taki jak zakup, rejestracja do newslettera lub wybór wersji próbnej.

Kiedy używać szablonu przepływu użytkownika

Diagramy przepływu użytkownika mogą Ci pomóc:  

• Twórz intuicyjne interfejsy: czy Twój przepływ jest łatwy do przemieszczenia się, wydajny w użyciu i intuicyjny dla użytkownika?

• Zdecyduj, czy Twój obecny interfejs jest odpowiedni do celu: co działa, co nie działa, a co wymaga poprawy? Czy przepływ jest płynny i zrozumiały?

• Zaprezentuj przepływ produktu wewnętrznym zespołom lub klientom: czy Twój zespół projektowy może zobaczyć, co mówi lub robi klient podczas procesu zakupu, rejestracji lub logowania? Czy klienci mogą uzyskać przegląd krok po kroku, aby dostosować się do Twojej wizji?

Tworząc lub odtwarzając przepływ użytkownika, zapytaj siebie i swój zespół:

• Co użytkownik próbuje zrobić?

• Co jest ważne dla użytkownika i co doda mu pewności, by kontynuować?

• Jakie dodatkowe informacje będą potrzebne użytkownikowi, aby osiągnąć sukces?

• Jakie są wątpliwości lub bariery użytkownika utrudniające wykonanie zadania?

Mapa przepływu użytkownika może pomóc projektantom (oraz ich zespołom lub klientom) zachować skupienie na użytkowniku, nawet podczas mapowania złożonych procesów. 

Jako projektant możesz korzystać z diagramów przepływu użytkownika, aby decydować, jak zaprojektujesz strony, ekrany lub powierzchnie na swojej stronie internetowej lub w aplikacji oraz jak przeorganizujesz zawartość i zadania nawigacyjne, które należy uwzględnić.

Utwórz własny diagram przepływu użytkownika

Mapowanie własnego przepływu użytkownika jest łatwe. Wizualna przestrzeń robocza Miro to idealna plansza do tworzenia i udostępniania diagramu. Zacznij od wybrania szablonu przepływu użytkownika, a następnie wykonaj poniższe kroki, aby stworzyć własny:

Zdecyduj o swoich celach biznesowych i celach użytkowników. 

Określ, gdzie chcesz, aby Twoi użytkownicy się znaleźli. Jeśli jeszcze jej nie masz (lub musisz ją zaktualizować), użyj mapy podróży klienta, aby stworzyć wspólną wizję doświadczeń klienta. Każdy członek zespołu może czerpać korzyści ze wspólnego zrozumienia uczuć klientów na każdym potencjalnym punkcie styku z Twoim produktem lub usługą. Budowanie empatii użytkownika wpłynie na każdy krok w procesie przepływu użytkownika. 

Odkryj, jak odwiedzający znajdują Twoją stronę internetową. 

Czy znajdują Twój produkt lub usługę poprzez ruch bezpośredni, organiczne wyszukiwanie, płatne reklamy, media społecznościowe, linki polecające czy e-maile? Te punkty będą początkiem diagramu przepływu użytkownika, w zależności od tego, co odkryjesz. 

Dowiedz się, jakich informacji potrzebują Twoi użytkownicy i kiedy ich potrzebują. 

Użytkownicy dokonują konwersji, gdy otrzymują właściwe informacje w odpowiednim czasie, więc zastanów się, czego oczekuje Twój klient od cyfrowego punktu styku i jakie mogą być jego odczucia. Zaangażowanie – na przykład interakcja z chatbotem – to nadal potencjalny wskaźnik sukcesu – nie chodzi tylko o finalne zakupy.

Stwórz mapę przepływu użytkownika. 

Możesz edytować istniejące kształty i strzałki w naszym szablonie przepływu użytkownika, aby dostosować je do wyników badań użytkownika, które odkryłeś w poprzednich krokach. Gdy Twój klient odkryje pierwszy punkt styku, co robi dalej? Ile kroków jest potrzebnych do ukończenia zadania? Użyj podstawowego przepływu użytkownika na szablonie, aby rozpocząć rysowanie własnego. Dostosuj punkty styku, punkty opuszczenia oraz kierunki strzałek linii połączeń, aby lepiej dopasować diagram przepływu użytkownika.

Uzyskaj opinię od swojego zespołu.

Zaproś swój zespół, klientów lub interesariuszy do obejrzenia tablicy Miro. Możesz wybrać, czy chcesz pozostawić feedback asynchronicznie, używając karteczek lub @mentions do przeglądu przez rówieśników. Możesz również dołączyć do rozmowy wideo na swojej tablicy Miro i przypisać komuś z zespołu rolę osoby zapisującej notatki. Gdy uzyskasz wystarczająco dużo wkładu od zespołu, wprowadź odpowiednie poprawki.

Udostępniaj innym stakeholderom lub klientom i iteruj w miarę potrzeb.

Twój przepływ użytkownika będzie się zmieniał z upływem czasu, w miarę jak zmieniają się postawy i motywacje klientów. Dostosuj się odpowiednio, pozostań zorientowany na użytkownika.