Wróć do listy

Jak przebiega proces projektowania UX?

Dorota Matysiak

Dobry projekt aplikacji, sklepu internetowego czy strony internetowej to nie tylko warstwa wizualna (interfejs). Zanim dojdziemy do etapu projektowania wizualnego, czeka nas ogromna, niewidoczna na pierwszy rzut oka praca analityczno - koncepcyjna oraz szereg procesów, bez których niemożliwe będzie stworzenie użytecznego produktu.

Przyjrzyjmy się zatem jak przebiega proces projektowania User Experience.

Etap 1.  Analizujemy konkurencję, potrzeby, założenia i cele projektu

Jest to pierwszy, a zarazem fundamentalny etap dla całego procesu projektowania UX. Na tym etapie powinniśmy zebrać szereg kluczowych informacji odnośnie naszej konkurencji lub produktu konkurencyjnego. Odpowiedzieć sobie na pytania: Kim jest nasza konkurencja? Jakie są jej mocne i słabe strony? W jaki sposób chcemy z nią konkurować? Następnie ustalić cele biznesowe projektu. Zastanowić się: Co chcemy osiągnąć? Jakich rezultatów oczekujemy? Co musimy zrobić, aby zamierzony cel został osiągnięty? Bardzo ważne jest również określenie zasobów jakimi dysponujemy oraz ograniczeń i zagrożeń.

Etap 2.  Poznajemy użytkowników i budujemy persony

Potrzeby i oczekiwania użytkowników są kluczowe dla powodzenia projektu. Persona to narzędzie -  wizualna prezentacja i opis docelowego użytkownika. Dzięki personie jesteśmy w stanie lepiej zrozumieć potrzeby i oczekiwania, niejako utożsamić się z użytkownikiem. Zespołowi projektowemu i deweloperom narzędzie to pozwala zrozumieć motywy użytkownika, wyobrazić sobie jego interakcję z produktem, a przede wszystkim skoncentrować się na tworzeniu użytecznego produktu.

Etap 3. Tworzymy koncepcję produktu

W ramach tworzenia koncepcji produktu, ustalamy m.in. model biznesowy (zależności pomiędzy produktem, klientem, infrastrukturą i finansami), funkcjonalności produktu i powiązania między nimi oraz sposoby pozycjonowania produktu na rynku. To jeden z ważniejszych etapów projektowania UX. Konsekwencje źle podjętych decyzji na tym etapie, odczujemy na każdym kolejnym etapie projektowania. 

Etap 4. Opracowujemy ścieżki użytkownika

Czas na opracowanie ścieżek wędrówki użytkownika po produkcie. To fundament użytecznego produktu, przyjaznego dla użytkownika i spełniającego założone cele. Tutaj należy pamiętać, aby odszukanie kluczowych elementów na stronie, tj. koszyk czy możliwość logowania, sprawiło użytkownikowi jak najmniej problemów i zajęło jak najmniej czasu. Im mniej kroków w dotarciu do celu, tym większe prawdopodobieństwo wzrostu zamierzonej konwersji. Na tym etapie budujemy scenariusze użytkownika (user scenarios) oraz przypadki użycia (use cases) produktu.

Etap 5. Budujemy architekturę informacji

Architektura informacji to nic innego jak struktura produktu, swego rodzaju diagram, prezentujący podstrony serwisu i zależności między nimi. Budowanie architektury informacji to planowanie treści, która ma zapełnić poszczególne ekrany produktu.

Etap 6. Projektujemy makiety UX

Przyszedł czas na przeniesienie wszystkich wcześniejszych ustaleń w przestrzeń cyfrową i stworzenie wizualnej prezentacji poszczególnych elementów produktu, czyli makietowanie. To czas na rozmieszczenie elementów na poszczególnych ekranach, ustalenie odległości pomiędzy elementami, hierarchii między nimi oraz pustych przestrzeni. Na tym etapie jeszcze nie projektujemy wizualnie, nie skupiamy się na kolorach i typografii. Na to przyjdzie jeszcze czas.

Etap 7. Przeprowadzamy badania z użytkownikami

Czas na przetestowanie naszych pomysłów podczas badań z użytkownikami. W tym celu wykorzystujemy prototypy systemu, stworzone z uprzednio przygotowanych makiet. Dzięki badaniom można zweryfikować działanie wielu kluczowych elementów produktu, wykryć błędy, poznać sposób korzystania użytkownika z produktu. Dzięki uzyskanym informacjom można usprawnić prototyp i wprowadzić dodatkowe funkcjonalności jeszcze przed etapem projektowania graficznego.

Etap 8. Tworzymy projekty graficzne

Ten etap należy do UI Designera, którego kluczowym zadaniem jest zastosowanie najbardziej sprzyjającej użytkownikowi kolorystyki i typografii. UI Designer  w oparciu o niezbędną wiedzę i intuicję, buduje prawidłową hierarchię informacji - uwydatnia elementy najbardziej potrzebne, ukrywa elementy mniej istotne. Dzięki pracy UI Designera produkt staje się bardziej przyjazny dla użytkownika, zyskuje autentyczność i niepowtarzalność wizualną.

Etap 9. Wdrażamy i uruchamiamy produkt

Jeśli projekty graficzne zostały zaakceptowane, możemy przejść do ostatniego etapu  -  produkcji produktu. Dotychczasowe efekty prac przechodzą w ręce deweloperów, którzy zajmują się wdrażaniem produktu, a następnie jego uruchomieniem i testowaniem. Tak naprawdę to jeszcze nie koniec całego procesu. Uruchomiony produkt powinien stale ewoluować pod wpływem opinii i uwag użytkowników. Informacje zwrotne powinny służyć ciągłemu ulepszaniu produktu.

Jeśli nosisz się z zamiarem zbudowania zaawansowanej aplikacji webowej, aplikacji mobilnej, aplikacji PWA lub innego dedykowanego oprogramowania, potrzebujesz intuicyjnego sklepu internetowego czy strony internetowej prezentującej Twoją firmę, zaufaj naszym specjalistom. Przeprowadzimy Cię przez  cały proces projektowania produktu, od analizy i weryfikacji pomysłu po wdrożenie, uruchomienie i testowanie produktu.

W przypadku dużych i kosztownych projektów, jakimi niewątpliwie są aplikacje webowe i mobilne, ale również sklepy internetowe, warto skorzystać z dedykowanych, trwających nawet kilka dni warsztatów produktowych. Warsztaty pomogą Ci  lepiej zrozumieć działanie produktu, a nam działanie Twojego biznesu. Podczas spotkania m.in. analizujemy działanie produktu, omawiamy poszczególne funkcjonalności i oceniamy złożoność systemu, przedstawiamy możliwości techniczne itd. Warsztaty produktowe są punktem wyjścia do rozpoczęcia wartościowego procesu projektowania doświadczeń użytkownika. 

13 listopada 2022
Dorota Matysiak
UX/UI Designer