Narzędzia, na których polegamy każdego dnia w Design-Ops

Szczery przegląd 13 narzędzi, które napędzają nasz iteracyjny przepływ pracy nad produktami i ciężko wypracowane lekcje, które utrzymują naszą design operations w ciągłej ewolucji.

Prawda o narzędziach Design Ops

Przetestowałem już sporo narzędzi – około 30, a może nawet więcej. Jest ich mnóstwo, ale powód, dla którego chcesz ich używać, to przyspieszenie dostarczania designu i uczynienie go bardziej adekwatnym. Poprzez tę eksplorację narzędzi zachowaliśmy tylko te, które działają najlepiej w swoim kontekście i oszczędzają nam wystarczająco dużo czasu.

W zasadzie wszystko można by zrobić w Paincie lub innym podstawowym narzędziu graficznym. Prawie wszystko – cóż, nie wszystko, ale to nie ma sensu. Myślę o tym w kategoriach najlepszych oszczędności czasu i wzrostów konwersji w naszych projektach i dla naszych klientów.

Jeśli napotykamy jakiekolwiek wyzwanie, coś, czego nie mogę efektywnie zrobić, staram się sprawdzić, czy istnieją inne opcje i narzędzia, które mogłyby to przyspieszyć. Próbuję tych narzędzi i obserwuję, czy pasują i czy rzeczywiście poprawiają nasz sposób pracy.

Nasza pętla Design Ops w praktyce

Oto, z czym zostaliśmy i jak te narzędzia wpisują się w nasze design operations:

1. Odkrywaj bolączki poprzez wywiady i analitykę
2. Szybko generuj pomysły szkicując szeroko przed zawężeniem
3. Prototypuj i animuj przepływy do wczesnej krytyki
4. Waliduj danymi na żywo i testami A/B
5. Buduj i wdrażaj w sprintach
6. Ucz się przez KPI i retrospektywy

Każdy etap mapuje się na co najmniej jedno z naszych podstawowych narzędzi. Pozwólcie, że opowiem dokładnie jak.

13 narzędzi, które naprawdę mają znaczenie w Design Ops

Ołówek i papier

Pomaga nam szybko iterować, walidować pomysły, rysować i wizualizować je dla stakeholderów. Szybko, ludzko, bez rozpraszania. Każda sesja generowania pomysłów w naszym design ops zaczyna się tutaj.

Excalidraw

Następne po ołówku i papierze jest Excalidraw – świetne narzędzie do tworzenia rysunków w stylu ołówka i papieru na tablicy, którą możemy udostępniać klientom online. Odczucie ręcznego rysunku, cyfrowa prędkość – wklejamy ramki Excalidraw do naszego workflow design ops.

Figma

Figma to narzędzie, którego używamy do tworzenia ładnych projektów i prototypów, a współpraca z FigJam jest świetna. Używamy Figmy do wszelkich projektów high-fidelity lub low-fidelity, dużych systemów projektowych i dużych zestawów komponentów. Współpraca natywna w chmurze czyni Figmę naszym źródłem prawdy w design ops.

Mobbin

Używamy Mobbina do inspiracji i badań UI. Możemy szybko zobaczyć różne przepływy aplikacji i na ich podstawie generować pomysły o najlepszym UX i UI. Badania UI w świecie rzeczywistym na żądanie.

Framer

Gdy sprzedajemy nasze usługi, często używamy Framera, który daje nam większą elastyczność i szybszą opcję tworzenia ładnych landing page'ów z prototypami i animacjami. Prototypowanie zorientowane na ruch bez kodu. Ale nie lubimy Framera do tworzenia samych stron – tutaj priorytetyzujemy Webflow.

Webflow

Bardzo lubimy Webflow jako narzędzie do tworzenia w pełni funkcjonalnych i ładnych stron dla naszych klientów bez potrzeby posiadania programisty. Rozwój wizualny dla realnego wdrażania.

Condens

Do badań użytkowników używamy Condens. Condens jest świetny do kolorowego tagowania i tagowania wywiadów. Kompleksowe repozytorium badawcze zamykające lukę między odkrywaniem a dostarczaniem w naszym design ops.

Hotjar

Używamy Hotjara do obserwowania nagrań sesji naszych użytkowników. Mapy ciepła i odtworzenia sesji podczas naszych „Piątków Obserwacji" – oglądamy pięć losowych odtworzeń, żeby wychwycić tarcia.

GA4 (Google Analytics 4)

Używamy GA4 dość intensywnie do śledzenia lejków i źródeł pozyskiwania nowych klientów. Zarówno do celów marketingowych, jak i optymalizacji designu.

VWO

Używamy VWO, gdy chcemy robić testy A/B. Eksperymenty na skalę – uruchamiamy testy A/B bez kodu i eksperymenty wielowariantowe, integrując wyniki z GA4.

Jira

Używamy Jiry do śledzenia współpracy w designie między stakeholderami, zarządzania zadaniami projektowymi i raportowania postępów. Backlog, sprinty i widoczność między zespołami.

ChatGPT i generatywne narzędzia AI

Używamy sporo generatywnych narzędzi AI do szybkiego generowania pomysłów, badań i tworzenia konceptów. ChatGPT pisze mikrokopię UX, mapuje kryteria akceptacji i proponuje warianty do testów A/B. Zawsze z ludzką recenzją.

Excalidraw w warsztatach

Używamy Excalidraw na początku sesji warsztatowych z klientami. Jest to dość mocno osadzone w naszych procesach design ops.

Ewolucja naszych narzędzi Design Ops

W 2022 przeszliśmy z innych narzędzi (Axure RP) na Figmę, potem dodaliśmy Excalidraw. Dodaliśmy Jirę, a Google Analytics był z nami od początku. Przeszliśmy na VWO w 2024 z własnych rozwiązań do testów A/B. Mobbina wprowadziliśmy miesiąc temu. Condens używamy intensywnie od 2023, a Framer i Webflow są mocno osadzone w naszym workflow od 2024.

Próbowaliśmy też narzędzi, których nie adoptowaliśmy. Na przykład Zeplin – nauczyliśmy się, że choć coś wygląda ładnie (jak tryb deweloperski w Figmie), nie jest używane przez ludzi, z którymi współpracujemy. Lepsza organizacja w codziennej pracy projektowej pomaga nam znacznie lepiej niż wprowadzanie nowych narzędzi.

Framework decyzyjny Design Ops

Oceniamy nowe narzędzia w naszym design ops na podstawie:

• Łatwości onboardingu
• Kosztu licencji na osobę
• Otwartości API
• Zdolności do redukcji czasu cyklu o ≥15%

Ciężko wypracowane lekcje Design Ops

Bezwzględna kuracja bije syndrom błyszczącego narzędzia. Wszystko można zrobić podstawowymi narzędziami, ale to nie ma sensu.

Integracje mają większe znaczenie niż indywidualne funkcje. To tworzy ten proces przekazania, który jest kluczowy w design ops.

Najpierw dokumentuj ceremonie – potem wybieraj oprogramowanie. Lepsza organizacja pomaga bardziej niż nowe narzędzia.

Kwartalne audyty zapobiegają rozrostowi. Stale oceniamy, czy narzędzia rzeczywiście poprawiają nasz sposób pracy.

Generatywne narzędzia AI świetnie sprawdzają się w iteracji, ale wymagają jasnych promptów i ludzkiego QA.

Dlaczego ten stos Design Ops działa

Dlaczego używamy Framera i Figmy razem: Framer jest bardzo dobry do animacji, a Framer może pomóc nam wystawić stronę na żywo. Webflow jest bardzo dobry, gdy nie potrzebujemy customowego oprogramowania. Ta separacja pozwala naszemu design ops płynnie przechodzić od konceptu do dostarczenia.

Podsumowanie o narzędziach Design Ops

To jest żyjący zestaw narzędzi za naszym silnikiem design ops – trzynaście narzędzi, jedna spójna pętla. Poprzez eksplorację i testowanie około 30 narzędzi zachowaliśmy tylko te, które działają najlepiej w swoim kontekście.

Kluczem jest obserwowanie, czy pasują i czy rzeczywiście poprawiają Twój sposób pracy. Wszystko w design ops można zrobić podstawowymi narzędziami, ale to nie ma sensu. Sposób myślenia o tym to szukanie najlepszych oszczędności czasu i wzrostów konwersji. Tak budujesz fundament design ops, który naprawdę działa.