Agencja UX
Błędny wireframe kosztuje popołudnie. Błędny ekran po wdrożeniu kosztuje sprint. Nasza praca UX daje Twoim programistom sprawdzone przepływy, z których zbudują produkt.
Co obejmuje projektowanie UX
Projektowanie UX ustala, jak produkt ma się zachowywać, zanim ktokolwiek go zbuduje, i sprawdza ten plan z ludźmi, którzy będą z niego korzystać. Wybór metody badawczej zależy od tego, czy weryfikujemy pomysł, czy diagnozujemy, dlaczego istniejący przepływ traci użytkowników.
Wywiad, brief i sześć pytań
Jak zaczyna się projekt UX
-
Wywiad przed warsztatem
Zaczynamy od wywiadu z Tobą: o cele biznesowe i motywacje, kompetencje zespołu, role interesariuszy i łańcuch decyzji oraz o to, jak często będziemy rozmawiać. Pytamy też, kim jest użytkownik i jakie masz już persony. Klienci zwykle dzielą się na dwie grupy: właścicieli produktów, którzy sami mogą być personą, i inwestorów, którzy chcą skorzystać z naszej wiedzy.
-
Brief warsztatowy
Brief zawiera minimalny zestaw funkcji, bez których produkt się nie obejdzie, każdą sprawdzoną jednym pytaniem: czy to jest to, czego potrzebują użytkownicy? Jest w nim też harmonogram, etapy i stan projektu, w tym analiza poprzedniego wydania, preferowany stos technologiczny oraz strategia marketingu i komunikacji. O technologii decydujemy po mapowaniu ścieżki użytkownika.
-
Sześć pytań o produkt
Przed warsztatem przechodzimy przez sześć pytań. Jaka jest największa motywacja stojąca za produktem? Jaki problem rozwiązuje? Jak go rozwiąże? Jak zmierzymy sukces? Jak sprawdzasz, czy jest popyt? Jaka jest propozycja wartości?
Mapowanie ścieżki użytkownika: kiedy prowadzimy warsztaty
Mapowanie ścieżki użytkownika (User Journey Mapping, UJM) to metoda warsztatowa, na której opiera się brief. Oceniamy potrzeby i zachowania użytkowników z kilku perspektyw. Prowadziliśmy je dla startupów z nowym produktem i dla korporacji z rozwiniętymi systemami, w różnych branżach, dla klientów ze Stambułu, Londynu, Oslo i Warszawy. Nasz artykuł o przygotowaniu warsztatów UJM opisuje to szczegółowo.
UX dla produktów skierowanych do klientów
BizBot
BizBot to startup z Oslo, który automatyzuje administrację firm. Przeprojektowaliśmy UX i UI jego platformy, a praca objęła też identyfikację marki, stronę i materiały marketingowe, razem z systemem projektowym pod kolejne moduły.
Zanim zaczęliśmy projektować, zespół musiał zrozumieć, jak działa biznes w Norwegii, razem z lokalnymi niuansami prawnymi i kulturowymi. Prowadziliśmy warsztaty produktowe i hackathony w Warszawie, Oslo i Stambule. Przeczytaj opis projektu BizBot.
Filmgrail
Filmgrail to platforma white label dla kin. Od 2020 roku nasi projektanci prowadzą jej rebranding, z nową tożsamością wizualną i logo, i przeprojektowali wszystkie moduły oraz komponenty używane w jej aplikacjach i na stronach. Na początku powstało kilka wariantów wyglądu, tak by interfejs dopasowywał się do kolorystyki każdego kina.
Co mówią nasi klienci
Filmgrail - UX i rebranding platformy white label dla kin
“Dołączenie specjalistów Order Group do naszego zespołu okazało się punktem zwrotnym w rozwoju Filmgrail.”
Simon Souyris Strumse
Filmgrail CEO
UX dla systemów energetycznych i przemysłowych
Portal klienta dla firmy handlującej energią
Wszystkie moduły portalu mają wspólne zasady wizualne i komponenty. Opracowaliśmy przepływy użytkownika dla każdej roli: Client, Seller, Trader i Back-office. System projektowy został zweryfikowany technicznie przed budową, w pierwszym sprincie.
Pulpity dla przemysłowego IoT
Przy pulpicie operatora pracę zaczynamy od analizy procedur i instrukcji firmy, które zamieniamy na historyjki użytkownika. Potem przeprowadzamy wywiady z operatorami, którzy na co dzień zarządzają środowiskiem, i obserwujemy typowy dzień oraz rutynę. Priorytety ustalamy z operatorami, bo jeden pulpit nie pasuje każdemu: jeden operator ma dwa monitory, inny cztery. Dlatego widżety można przesuwać, rozciągać i minimalizować. Prototyp trafia do użytkowników, a ich uwagi wdrażamy w kolejnej rundzie, aż wszyscy się zgodzą. Więcej w naszym artykule o pulpitach dla przemysłowego IoT.
Kyoto i interfejsy SCADA
Projekt dla Kyoto zaczął się od MVP UX/UI i urósł do panelu BMS opartego na SCADA, z elementami rozszerzonej rzeczywistości w widoku z kamery operatora. Interfejs SCADA potrzebuje zachowawczej palety kolorów powiązanej ze statusami, braku animacji odciągających uwagę i widoku dopasowanego do roli. ISA-101 to standard opisujący interfejs człowiek-maszyna (HMI) w tej dziedzinie.
Zeronest
W Zeronest, systemie zarządzania energią, który zbudowaliśmy, aplikacja domownika pokazuje prosty opis spodziewanej produkcji zamiast surowej prognozy pogody i działa na samych danych z licznika, więc korzystać z niej może też dom bez paneli fotowoltaicznych. Każdy użytkownik widzi tylko to, na co pozwala jego rola.
UX w discovery i pracy nad MVP
Projektowanie prowadzi fazę discovery, a potem idzie obok budowy. W PSONI projektowanie było główną częścią discovery, a po niej przeanalizowaliśmy kod pod kątem designu.
Dla aplikacji do sprzedaży gadżetów na wydarzeniach na żywo zaprojektowaliśmy widoki MVP wokół tego, czego sprzedawca potrzebuje podczas wydarzenia, od pulpitu sprzedażowego i wydruku etykiet po bieżący podgląd stanów magazynowych.
Dostępny UX z osobami głuchymi i niewidomymi
Aplikację Centrum Komunikacji zbudowaliśmy z dostępnością jako wymaganiem, na urządzenia mobilne i do przeglądarki, zgodnie z WCAG 2.1 AA, dla użytkowników głuchych, słabosłyszących, głuchoniewidomych, niewidomych i słabowidzących. Warsztaty i testy z tymi użytkownikami dały około 30 zmian UX i UI, wśród nich wideo w polskim języku migowym (PJM) na ekranach rejestracji i powód odrzucenia wniosku podany w PJM i na piśmie. Dostępność działającego już produktu to temat naszego audytu dostępności.
UX dla centrum obsługi
Decyzje projektowe w aplikacji Centrum Komunikacji.
-
Zmiana tłumacza bez przerywania rozmowy
Przy dłuższych sesjach w pokoju jest dwóch tłumaczy. Gdy tłumacz się zmienia, przełącza się tylko aktywne wideo, więc rozmowa trwa, a aktywny tłumacz jest pokazany jako pierwszy.
-
Priorytet dla pilnych połączeń
Wspólnie z klientem ustaliliśmy, że wywołania SOS trafiają do kolejki priorytetowej, bez automatycznego przekazywania przez dyspozytora. Użytkownik widzi swoje miejsce w kolejce, a tłumacz widzi, ile osób czeka.
-
Tekst z maszyny sprawdzany przez człowieka
Panel transkrypcji pokazuje tekst roboczy i zatwierdzony w różnych kolorach, a przepływ to szkic, korekta, wysłanie. Użytkownik widzi tylko tekst zatwierdzony.
Dlaczego warto wybrać nas jako firmę od projektowania UX
Trzy rzeczy do sprawdzenia, zanim zatrudnisz zespół UX, razem z tym, co możemy pokazać przy każdej.
-
Kto odpowiada za badania i doświadczenie użytkownika
W Order Group Product Designer odpowiada za całościowe doświadczenie użytkownika i bierze udział w warsztacie, ilekroć projekt ma warstwę UI lub UX. Badania, architektura informacji i logika aplikacji nie należą do zadań Visual Designera, z jednym wyjątkiem: na warsztacie discovery Visual Designer wspólnie z Product Designerem określa architekturę informacji i strukturę treści.
-
Kto prowadzi warsztaty
Head of Design Daria Gusieva prowadzi warsztaty i wyznacza standard prowadzenia naszych projektów designu.
-
Jak praca trafia do programistów
Programiści dostają kompletną dokumentację projektową i wsparcie w zrozumieniu logiki oraz doświadczenia użytkownika. Poprawiamy projekt na podstawie uwag z implementacji.
Pytania, zanim zaczniesz z nami projekt UX
Pytania o projekty UX
-
Tak. Pierwsza rozmowa to rozmowa o Twoim produkcie i jest bezpłatna. Bezpłatne jest też podstawowe discovery, czyli osobne, jedno spotkanie. Rozbudowane discovery to szerszy zakres, opisany na stronie warsztatów discovery.
-
Warsztat trwa jeden lub dwa dni, a przygotowanie zajmuje co najmniej jeden lub dwa tygodnie. Najlepiej działa, gdy wszyscy są w jednym pokoju, choć przez wideo też się da. Mniej więcej 60% warsztatu przebiega według standardowego planu, a około 40% wymaga improwizacji.
-
Pisemne podsumowanie, potwierdzony zakres i wycenę, mapy ścieżek i przepływy użytkownika, makiety albo klikalny prototyp oraz backlog z historyjkami użytkownika. Podstawowe discovery daje zakres, wycenę i podstawową makietę albo prototyp weryfikujący koncepcję (PoC), a pełny zestaw powstaje w rozbudowanym discovery. Otrzymujesz mapę użytkowników i przepływów, zestaw wireframe'ów, bibliotekę komponentów UI, redliny (adnotacje projektowe) i klikalny prototyp, wszystko w edytowalnej formie, a Twój zespół zachowuje do nich dostęp po zakończeniu współpracy.
-
Tak. Testy użyteczności prowadzimy na scenariuszach przygotowanych przez projektanta, a prototypy testujemy pod kątem UX i dostępności WCAG. Dla produktu, który już działa, nasz audyt dostępności jest osobną usługą.
-
Projektowanie UX obejmuje strukturę i przepływ produktu: przepływy użytkownika, architekturę informacji, wireframe'y i scenariusze testów użyteczności. Projektowanie UI obejmuje jego warstwę wizualną: finalne ekrany, komponenty i system projektowy. Razem tworzą projektowanie produktu.
-
Od liczby ról użytkowników i ścieżek, tego, czy produkt jest nowy, czy przeprojektowujemy działający, oraz zakresu badań i testów. Koszt i czas wynikają z tego zakresu, a wycena powstaje po podstawowym discovery.
Więcej o tym, jak projektujemy
Artykuły o mapowaniu ścieżki, pulpitach i interfejsach SCADA
Dowiedz się, czego naprawdę potrzebuje Twój produkt
Twoja wiadomość trafi do
Filip Szamborski
Co-founder & CEO
Twoja wiadomość trafi do
Karol Oponowicz
Co-founder & Business Owner
Twoja wiadomość trafi do
Paweł Zieliński
Co-founder & Business Owner
Dziękujemy za wiadomość.
Każdą wiadomość czytamy sami i odpowiadamy w ciągu 48 godzin w dni robocze.
Coś pilnego? hello@ordergroup.co
Do tej pory pracowaliśmy z markami takimi jak:
