Overlap StudioWiedza UXJak wygląda proces i etapy projektowania UX interfejsów produktów cyfrowych?

Jak wygląda proces i etapy projektowania UX interfejsów produktów cyfrowych?

10
minut
Share

Z tego artykułu dowiesz się:


Większość z nas każdego dnia ma do czynienia z różnymi produktami cyfrowymi, których projektowanie odbywa się przy udziale UX Designerów- są to m.in strony internetowe, aplikacje, gry czy e-booki. Pod warstwą wizualną (interfejsem) kryje się ogromna, niewidoczna na pierwszy rzut oka warstwa wykonanej pracy analityczno-koncepcyjnej oraz szereg niezbędnych procesów, bez których produkt cyfrowy nie mógłby w 100% poprawnie spełniać swoich funkcji. 

Jakie kroki należy podjąć, aby zbudować użyteczny produkt cyfrowy?

Projektowanie UX interfejsów produktów cyfrowych - etapy

KROK 1: Analiza konkurencji, potrzeb, założeń i celów 

Ten etap jest jakby fundamentem dla całego procesu projektowego. Musimy przede wszystkim zebrać wszelkie kluczowe informacje, które będą podstawą do dalszych działań. Jakie elementy powinniśmy uwzględnić podczas takiej analizy?

Konkurencja: Kim są nasi konkurenci?Jakie są ich mocne i słabe strony? W jaki sposób chcemy z nimi konkurować?

Cel biznesowy: Co chcemy osiągnąć? W jaki sposób będziemy mierzyć wyniki w danym obszarze? 

Ograniczenia i zasoby: Jakie zasoby mamy do dyspozycji? Jakie są nasze ograniczenia? Jakie czynniki musimy wziąć pod uwagę?


KROK 2: Poznanie potrzeb użytkowników i zbudowanie person

Opracowanie person jest bardzo ważne, gdyż pozwala lepiej zrozumieć potrzeby i oczekiwania przyszłych użytkowników Twojego produktu. Persony budowane są w oparciu o informacje zdobyte podczas badań UX oraz analizie informacji o obecnych użytkownikach i rynku. Narzędzie to pomoże  w późniejszej koncentracji pracy zespołu na tworzeniu użytecznego produktu i zrozumieniu motywów użytkownika, a także sposobów jego interakcji z produktem. 


KROK 3: Stworzenie koncepcji produktu 

Opracowanie koncepcji produktu jest jednym z ważniejszych etapów jego tworzenia. Jeśli podejmiemy teraz złe decyzje, ich konsekwencje odczujemy na każdym kolejnym etapie w procesie projektowania, a wówczas trudniej będzie nam je naprawić. Oczywiście, wszystko zawsze można zmienić, jednak odczuje to zarówno nasza kieszeń, jak i spójność produktu. 

W ramach tworzenia koncepcji produktu, ustalane są m.in.:

  • model biznesowy - dobrze sprawdzą się tutaj takie narzędzia jak Business Model Canvas, składający się z 9 podstawowych obszarów, które dotyczą dziedzin takich jak: produkt, klient, infrastruktura i finanse. 
  • funkcjonalności, jakie będzie obejmować produkt oraz ustalanie ich priorytetów
  • określenie sposobu, w jaki chcemy pozycjonować się na rynku

Więcej na temat fazy analityczno-koncepcyjnej dowiesz się z artykułu "Chcesz stworzyć dobry produkt? Zadaj sobie te pytania"


KROK 4: Ścieżki użytkownika

Prawidłowo opracowana ścieżka wędrówki użytkownika jest podstawą do zaprojektowania użytecznego serwisu oraz doświadczeń użytkowników korzystających z niego. Aby doprowadzić do realizacji założonych przez właściciela celów, np. przeprowadzenia transakcji sprzedaży, powinniśmy pamiętać, aby odszukanie kluczowych elementów nie stanowiło żadnego problemu dla potencjalnego klienta. W sytuacji, kiedy klient nie musi się domyślać co należy dalej zrobić,prawdopodobieństwo konwersji rośnie.

W zaprojektowaniu użytecznych ścieżek wykorzystywane są takie narzędzia, jak scenariusze użytkownika (user scenarios) czy przypadki użycia (use cases).


KROK 5: Architektura informacji

Projektując architekturę informacji (strukturę produktu) musimy przede wszystkim pamiętać, że klient nie skorzysta z funkcji, których nie będzie w stanie odnaleźć. To właśnie odpowiednio zaprojektowana architektura informacji jest jednym z głównych wyznaczników sukcesu portali internetowych.

Architektura informacji przedstawiona jest zazwyczaj w postaci diagramu, prezentującego podstrony serwisu i zależności między nimi.


KROK 6: Makietowanie 

To czas na to, aby UX Designerzy przenieśli wszystkie dotychczasowe ustalenia w przestrzeń cyfrową. Dlatego też projektują makiety, które są wizualną reprezentacją poszczególnych elementów na ekranie produktu. Jest kilka podstawowych kwestii, które należy wziąć pod uwagę tworząc makietę:

  • Ilość elementów i treści, które będą umieszczone na poszczególnych ekranach produktu
  • Umiejscowienie odstępów pomiędzy danymi elementami – pamiętać należy, że nie zawsze pusta przestrzeń oznacza brak pomysłu na jej zagospodarowanie. Wręcz przeciwnie- często sprzyja podejmowaniu oczekiwanych przez właściciela produktu decyzji, a mnogość elementów nie odciąga tym samym uwagi od tych najbardziej istotnych, decydujących o konwersji

Więcej o typach makiet oraz procesie ich tworzenia dowiesz się z artykułu “Czym są tak naprawdę makiety UX i jak je tworzyć

KROK 7: Badania z użytkownikami

Przed przystąpieniem do badań powinniśmy przygotować klikalny prototyp uprzednio wykonanych makiet. Podczas tego procesu zostają dopracowane poszczególne interakcje w obrębie produktu-tak opracowany prototyp można poddać badaniom ux.

Dzięki badaniom z użytkownikami, którzy są reprezentantami grupy docelowej danego produktu można zweryfikować działanie wielu kluczowych elementów produktu. Ten etap pozwoli wykryć błędy, poznać kontekst i sposób, w jaki użytkownicy korzystają z produktu. Dzięki uzyskanym informacjom możliwe jest m.in. usprawnienie procesu zakupowego czy zaproponowanie dodatkowych funkcjonalności przed procesem projektowania graficznego.

KROK 8: Projektowanie graficzne

W tym momencie do procesu wkracza UI Designer, którego kluczowym zadaniem jest zastosowanie najbardziej sprzyjającej użytkownikowi typografii i kolorystyki. Istotnym dla projektanta jest to, aby posiadał wiedzę i intuicję, pozwalającą na zbudowanie prawidłowej hierarchii informacji-ukrycia tego, co jest mniej istotne i wyeksponowania najważniejszych elementów na stronie. 

Praca UI Designera ma szczególną wartość w każdym produkcie cyfrowym. To właśnie dzięki niemu każdy produkt zyskuje autentyczność poprzez identyfikację marki z wyglądem, a także przyczynia się do budowania „więzi” z użytkownikiem.

KROK 9: Wdrożenie i uruchomienie

Po ostatecznej akceptacji przygotowanych wcześniej projektów, następuje etap produkcji. Dotychczasowy efekt prac ląduje w rękach deweloperów, którzy zajmują się wdrażaniem projektu. Uruchomiony produkt jest jednak stale ewaluowany i testowany w wyniku opinii i uwag użytkowników. 

Po zbudowaniu produktu, informacje zwrotne od klientów i dane z poszczególnych wskaźników należy wykorzystać do weryfikacji wstępnych hipotez, potwierdzenia wiedzy o opracowanych Personach i rynku. Informacje, które Właściciel produktu otrzyma z tej weryfikacji posłużą do ulepszenia jego aktualnej wersji, koncentrując się przy tym na elementach, które mają największe znaczenie dla klienta. Cykliczne postępowanie według metodologii Build-Measure-Learn pozwala na minimalizację całkowitego czasu, niezbędnego do osiągnięcia pożądanych wyników sprzedaży, a co za tym idzie-obniżenie kosztów całkowitych wytworzenia produktu.

Źródło grafik: Pixabay

Zwiększamy skuteczność stron i aplikacji

  • wykrywamy błędy na stronach
    i w aplikacjach
  • usprawniamy procesy zakupowe
  • projektujemy intuicyjne rozwiązania
  • pomagamy poprawić wyniki
Dowiedz się więcej:
Audyt UXAudyt UX dla e-commerceProjektowanie UX + UIKonsultacje UXBadania UX
Dowiedz się jak możemy Ci pomóc
Skontaktuj się z nami

Marta Śledź

Project Manager
Projektowanie UX + UI

Przełożymy Twój pomysł na atrakcyjny i konwertujący produkt

Projektujemy strony www, sklepy e-commerce, aplikacje mobilne, aplikacje web/SaaS, intranet
Zobacz szczegóły

Dowiedz się, jak możemy Ci pomóc

Zostaw swoje dane lub napisz na office@overlap.studio, a nasz konsultant skontaktuje się z Tobą.

Dziękujemy! Otrzymaliśmy Twoją wiadomość i niebawem się odezwiemy!
Oops! Something went wrong while submitting the form.

Psst: Nikomu nie udostępnimy Twoich danych. Zresztą sprawdź naszą politykę prywatności.