Kariera w projektowaniu, która przetrwa erę AI
Po dwunastu latach kierowania zespołem projektowania produktu w ZipRecruiter, współpracy z zespołami w Apple, Disney, Instacart i Marvel, dostrzegłem wzorzec, którego nie mogłem już odzobaczyć: każda zmiana paradygmatu eliminowała ten sam rodzaj umiejętności i nagradzała ten sam typ projektanta.
TL;DR
Spędziłem 12 lat jako VP of Product Design w ZipRecruiter, a następnie odszedłem, aby tworzyć niezależnie. W tym czasie obserwowałem, jak trzy zmiany paradygmatu eliminowały określone umiejętności projektowe, jednocześnie nagradzając te same bazowe zdolności. Wzorzec jest przewidywalny: biegłość w narzędziach przemija, osąd się kumuluje. Projektanci, którzy przetrwają erę AI, to nie ci, którzy opanują kolejne narzędzie. To ci, którzy myślą systemowo, definiują problemy przed rozwiązaniami i potrafią ocenić, czy wynik wygenerowany przez AI rzeczywiście służy użytkownikom.
Wzorzec: co każda zmiana paradygmatu eliminuje, a co zachowuje
Don Norman ukuł termin „user experience” w 1993 roku.1 Sformalizowana dyscyplina ma zaledwie 30 lat — jest młodsza niż kariery wielu projektantów. W ciągu tych 30 lat przeżyliśmy już trzy pełne zmiany paradygmatu.
Z druku do sieci (1995–2005)
Wyeliminowane: precyzja składu drukowanego, zarządzanie kolorami CMYK, typografia o stałych wymiarach, wiedza o produkcji fizycznej (rodzaje papieru, oprawa, nadzór nad drukiem).
Zachowane: hierarchia wizualna, podstawy typografii, teoria koloru, systemy siatek, organizacja informacji.
Projektanci, którzy mówili „znam Quark XPress”, mieli trudności. Projektanci, którzy mówili „rozumiem, jak ludzie skanują informacje wizualne”, adaptowali się natychmiast.2
Z sieci na urządzenia mobilne (2007–2015)
Wyeliminowane: wzorce specyficzne dla desktopów (menu kontekstowe, stany po najechaniu kursorem, wielookienkowe przepływy pracy), pikselowo perfekcyjne układy o stałej szerokości, animacje Flash.
Zachowane: architektura informacji, metodologia badań użytkowników, hierarchia wizualna, zasady projektowania interakcji.
Ten sam podział: umiejętności związane z narzędziami przepadły, umiejętności oparte na zasadach przetrwały.3
Od ekranów do wsparcia AI (2023–obecnie)
Pod presją: projektowanie komponentów UI, produkcja wizualna, tworzenie wireframe’ów. AI radzi sobie z nimi wszystkimi na podstawie opisów w języku naturalnym.
Zachowane: psychologia użytkownika, metodologia badawcza, myślenie systemowe, definiowanie problemów, projektowanie kryteriów oceny.
Nowe wymagania: projektowanie promptów, ocena wyników AI, projektowanie konwersacji, projektowanie interakcji multimodalnych, projektowanie zachowań AI (ograniczenia i zabezpieczenia).4
Tę ostatnią transformację przeżyłem bezpośrednio. Kiedy zacząłem budować swoją stronę osobistą za pomocą FastAPI i HTMX, używałem Claude Code do generowania komponentów UI. Komponenty były kompetentne. Ale kompetentne komponenty złożone bez systemu tworzą niespójne doświadczenie. AI wygenerowało części. Ja zaprojektowałem, jak te części się łączą.
Co tworzy przewagę projektową dzisiaj
Definiowanie problemów, nie produkcja rozwiązań
Kiedy prowadziłem Vision Sprint w ZipRecruiter, nasz ośmioosobowy zespół projektantów przez pierwsze dwa tygodnie nie otwierał Figma. Przeprowadzaliśmy wywiady z osobami szukającymi pracy, mapowaliśmy ścieżkę rekrutacji i zidentyfikowaliśmy, że główny problem nie dotyczył interfejsu wyszukiwania ofert. Problem polegał na tym, że kandydaci nie potrafili wyrazić w języku naturalnym, czego tak naprawdę szukają. Każdy brief „przeprojektuj wyszukiwarkę”, który otrzymywaliśmy, rozwiązywał niewłaściwy problem.5
Przeciętni projektanci otrzymują brief i tworzą makiety. Projektant, który generuje prawdziwą wartość, kwestionuje brief. „Zaprojektuj stronę ustawień” zamienia się w „Które ustawienia użytkownicy faktycznie zmieniają? A gdybyśmy zastosowali rozsądne wartości domyślne i całkowicie wyeliminowali tę stronę?”6
AI generuje 50 wariantów strony ustawień w kilka minut. Wybór wariantu, który zmniejszy liczbę zgłoszeń do supportu, zwiększy aktywację i uszanuje modele mentalne użytkowników, wymaga osądu, którego żaden model nie odtworzy.
Myślenie systemowe, nie projektowanie ekranów
Strona ustawień łączy się z onboardingiem (gdzie ustawiane są wartości domyślne), powiadomieniami (gdzie preferencje wchodzą w życie) i zarządzaniem kontem (gdzie następuje usunięcie). Zaprojektowana w izolacji — działa. Zaprojektowana jako część systemu — doświadczenie staje się spójne.7
Kiedy budowałem system projektowy mojej obecnej strony, każda decyzja była systemowa. Współczynnik skali typograficznej 1,2 (12px, 14, 16, 18, 21, 25, 30, 36, 43, 52, 62, 80px) tworzy rytm wizualny, który sam się reguluje. Siatka odstępów 8pt (8, 16, 24, 32, 48, 64, 96, 128px) eliminuje arbitralne decyzje dotyczące odstępów. Trzy poziomy przezroczystości tekstu (100%, 65%, 40%) ustalają hierarchię bez dodatkowych kolorów. To nie są wybory estetyczne. To ograniczenia systemowe, które przyspieszają i ujednolicają każdą przyszłą decyzję projektową.
System się kumuluje. Po zbudowaniu 12 projektów na tym samym zestawie tokenów podejmuję decyzje o układzie w sekundy, które kiedyś wymagały godzin wizualnego eksperymentowania.
Translacja międzydyscyplinarna
Najcenniejsi projektanci posługują się trzema językami: językiem użytkownika (czego ludzie potrzebują), językiem biznesu (co generuje przychody) i językiem inżynierii (co jest technicznie wykonalne).
W ZipRecruiter nauczyłem się, że stwierdzenie „ten wzorzec interakcji zmniejsza liczbę zgłoszeń do supportu o 15%, oszczędzając 200 000 $ rocznie, i wymaga zmiany pojedynczego endpointu API” buduje porozumienie, którego makiety nigdy nie osiągną.8 W ośmiu firmach (Apple, Disney, Penguin Random House, Marvel, ZipRecruiter, Instacart, HarperCollins, Introl) projektanci, którzy tłumaczyli między dyscyplinami, konsekwentnie przewyższali tych, którzy tworzyli najbardziej dopracowane makiety.
Profesjonalna uważność
Mike Monteiro napisał, że „projektant to ktoś, komu płaci się za uważne obserwowanie świata”.9 Po dziesięciu latach profesjonalnej uważności projektant ma skatalogowane tysiące wzorców interakcji, trybów awarii i eleganckich rozwiązań. AI może przeszukiwać zbiór danych treningowych. Doświadczony projektant przeszukuje dekadę przeżytego doświadczenia zawodowego z kontekstowym osądem, którego zbiory danych nie są w stanie zakodować.
Szczegółowo przeanalizowałem 16 wyjątkowych produktów: Warp, Vercel, Linear, Raycast, Stripe, Figma, Framer, Notion, Craft, Bear, Arc, Things, Flighty, Halide, Superhuman i Perplexity. Każdy obsługuje interakcje inaczej, ale leżące u podstaw zasady (stopniowe ujawnianie informacji, alokacja wagi wizualnej, responsywność z priorytetem klawiatury) są identyczne. Reguła 100 ms w Superhuman i cel 50 ms czasu odpowiedzi w Linear to nie arbitralne specyfikacje wydajności. To decyzje dotyczące kosztu interakcji, które kumulują się w każdej codziennej sesji.
Umiejętności, które się kumulują vs. umiejętności, które wygasają
Kumuluje się: hierarchia wizualna
Użytkownicy skanują interfejsy według przewidywalnych wzorców: wzorzec F dla stron z dużą ilością tekstu, wzorzec Z dla stron z dużą ilością obrazów.10 Po zinternalizowaniu ta zasada ma zastosowanie do stron internetowych, aplikacji mobilnych, dashboardów, szablonów e-mail i prezentacji — bez świadomego wysiłku. Umiejętność przenosi się między zmianami platform, ponieważ ludzkie zachowania skanowania nie zmieniają się wraz ze zmianą medium.
Kumuluje się: redukcja kosztu interakcji
Każda interakcja niesie ze sobą koszt poznawczy i motoryczny. Kliknięcie kosztuje mniej niż pisanie. Rozpoznanie kosztuje mniej niż przypominanie. Projektant, który obsesyjnie dąży do mniejszej liczby kliknięć, mniejszej liczby decyzji, mniejszej liczby trybów i mniejszej liczby stanów, tworzy produkty, które z czasem akumulują satysfakcję użytkowników.11 Produkty z wysokim kosztem interakcji akumulują frustrację, która prowadzi do odchodzenia użytkowników.
Kumuluje się: architektura systemu projektowego
Projektant, który buduje spójny system projektowy (tokeny, komponenty, wzorce, szablony), tworzy infrastrukturę przyspieszającą każdą przyszłą funkcję. Pierwsza funkcja zajmuje tyle samo czasu, co budowa bez systemu. Dziesiąta zajmuje 30% mniej. Pięćdziesiąta zajmuje 60% mniej.12 System projektowy współdzielony przez pięć zespołów produktowych mnoży to przyspieszenie pięciokrotnie.
Wygasa: biegłość w narzędziach
Photoshop ustąpił Sketch. Sketch ustąpił Figma. Figma ustąpi temu, co zastąpi statyczne makiety. Każde narzędzie dominuje przez 5–10 lat. Biegłość w narzędziach jest konieczna do bieżącego zatrudnienia i niewystarczająca dla odporności kariery.
„Jestem projektantem Figma” jest równie kruche, jak „jestem projektantem Quark XPress” było w 1998 roku.
Wygasa: produkcja wizualna
Układy, odstępy, aplikowanie kolorów i składanie komponentów automatyzują się szybko. AI generuje gotowe do produkcji projekty na podstawie opisów z rosnącą wiernością. Trwała warstwa pod spodem: wiedza, że układ powinien mieć więcej przestrzeni wokół głównej akcji, to osąd. Przesuwanie elementów, aby tę przestrzeń stworzyć, to produkcja. Osąd przetrwa. Produkcja się zautomatyzuje.13
Ścieżka design engineera
Najbardziej efektywny indywidualny kontrybutor łączy osąd projektowy z umiejętnościami inżynierskimi. Firmy takie jak Vercel i Linear rekrutują celowo na ten profil, uznając, że przekazywanie pracy między projektowaniem a inżynierią wprowadza opóźnienia, utratę wierności i koszty koordynacji.14
Przypadkowo stałem się tym profilem. Po odejściu z ZipRecruiter budowałem wszystko sam: Ace Citizenship (aplikacja iOS w App Store), tę stronę (FastAPI + HTMX + czysty CSS) i 10 innych projektów. Projektuję interakcję w głowie, a następnie buduję ją bezpośrednio z Claude Code jako moim partnerem implementacyjnym. Przekazanie wynosi zero, ponieważ projektant i inżynier to ta sama osoba.
Rezultat: wyniki Lighthouse 100/100/100/100 przy pierwszym podejściu. Nie dlatego, że jestem lepszym inżynierem niż dedykowany frontend developer, ale dlatego, że każda decyzja wydajnościowa była jednocześnie decyzją projektową. Ograniczyłem CSS do 75 tokenów krytycznych stylów inline. Wybrałem fonty systemowe zamiast web fontów (eliminując 100 ms przeskoku układu). Użyłem HTMX zamiast React (zmniejszając ładunek JavaScript o 95%). Każda decyzja była jednocześnie optymalizacją wydajności i wyborem projektowym: szybsze ładowanie stron, mniej wizualnych zakłóceń, ciasniejsze pętle interakcji.15
Brak przekazań oznaczał brak utraty wierności. To, co zaprojektowałem, było dokładnie tym, czego doświadczali użytkownicy.
Kontrargument: osąd inżynierski nadal ma znaczenie
Argument, że „projektowanie staje się wąskim gardłem”, jest przesadzony. Decyzje architektoniczne, inżynieria wydajności, projektowanie bezpieczeństwa i myślenie systemowe pozostają głęboko specjalistyczną pracą, w której AI wspiera, ale nie zastępuje. Inżynier 10x, który projektuje system skalujący się do milionów użytkowników, tworzy wartość porównywalną z wartością projektanta 10x.16
Najlepsza pozycja to połączenie obu. Projektanci, którzy najlepiej poradzą sobie w nadchodzącej dekadzie, będą działać na przecięciu osądu projektowego i umiejętności inżynierskich — nie dlatego, że jedna dyscyplina jest ważniejsza, ale dlatego, że eliminacja granicy między nimi usuwa punkt najwyższego tarcia w rozwoju produktu.
Strategia kariery na najbliższą dekadę
Zbuduj trwały fundament. Zainwestuj 60–70% czasu na naukę umiejętności, które przetrwały ostatnie trzy zmiany paradygmatu: psychologia człowieka, metodologia badawcza, architektura informacji, myślenie systemowe, definiowanie problemów. Te umiejętności kumulują się przez całą karierę, zamiast tracić wartość wraz ze zmianami platform.17
Utrzymuj biegłość w narzędziach, nie tożsamość narzędziową. Ucz się obecnych narzędzi na tyle dobrze, by pracować z profesjonalną szybkością. Nie pozwól, aby jakiekolwiek narzędzie definiowało Twoją tożsamość zawodową.
Ucz się pokrewnych dyscyplin. Projektanci, którzy najlepiej radzą sobie ze zmianami paradygmatu, czytają szeroko: psychologię, strategię biznesową, podstawy inżynierii, nowe technologie. Wiedza z pokrewnych dziedzin buduje rozpoznawanie wzorców, które pozwala zidentyfikować wpływ nowych technologii na doświadczenie użytkownika, zanim społeczności projektowe opublikują najlepsze praktyki.
Ćwicz ocenę, nie tylko tworzenie. W miarę jak AI generuje coraz więcej artefaktów projektowych, zdolność oceny jakości, identyfikowania tego, co służy użytkownikom, i odrzucania tego, co nie służy, staje się główną umiejętnością. Projektant, który ocenia 50 wariantów wygenerowanych przez AI i wybiera właściwy, tworzy większą wartość niż projektant, który ręcznie tworzy jeden wariant.
Źródła
-
Norman, Don, “The Term ‘UX’,” 2016. Pochodzenie i ewolucja terminu. ↩
-
Zeldman, Jeffrey, Designing with Web Standards, New Riders, 2003. ↩
-
Wroblewski, Luke, Mobile First, A Book Apart, 2011. ↩
-
Nielsen, Jakob, „AI and UX: The Future of User Experience,” Nielsen Norman Group, 2024. ↩
-
Doświadczenie autora z prowadzenia zespołu projektowego Vision Sprint w ZipRecruiter, 2024. ↩
-
Norman, Don, The Design of Everyday Things, Basic Books, 2013. Definiowanie problemu a projektowanie rozwiązania. ↩
-
Meadows, Donella, Thinking in Systems, Chelsea Green, 2008. ↩
-
Greever, Tom, Articulating Design Decisions, O’Reilly, 2015. ↩
-
Monteiro, Mike, Design Is a Job, A Book Apart, 2012. ↩
-
Nielsen, Jakob, „F-Shaped Pattern of Reading on the Web,” Nielsen Norman Group, 2006. ↩
-
Krug, Steve, Don’t Make Me Think, New Riders, 2014. ↩
-
Frost, Brad, Atomic Design, self-published, 2016. ↩
-
Figma, „AI-Powered Design: From Production to Evaluation,” 2024. ↩
-
Rauchg, Guillermo, “Design Engineers,” 2024. ↩
-
Dane audytu Lighthouse autora, udokumentowane w “How I Got a Perfect Lighthouse Score”. ↩
-
Brooks, Frederick P., The Mythical Man-Month, Addison-Wesley, 1975. Dźwignia inżynierska i koncepcja programisty 10x. ↩
-
Cross, Nigel, Design Thinking, Bloomsbury, 2011. ↩