Proces

Jak pracuję, krok po kroku.

Pracuję metodycznie, aby intuicję można było wyjaśnić, sprawdzić i ulepszyć, nie tracąc jej ludzkiego wymiaru.

Nie traktuję tych etapów jak sztywnego przepisu. Pomagają mi uwolnić uwagę: gdy powtarzalna praca ma strukturę, mogę poświęcić więcej czasu na słuchanie, interpretację i decyzje, które rzeczywiście zmieniają produkt.

Każdy etap pozostawia dowody i uzasadnienie. Dzięki temu mogę omawiać pracę z innymi, wracać do niej po miesiącach i uczciwie wskazywać, co wiemy, co zakładamy, a co wymaga jeszcze sprawdzenia.

Sześć etapów

Określenie ram

Zdefiniowanie problemu, odbiorców i rzeczywistego ograniczenia przed rozpoczęciem rysowania.

Decyzje człowieka: Problem, zakres, kryteria sukcesu i to, co pozostaje poza zakresem.
Wsparcie AI: Zbieranie kontekstu i synteza wcześniejszych materiałów.
Dowody i materiały: Pisemne określenie problemu i kryteriów akceptacji.

Badania

Konfrontowanie pierwszych wrażeń z kontekstem i potrzebami ludzi.

Decyzje człowieka: Czego muszę się dowiedzieć, z kim to sprawdzić i jaka metoda badań UX może pomóc.
Wsparcie AI: Przygotowanie scenariuszy i uporządkowanie materiałów dopuszczonych do użycia, ze sprawdzeniem źródeł. Nie zastępuje to rzeczywistych uczestników.
Dowody i materiały: Pytania, wybrana metoda i ustalenia z podanym pochodzeniem. Odróżniam obserwacje, interpretacje i hipotezy wymagające sprawdzenia.

System

Zdefiniowanie podstaw typografii, koloru, odstępów i komponentów, które można utrzymać podczas rozwoju produktu.

Decyzje człowieka: Kierunek artystyczny, hierarchia, skala typograficzna i charakter ruchu.
Wsparcie AI: Przygotowanie zmiennych, stanów komponentów i sprawdzanie kontrastu.
Dowody i materiały: Zbiór tokenów i komponentów z określonymi wszystkimi stanami.

Prototyp

Ekrany złożone z instancji systemu, po których można poruszać się od pierwszego dnia.

Decyzje człowieka: Kompozycja, przebieg interakcji i to, co testujemy przed programowaniem.
Wsparcie AI: Składanie wariantów, dostosowanie do rozmiarów ekranów i dokumentowanie stanów.
Dowody i materiały: Nawigowalny prototyp dostosowany do uzgodnionych rozmiarów ekranów.

Przekazanie do wdrożenia

Zachowanie czytelnego związku między komponentami w Figmie a ich implementacją.

Decyzje człowieka: Co należy do kontraktu, a co pozostaje swobodną decyzją implementacyjną.
Wsparcie AI: Strukturalny odczyt projektu, generowanie komponentów i testy.
Dowody i materiały: Komponenty w kodzie odzwierciedlające hierarchię systemu projektowego.

Weryfikacja

Sprawdzenie rezultatu w przeglądarce i ocena tego, czego nie potrafi ocenić test automatyczny.

Decyzje człowieka: Akceptowalny próg jakości i jawnie wskazany dług.
Wsparcie AI: Testy, audyt dostępności i pomiar wydajności.
Dowody i materiały: Zaliczone testy, zweryfikowany kontrast i porównanie projektu z przeglądarką.

Rola AI

Jasno zapisana granica między oceną a wykonaniem.

O czym decyduje człowiek

Definiuję problem, priorytety i kryteria jakości. AI może proponować alternatywy, ale to ja oceniam, czy mają sens dla użytkownika, i biorę odpowiedzialność za decyzję.

Co wykonuje AI

Używam jej do badania wariantów, przygotowywania komponentów, przeglądu kodu i proponowania testów. Daję jej kontekst i konkretne granice, a następnie porównuję wynik z projektem i oczekiwanym zachowaniem.

Jak zachowuję kontrolę

Zapisuję, co wolno każdemu narzędziu, co wymaga mojej zgody i jak sprawdzę rezultat. Przy ważnych decyzjach szukam niezależnego przeglądu i zachowuję uzasadnienie zmiany.

Zasady

System przed ekranem

Chcę, aby dobrą decyzję można było powtórzyć. Dlatego łączę ekrany ze wspólnymi komponentami, stanami i zasadami, a system sprawdzam ponownie, gdy pojawia się nowa potrzeba.

Dowody zamiast deklaracji

Staram się pokazać drogę do wyniku: prototyp, komponenty i dostępne sprawdzenia. Wyjaśniam również, co jest nadal rozwijane lub nie zostało jeszcze zweryfikowane.

Estetyka pełni funkcję

Dbam o typografię, odstępy i ruch, ponieważ wpływają na rozumienie interfejsu. Jeśli efekt rozprasza albo kompozycja utrudnia czytanie, zmieniam decyzję, nawet gdy podoba mi się wizualnie.

Usuwać to, co nie pomaga

Dostosowuję metodę do problemu. Dokumentuję to, co ułatwia pracę i naukę, bez dodawania kroków, których zespół nie potrzebuje.

Zobacz w praktyce

W każdym studium przypadku wyjaśniam, co udało mi się zastosować, jakie decyzje podjąłem i co nadal wymaga sprawdzenia.

Poznaj studia przypadków