UX / UI Design

Porozmawiajmy o projekcie Zobacz realizacje

Kiedy warto zacząć od UX/UI

UX/UI ma znaczenie zarówno przy nowym projekcie, jak i wtedy, gdy istniejący serwis lub system przestał być wygodny w użyciu. Czasem problemem jest interfejs, czasem struktura, a czasem sam sposób, w jaki użytkownik przechodzi przez proces.

Najczęściej trafiają do nas projekty, w których:

Użytkownicy gubią się w produkcieFunkcje istnieją, ale trudno je znaleźć, zrozumieć albo wykorzystać bez dodatkowych instrukcji.
Proces jest niepotrzebnie skomplikowanyZa dużo kroków, niejasne decyzje albo brak informacji powodują, że użytkownik nie wie, co zrobić dalej.
Produkt rośnie i trzeba go uporządkowaćKolejne funkcje dokładane przez lata zaczynają tworzyć niespójny interfejs i coraz trudniejszą strukturę.
Nowy produkt trzeba dobrze zaplanowaćZanim rozpocznie się development, warto sprawdzić strukturę, najważniejsze ścieżki i sposób działania kluczowych funkcji.
Dostępność musi być uwzględniona już w projekcieKontrast, hierarchia, focus, formularze i sposób działania komponentów łatwiej zaplanować na etapie UX/UI niż poprawiać po wdrożeniu.

Jeśli projekt wymaga szerszego audytu lub dostosowania istniejącego rozwiązania, zobacz również usługę dostępności cyfrowej WCAG.

Dobrze przemyślany projekt pozwala sprawdzić kluczowe decyzje zanim staną się kosztownym kodem.

Od analizy po projekt gotowy do wdrożenia

Możemy zacząć od istniejącego produktu albo od pustej kartki. Porządkujemy potrzeby użytkowników, projektujemy strukturę i interfejs, a finalne materiały przygotowujemy z myślą o późniejszym developmentcie.

Audyt UX istniejących serwisów, aplikacji i systemów
Analiza potrzeb, użytkowników i scenariuszy użycia
Architektura informacji i kluczowe ścieżki użytkownika
Makiety, prototypy i weryfikacja koncepcji
Projekt interfejsu dla wersji desktopowej, mobilnej i innych wymaganych widoków
Design system, komponenty i zasady ich wykorzystania
Wsparcie zespołu developerskiego podczas wdrożenia

Projekt kończy się dopiero wtedy, gdy da się go dobrze wdrożyć. Dlatego już na etapie designu uwzględniamy ograniczenia technologiczne, responsywność i sposób działania komponentów.

Co dostajesz

Zakres materiałów zależy od projektu, ale wszystko przygotowujemy tak, żeby po zakończeniu prac było wiadomo nie tylko, jak produkt ma wyglądać, ale również jak powinien działać.

Projekt w FigmieEdytowalne widoki i komponenty uporządkowane tak, żeby można było dalej rozwijać projekt i przekazać go do developmentu.
Makiety i prototypW zależności od zakresu przygotowujemy makiety oraz klikalne prototypy pozwalające sprawdzić najważniejsze ścieżki przed wdrożeniem.
Komponenty i design systemPrzy większych projektach definiujemy powtarzalne komponenty, typografię, kolory, odstępy i zasady potrzebne do zachowania spójności interfejsu.
Widoki responsywneProjektujemy zachowanie interfejsu na ekranach wymaganych w danym projekcie, zamiast zostawiać sposób działania wersji mobilnej do interpretacji developera.
Specyfikacja do wdrożeniaProjekt zawiera informacje potrzebne zespołowi developerskiemu do odtworzenia interfejsu i jego zachowania.
Wsparcie przy developmentcieMożemy wdrożyć projekt własnym zespołem albo współpracować z developerami klienta i odpowiadać na pytania pojawiające się podczas implementacji.

Po zakończeniu przekazujemy uzgodnione pliki i materiały projektowe. Zakres praw i dalszego wykorzystania określa umowa dla danego projektu.

Jak pracujemy

Zaczynamy od tego, kto korzysta z rozwiązania, co chce osiągnąć i gdzie dziś pojawiają się problemy. Wygląd ekranu jest konsekwencją tych decyzji, a nie punktem wyjścia.

Poznajemy problemPorządkujemy wymagania, użytkowników, cele biznesowe i najważniejsze scenariusze użycia.
Układamy strukturęProjektujemy architekturę informacji, ścieżki użytkownika i makiety kluczowych widoków.
Projektujemy i testujemyBudujemy interfejs i prototypy, a najważniejsze rozwiązania weryfikujemy zanim trafią do developmentu.
Przekazujemy do wdrożeniaPorządkujemy komponenty i materiały oraz wspieramy developerów podczas implementacji.

Efektem ma być projekt, który dobrze wygląda, jest zrozumiały dla użytkownika i możliwy do rozsądnego wdrożenia.

Najczęściej zadawane pytania

Czy w projekcie uwzględniacie WCAG?

Tak. Dostępność możemy uwzględniać już podczas projektowania struktury, komponentów, formularzy, kontrastów i sposobu nawigacji.

Jeśli projekt wymaga pełnego audytu dostępności lub dostosowania istniejącego rozwiązania, zakres możemy rozszerzyć o osobną usługę WCAG.

Czy możecie zacząć od audytu istniejącego produktu?

Tak. Nie zawsze potrzebny jest pełny redesign. Możemy przeanalizować istniejący serwis, aplikację lub system, wskazać problemy i zaproponować zmiany w tych miejscach, które najbardziej wpływają na użytkownika.

Zakres audytu dobieramy do wielkości produktu i problemów, które chcemy rozwiązać.

Czy musicie również wdrażać projekt?

Nie. Możemy przygotować kompletny projekt UX/UI do wdrożenia przez Wasz zespół albo innego wykonawcę.

Jeśli chcecie, development może też przejąć Foreto. Oba modele są możliwe.

W czym przekazujecie projekt?

Najczęściej pracujemy w Figmie. Finalny plik zawiera widoki, komponenty i materiały uzgodnione w zakresie projektu.

Przy przekazaniu omawiamy również projekt z zespołem odpowiedzialnym za wdrożenie, jeśli jest to potrzebne.

Czy projektujecie również wersje mobilne?

Tak. Zakres widoków mobilnych ustalamy w zależności od produktu. Nie traktujemy wersji mobilnej jako automatycznego pomniejszenia desktopu, bo często wymaga innej hierarchii informacji i sposobu obsługi.

Czy możecie pracować na naszym design systemie?

Tak. Jeśli organizacja ma już własny design system lub bibliotekę komponentów, możemy projektować w ramach istniejących zasad zamiast budować wszystko od początku.

Jeśli system wymaga uporządkowania lub rozszerzenia, możemy również pomóc go rozwinąć.

Ile trwa projekt UX/UI?

Zależy od liczby widoków, złożoności procesów i tego, czy zaczynamy od istniejącego produktu, czy projektujemy rozwiązanie od zera.

Po poznaniu zakresu dzielimy projekt na etapy i przygotowujemy harmonogram, dzięki czemu wiadomo, kiedy mogą być gotowe pierwsze widoki i kolejne części projektu.

Wybrane realizacje

Dla kogo projektujemy

Powiązane obszary

UX/UI najczęściej jest częścią większych wdrożeń.

Masz produkt, który trzeba uporządkować albo zaprojektować od nowa?

Opowiedz nam, na jakim etapie jesteś. Możemy zacząć od audytu istniejącego rozwiązania, zaprojektować nowy produkt albo przygotować UX/UI do wdrożenia przez dowolny zespół developerski.

Porozmawiajmy o projekcie