#08 - Od karteczek po AI. Narzędzia początkującego Product Designera

To już ósmy odcinek podcastu Product Guru, a w dzisiejszym odcinku narzędzia początkującego Product Designera. Zapraszam. Ja jestem Michu, a to jest podcast Product Guru. Zapraszam. Dawno mnie nie było za mikrofonem, ale to dlatego, że są wakacje, jest trochę cieplej, korzystam z uroków polskiej niepogody i często po prostu zamiast nagrywać po robocie, idę sobie na spacerek albo na rowerek.

I został jakby absolutnie dobrze przyjęty, jest pomocny, sam z niego korzystam. Ale dlaczego to ważne? Dlaczego o tym mówię w ogóle, o tych narzędziach w Figma? Bo Figma zaczyna wygrywać swoją konkurencję, staje się takim hubem nie tylko do projektowania, ale też do tworzenia i deployowania rzeczy, bez skakania pomiędzy narzędziami. Krok w stronę all in one. Teraz nie potrzebujesz więcej narzędzi jako Product Designer w swoim workflow. Oczywiście to jest uproszczenie, ale skupiając się tylko i wyłącznie na figmie można zrobić bardzo dużo. Jest też druga perspektywa i to jakby Nielsen Norman Group podkreśla, że choć te AI narzędzia robią postępy, to wciąż są dalekie od ideału i raczej designer nie powinien traktować ich jak magiczny wizard.

Projektanci oczywiście ewoluują od rzemieślników takich, wiecie, warsztatowych, craftowych rzeczy. Do takich orkiestratorów, promptów i tych decyzji UX-owych. I to chyba jest moment, żeby naprawdę zastanowić się, co ja tak naprawdę chcę robić z AI, jak ja wkomponuję AI w proces i czy zachowuję ten swój krytyczny mindset. Więc z tym Wam zostawiam. Zastanówcie się, jak to AI może Wam się przydać i jak chcecie z tym pracować, bo wszystko zmierza do takiego kierunku, gdzie designer raczej będzie orkiestratorem. Ale tutaj chciałbym też zaznaczyć, że nie ma dzisiaj jakościowych narzędzi AI do budowania high-endowych designów. Przejdźmy zatem do właściwej części tego podcastu, czyli opowiemy o tym, jakich narzędzi potrzebuje początkujący projektant.

Customer Journey Map i tak dalej. To wszystko jakby było robione UX-owy sen. Jak bierzesz książkę, patrzysz książkę, potem przenosisz proces na życie i to było tak właśnie jak w tej książce. No i po tygodniu jakby mieliśmy taki mały problem tych warsztatów, że Potrzebowaliśmy osoby, która to na tamten moment digitalizowała. Czyli to nie było tak, że to przenosiliśmy do cyfry od razu. Wniosek był taki, że powinien być jakiś Project Manager czy zespół, który to digitalizuje. Robiliśmy zdjęcia, ale potem ciężko było z tego wybrnąć te nazadki, były takie nieczytelne, nie wiadomo jaki był kontekst tego i tak dalej. No i efekt był taki, że tam Project Manager z Designerem przepisywali to do narzędzia, już nie pamiętam jakiego, ale chyba Miro, próbując utworzyć cały sens i w zasadzie bardzo kosztowne to było i kompletnie bez sensu.

Mix Panel, idealny do takiej mocnej analityki eventowej, nadającej się idealnie do produktów SaaSowych. Oczywiście puenta z tego segmentu jest taka, że designer, który nie zagląda do danych, to projektant po prostu płaskich obrazków, a nie produktu. Więc jeżeli chcesz być projektantem produktu, to te narzędzia powinny być Twoją codziennością. Ale są też jeszcze inne narzędzia, takie na przykład jak Hotjar czy Clarity, jest też Posthog i jeszcze jakieś tam, tego jest mnóstwo. No i to są super narzędzia, bo one pokazują na przykład hipmapy, scrollmapy nagrania tych wszystkich sesji i możesz sobie pooglądać te recordingi, zobaczyć jakie faktycznie mają użytkownicy te problemy. Hotjar jest dosyć szybki do wdrożenia, intuicyjny, natomiast Clarity to produkt Microsoftu i jest darmowy.

Myślę, że wielokrotnie przyspiesza. AI ma to do siebie, że jest dobre właśnie w analizowaniu danych, więc tutaj zachęcam do korzystania z tego narzędzia. Puenta trochę, jeżeli chodzi o AI. Musisz dbać o te prompty i musisz pisać te prompty odpowiednio, bo jeżeli dostanie to AI śmieci na samym początku, czyli te dane inputowe. Output też będzie śmieciowy, czyli AI nie naprawi złych promptów, nie? To musisz mieć świadomość, czyli jak wrzucasz dane, piszesz prompta, skup się na tym, zrób to dobrze, bo inaczej te dane, które potem dostaniesz, też mogą być śmieciowe. No dobra, ale teraz jeszcze słowo a propos analizy tych danych. Designerzy często jakby traktują to jako trochę taką checklistę. Dobra, mam to narzędzie, mam to narzędzie, mam to narzędzie, zajebiście. Ale to jeszcze nie jest koniec.

Pierwszy, który przychodzi mi do głowy, to jest Subframe. I to jest takie AI generujące high fidelity ekrany w kilka minut, świetne do szybkiego budowania MVP, moodboardów dla stakeholderów i tak dalej. Ale używałbym tego jako katalizator, a nie jako gotowy design. Subframe przyspiesza start. Ale wymaga takiej ręki Designera do dopracowania UX i hierarchii informacji. Drugie narzędzie, które jest też mocno powierzane z AI, no to jest uizart. I to jest AI do wireframe'ów. Takie szybkie przejście w UI. Wydaje mi się, że to jest idealne narzędzie do early stage prototypowania. Gdy masz tylko koncepcję, musisz coś pokazać. Niestety minusem tego narzędzia jest to, że generuje sporo stockowego designu. Trochę wygląda template'owo, więc tutaj...

Już abstrahując od UXa i od pracy nad Product Designem, jest jeszcze kilka fajnych narzędzi, które warto znać w designie. MiJourney i Dali do tworzenia obrazków. Oczywiście Chat GPT, który idealnie działa, jeżeli chodzi o jakieś podstawowe prompty. Fajnie by było też poszukać czegoś, co działa blisko kodu i tam oczywiście Cloud Code też mega pomaga. Zachęcam do... Sprawdzenia. Ale ogólnie puenta jest taka, że AI przyjmuje ten etap Discovery bardzo mocno i Designer wchodzi w to jako taki orkiestrator, kurator treści, bym tak to nazwał. Trochę łącznik pomiędzy tym inicjalnym zestawem odpowiedzi, które dostanie z AI, przetrawieniem tego i wypluciem czegoś, co jest biznesowe. Ale też używanie narzędzi wiąże się z pewnymi... Ale też używanie narzędzi bardzo często wiąże się z pewnymi błędami i ja wymieniłem sobie trzy.

Wiele projektów się wykłada na planowaniu i na egzekucji, bo możesz mieć nawet najlepsze designy. Ale jeżeli nie masz procesu dowożenia, to one zostaną na wieki tylko w designie. Więc mamy teraz kilka takich bardzo podstawowych narzędzi do zarządzania taskami i roadmapom. I pierwszym z nich jest Jira, czyli taki król korpo, uwielbany przez PM-ów, znienawidzony przez większość designerów. Potężne narzędzie do dużych projektów i do integracji z devami, ale strasznie mocno osadzone w procesie, czyli jakby trzeba tego mocno używać i tak dalej, i tak dalej. Trudne narzędzie. Z drugiej strony mamy coś takiego jak Linear. To jest taka apka, która jest absolutnie lekką alternatywą dla Jira. Idealnie sprawdzi się prawdopodobnie u startupów i takich z małych zespołów produktowych.

Pewnie prawda jest gdzieś pośrodku, jak zawsze, ale AI to nie jest ani taka magiczna różdżka jak z Harry'ego Pottera, ani tylko zabawka. To narzędzie, które potrafi realnie usprawnić Twoją pracę i ją przyspieszyć. No i ja sobie tutaj wynotowałem kilka, a w zasadzie mam ich 11. Aż 11 narzędzi, które pomogą Ci w budowaniu apek, stron i innych rzeczy. I są dedykowane głównie dla designerów, ale oczywiście nie tylko. Pierwszym narzędziem, które mam na liście to Lovable. I Lovable to jest AI do generowania aplikacji webowych od prompta aż do gotowego projektu. Integruje design, bazę danych i podstawową logikę.

Tak w skrócie. No i moim zdaniem fajne narzędzie do stworzenia MVP bez jakiegoś kodu, ale coś, co raczej jest traktowane jako prototyp. Drugim narzędziem jest Supabase i Supabase to jest backend as a service z AI, który pomaga generować struktury bazy danych, API, logikę serwera i tak dalej i tak dalej. Myślę, że fajny właśnie do tych prototypów, fajny do aplikacji SaaSowych. Bardzo usprawnia tworzenie bazy danych. Trwa to w zasadzie godziny, a nie tygodnie. Trzecim narzędziem jest Builder.io i to jest narzędzie, które z prompta generuje responsywne strony w kodzie produkcyjnym, w technologii React i Next.js. No i pozwala zespołom marketingowym tworzyć działające layouty bez devów, a designerom szybciej testować.

Ale jeżeli mówimy o tych narzędziach, to pamiętaj o tym, żeby nie oddawać całego procesu AI. Jeśli wrzucasz jakiś prompt i akceptujesz output, tak naprawdę testujesz AI, a nie projektujesz. Więc włącz krytyczne myślenie. AI pracuje szybciej, ale też szybciej produkuje śmieci. Jest takie powiedzenie, garbage in, garbage out. Zadbaj o to, żeby te prompty były bardzo dobre i żebyś to, co dajesz AI dawał na bardzo wysokim poziomie. Wtedy dostaniesz też lepszy output. I też nie łap się na to złudzenie finalnego designu, bo AI tak naprawdę nie daje finalnego designu bardzo często. Nadal musisz testować, walidować, poprawiać. Ogólnie rzecz biorąc AI zmieniło rolę Designera, moim zdaniem już teraz. Tak naprawdę bardzo mocno zamiast rysować ekrany, już przesuwasz się w stronę kodu, już jesteś orkiestratorem całego tego procesu.

Twoja wartość to już nie jest tylko piksel, ale łączenie tych wszystkich danych, biznesu, UX-a, kodu w jeden spójny proces i wypuszczanie tego jako coś namacalnego, więc... Jeśli nie uczysz się dzisiaj prompt engineeringu, jakiejś tej analizy tego outputu, czy nawet krytycznego myślenia wokół AI, moim zdaniem będziesz miał duże problemy w przyszłości, jeżeli chodzi o ten zawód, więc zachęcam. Na razie w 2025 roku myślę, że AI jeszcze nie zabiło Product Designu. Zabija tylko tych designerów, którzy nie potrafią myśleć o problemie i procesie jako całości, nie potrafią się otworzyć na nowoczesne rzeczy, na nowoczesne narzędzia. Ja bym używał AI do pierwszej iteracji dokładnie wszystkiego, każdego elementu flow, UI, researchu i od tego zaczynał.

Traktowałbym AI jako coś, co pomaga mi zacząć z zapełnioną kartką, a nie z pustą, ale bardzo mocno przepuszczałbym przez mój ten filtr krytycznego myślenia. Dużo dzisiaj powiedziałem o toolsecie Product Designera, więc tak naprawdę przedstawiłem, wydaje mi się, bardzo kompletny zestaw narzędzi w 2025 roku. Fajnie by było spiąć to w jakąś listę, więc może jak będę miał czas i ochonę, to przygotuję kompletne zestawienie wraz z linkami wszystkich tych narzędzi, o których dzisiaj wspomniałem. Więc przejdźmy trochę do podsumowania. Rozmawialiśmy o narzędziach analogowych, researchu, designie, planowaniu komunikacji i narzędziach AI.