Projekt UX i UI: układ, ścieżki użytkownika i wygląd serwisu sprawdzone przed kodem

Zmiana układu strony na makiecie zajmuje godzinę. Ta sama zmiana w gotowym serwisie zajmuje dni i kosztuje wielokrotnie więcej. Projekt UX i UI to etap, na którym sprawdzamy, czy serwis prowadzi klienta tam, gdzie trzeba, i jak wygląda, zanim ktokolwiek napisze linijkę kodu.

Czym różni się UX od UI?

UX odpowiada na pytanie, czy klient znajdzie to, czego szuka. UI na pytanie, czy mu się to spodoba i czy zaufa.

Projekt UX to struktura serwisu, układ stron, ścieżki, którymi przechodzi użytkownik, i to, co widzi na każdym kroku. Powstaje jako makiety, na których sprawdzamy logikę bez rozpraszania się wyglądem. Projekt UI to warstwa wizualna: typografia, kolory, elementy, animacje, spójność z marką. Powstaje na zaakceptowanych makietach. Rozdzielenie tych etapów pozwala podejmować decyzje po kolei i nie wracać do nich w trakcie wdrożenia.

Jak projektujemy?

1. Badamy, kto i po co. Rozmawiamy z Tobą i, jeśli to możliwe, z klientami. Sprawdzamy, jak dziś korzystają z serwisu i gdzie się gubią.
2. Projektujemy strukturę i makiety. Mapa serwisu i makiety kluczowych stron, które pokazują układ i ścieżki. Tu robimy najwięcej zmian, bo są najtańsze.
3. Testujemy. Makiety sprawdzamy z użytkownikami albo zespołem. Poprawiamy to, co nie działa, zanim pójdzie dalej.
4. Projektujemy wygląd. Na zaakceptowanych makietach powstaje projekt graficzny w identyfikacji marki, gotowy do wdrożenia.

Co dostajesz?

• mapę serwisu i ścieżki użytkownika,
• makiety kluczowych stron sprawdzone z użytkownikami,
• projekt graficzny wszystkich widoków, także na telefon,
• bibliotekę elementów do spójnego rozwoju serwisu.

Kiedy projekt UX i UI jest szczególnie ważny?

• przed budową albo przebudową serwisu, sklepu lub aplikacji,
• gdy obecny serwis ma ruch, ale nie przynosi zapytań albo zamówień,
• gdy serwis rozwija się od lat i stracił spójność,
• gdy produkt cyfrowy ma trafić do nowej grupy użytkowników.

Najczęstsze pytania