Projektowanie UX i UI
Najpierw struktura, potem ekrany. Projektujemy, jak strona lub aplikacja jest zorganizowana i jak zachowuje się każdy ekran, testujemy to z prawdziwymi ludźmi i dopiero wtedy dbamy o urodę. Efekt to coś, co działa pierwszego dnia i ma sens także tysięcznego.
Co dostajecie
- Architekturę informacji: co gdzie trafia i dlaczego
- Makiety i klikalny prototyp, który możecie przetestować na własnym telefonie
- Projekt graficzny każdego stanu ekranu, także stanu pustego, ładowania i błędu
- Bibliotekę komponentów i tokeny projektowe, dzięki którym wdrożenie pozostaje spójne
- Dostępność sprawdzoną już na etapie projektu, a nie łataną później
Jak przebiega etap projektowania
- Tydzień 1: cele, użytkownicy, inwentaryzacja treści, struktura
- Tygodnie 2–3: makiety, prototyp, runda testów z pięcioma do ośmiu prawdziwymi użytkownikami
- Tygodnie 3–6: projekt graficzny, biblioteka komponentów, przekazanie do wdrożenia
- Przez cały czas: jedna wspólna tablica, na której widzicie postępy i zostawiacie komentarze
Zaprojektowane po to, żeby dało się to zbudować
Projektujemy i wdrażamy w jednym zespole, więc projekt nigdy nie jest obrazkiem, który programiści muszą interpretować. Odstępy, kolory, typografia i zachowanie są zdefiniowane raz i używane wszędzie: w plikach projektowych, w kreatorze stron, w kodzie.
Pytania, które słyszymy często
Czy projektujecie w Figmie?
Tak, a pliki trafiają do was. Prototypy udostępniamy jako linki, które działają w każdej przeglądarce.
Czy możecie przeprojektować tylko część strony?
Tak. Finalizacja zamówienia, strona produktu czy onboarding mogą być osobnym projektem.
Czy testujecie z naszymi klientami?
Jeśli to możliwe, tak. W przeciwnym razie rekrutujemy osoby, które odpowiadają waszej grupie odbiorców. Pięć sesji wystarcza, żeby znaleźć większość problemów.
Poradniki na ten temat
Test użyteczności strony we własnym zakresie: oddajcie stronę i nic nie mówcie
Prosty test użyteczności strony w godzinę: kogo poprosić, jak wybrać trzy zadania, jak obserwować bez pomagania i jak zamienić notatki w poprawki.
Mniej zapytań ze strony, ale lepszych: jak czytać cichszy formularz kontaktowy
Jasne ceny i odpowiedzi mogą zmniejszyć liczbę zgłoszeń z formularza, a wartościowych zapytań nie ubywa. Jak mierzyć jakość zapytań, nakład pracy i wyniki.
Europejski Akt o Dostępności: czy dotyczy waszej strony lub sklepu i co zrobić
Kogo obejmuje Europejski Akt o Dostępności od 28 czerwca 2025 r., wyłączenie mikroprzedsiębiorstw, co musi zrobić sklep internetowy i jak sprawdzić stronę.
Gotowi zaprojektować to porządnie?
W ciągu jednego dnia roboczego odpowiada wam człowiek. Bez zobowiązań.