Jeśli rozglądasz się za usługami UX/UI design, pewnie masz kilka praktycznych pytań. Co dzieje się na każdym etapie? Co będę mieć w rękach na końcu? Ile to potrwa? I gdzie w tym wszystkim jest AI?
Ten artykuł odpowiada na te pytania na podstawie tego, jak w Rocksoft design i development pracują razem.
Opisujemy proces krok po kroku, ale prawdziwe projekty nie zawsze idą prostą linią. Etapy czasem się nakładają, a to, czego dowiemy się podczas testów, może cofnąć nas do wcześniejszego kroku. AI sprawia, że zdarza się to jeszcze częściej: pierwszy prototyp może być teraz gotowy znacznie wcześniej, więc możemy testować szybciej i poprawiać design, gdy kolejne kroki już się zaczynają. To normalne i dokładnie dlatego testujemy wcześnie.
Krok 1: Discovery
Co się dzieje: Każdy projekt zaczyna się od zrozumienia, a nie od rysowania. Rozmawiamy z tobą o twoim biznesie, celach i problemie, który produkt ma rozwiązać. Patrzymy na istniejący produkt lub dane, poznajemy użytkowników i sprawdzamy, co robi konkurencja.
To też moment, w którym ustalamy, co produkt musi robić najpierw, a co może poczekać. Jasna lista priorytetów oszczędza później mnóstwo czasu, bo wszyscy wiedzą, do czego tak naprawdę służy pierwsza wersja.
Naturalne jest, że chcesz jak najszybciej zobaczyć, jak produkt będzie wyglądał. Końcowy wygląd to to, co wszyscy zauważą, więc wydaje się najważniejszy. Ale to wczesne rozmowy i research pokazują, dla kogo jest produkt i co naprawdę musi robić. Dlatego najpierw poświęcamy im czas. Design zbudowany na tej wiedzy rozwiązuje właściwy problem, a nie tylko dobrze wygląda.
Co dostajesz: Jasny obraz użytkowników: kim są, co chcą zrobić i co im w tym przeszkadza.
Krok 2: Wireframe'y
Co się dzieje: Teraz szkicujemy strukturę każdego kluczowego ekranu: co gdzie jest i jak użytkownik przechodzi od jednego kroku do następnego. Nie ma jeszcze kolorów, fontów ani obrazów. To celowe. Bez szczegółów wizualnych rozmowa zostaje przy logice produktu, a nie przy tym, czy komuś podoba się odcień niebieskiego.
Przechodzimy główne ścieżki użytkownika ekran po ekranie i sprawdzamy: czy użytkownik potrzebuje tego teraz, czy później, czy ma wystarczająco dużo informacji, czy kolejność jest logiczna i czy wiadomo, co zrobić dalej? Jeśli nie, zmieniamy układ, zanim pójdziemy dalej.
To najlepszy moment na zmiany. Możemy tu wypróbować różne wersje układu i porównać je, zanim cokolwiek zostanie zbudowane.
Co dostajesz: Zestaw prostych układów ekranów, które pokazują główne ścieżki w twoim produkcie.
Krok 3: Interaktywny prototyp i testy
Co się dzieje: Zamieniamy wireframe'y w klikalny prototyp, który wygląda jak prawdziwy produkt, choć nic jeszcze nie jest zbudowane. Potem go testujemy, najlepiej z prawdziwymi użytkownikami, albo przynajmniej z osobami, które wcześniej go nie widziały. Obserwujemy, gdzie się wahają, gdzie się gubią i czego oczekują w następnym kroku.
Prototyp bardzo szybko pokazuje, co jest niejasne albo czego jeszcze brakuje. Gdy produkt istnieje tylko na papierze, trudno dostrzec każdą lukę. Kiedy można go przeklikać jak prawdziwy produkt, widać, co wymaga lepszego wyjaśnienia i czego jeszcze nie ma. Na tym etapie łatwo to poprawić, a po starcie developmentu o wiele trudniej.
Po testach omawiamy, co znaleźliśmy, decydujemy, co zmienić, i aktualizujemy prototyp.
Co dostajesz: Prototyp, który możesz przeklikać, oraz listę wniosków i tego, jak się nimi zajmiemy.
Dwie osoby z zespołu sprawdzają produkt na telefonie i laptopie.
Krok 4: Finalny UI design
Co się dzieje: Teraz dodajemy warstwę wizualną: kolory, typografię, ikony i odstępy, wszystko zgodnie z twoją marką. Budujemy też niewielki zestaw komponentów wielokrotnego użytku, takich jak przyciski i pola formularzy, żeby produkt pozostał spójny w miarę rozwoju, a nowe ekrany dawało się dodawać szybciej.
Co dostajesz: Gotowe ekrany przygotowane do developmentu oraz style guide, z którego twój zespół może korzystać dalej.
Krok 5: Przekazanie i development
Co się dzieje: Ponieważ design i development działają pod jednym dachem, deweloperzy nie dostają gotowego pliku i nie muszą zgadywać, co za nim stoi. Projektanci pozostają zaangażowani, gdy produkt jest budowany, odpowiadają na pytania i sprawdzają, czy efekt zgadza się z projektem. To usuwa najczęstszy problem w projektach dzielonych między osobne firmy: przepaść między tym, co zaprojektowano, a tym, co zbudowano.
Co dostajesz: Działający produkt zgodny z zatwierdzonym przez ciebie projektem.
Ile to trwa?
To pytanie słyszymy najczęściej, a szczera odpowiedź brzmi: to zależy. Główne czynniki to liczba ekranów, złożoność produktu, liczba typów użytkowników i to, jak szybko feedback krąży między tobą a zespołem. Małe narzędzie i duża platforma to zupełnie inne projekty. Po discovery, gdy rozumiemy zakres, możemy dać znacznie bardziej realistyczną wycenę niż kiedykolwiek wcześniej.
Gdzie pasuje AI
AI pomaga nam na każdym z opisanych etapów i przyspiesza pracę. W discovery przyspiesza porządkowanie notatek i przegląd rynku. Przy wireframe'ach pomaga szybko sprawdzić kilka pomysłów na układ. Przy prototypowaniu skraca czas do klikalnej wersji, więc testy mogą ruszyć wcześniej. W UI design potrafi wygenerować pierwsze szkice wizualne w godziny zamiast w dni. A przy przekazaniu przejmuje rutynowe zadania, jak dokumentacja.
AI ma ogromną wiedzę i pomaga nam na wiele sposobów, ale w Rocksoft decyduje człowiek. Projektujemy produkty, z których będą korzystać ludzie, i chcemy, żeby tak zostało: człowiek dla człowieka. AI nie zna twoich klientów i nie poczuje, że coś jest niejasne albo frustrujące. Nasi projektanci to potrafią, więc myślenie i ostateczna decyzja zostają po ludzkiej stronie.
Co dają dobre usługi UX/UI design
Dobre usługi UX/UI design dają ci jasność na każdym kroku: co się dzieje i co dostaniesz. Proces działa, gdy każdy etap buduje na poprzednim, od szczerego researchu, przez przetestowany prototyp, po produkt, z którego ludzie naprawdę mogą korzystać.
Oprócz designu i developmentu Rocksoft prowadzi też osobną ścieżkę AI Engineering, w ramach której pomagamy klientom wdrażać AI we własnych produktach. Jeśli planujesz produkt cyfrowy i chcesz dobrze ustawić proces od pierwszego dnia, chętnie o tym porozmawiamy.
