DesignOps

Design system działa tylko wtedy, gdy ktoś nim zarządza

Design system, którym nikt nie zarządza, traci spójność w rok: komponenty się dublują, dokumentacja się starzeje, zespoły go omijają. DesignOps to proces, narzędzia i szkolenia, dzięki którym system jest używany, aktualny i ma właściciela.

Opracowanie: Radosław Kołacki Aktualizacja:

Plansza design systemu: chipsy, pola formularzy i nawigacja

Zaufali nam

  • Cloudvisor
  • NoHo Partners
  • Cocks & Cows
  • AmRest
  • wFirma
  • S3 Connected Health
  • Inprogress
  • QIAGEN
  • Camping
  • Ranking oczyszczaczy powietrza
  • Puławski Park Naukowo-Technologiczny
  • Kokosek
  • Mononi
  • Fiat
  • Aglomeracja Wrocławska
  • TED
  • Fersk
  • Transcash
  • Biomed Neurotechnologie

Kiedy warto wprowadzić DesignOps?

Firma ma design system, zbudowany przez Squares albo wewnętrznie, ale komponenty istnieją w kilku wersjach w różnych zespołach.

Dokumentacja nie nadąża za zmianami i nikt nie wie, kto może system zmieniać. Nowe osoby w zespole go nie używają.

Inwestycję w system, z której Head of Product rozlicza się przed zarządem, coraz trudniej wtedy obronić.

Dla kogo jest DesignOps?

  • Design system jest wdrożony w Figmie i w kodzie (np. Storybook), ale nikt za niego nie odpowiada
  • Rośnie liczba projektów i osób korzystających z tego samego systemu
  • Po redesignie Head of Product albo lider designu chce utrzymać spójność produktu

Jak to wygląda

Jak wygląda opieka DesignOps krok po kroku?

  1. 01

    Audyt stanu systemu

    Sprawdzamy, ile zespołów faktycznie używa systemu, gdzie komponenty się rozeszły i co wymaga naprawy.

  2. 02

    Zasady zmian

    Ustalamy, kto może zmieniać system, jak numerujemy wersje i jak opisujemy zmiany.

  3. 03

    Narzędzia

    Porządkujemy albo wdrażamy Storybook (katalog komponentów w kodzie), automatyczne przenoszenie tokenów, czyli nazwanych wartości kolorów i odstępów, z Figmy do kodu oraz kontrolę spójności.

  4. 04

    Szkolenie zespołów

    Uczymy projektantów i deweloperów, jak korzystać z systemu i jak go rozwijać.

  5. 05

    Cykliczne przeglądy

    Co miesiąc albo co kwartał sprawdzamy stan systemu i porównujemy wynik z poprzednim przeglądem.

  6. 06

    Analityka użycia

    Mierzymy, które komponenty i tokeny są faktycznie używane, a gdzie zespoły obchodzą system.

Design system jest w organizacji używany i aktualny, ma jasny proces zmian i regularny przegląd z liczbami.

Ile kosztuje DesignOps?

od 2 500 zł netto/mc

Stała opieka kosztuje od 2 500 zł netto miesięcznie. Zaczynamy od audytu stanu systemu, który wyceniamy zależnie od jego skali. Stałą opiekę rozliczamy miesięcznie, a opłatę dobieramy do wielkości zespołu i częstotliwości zmian.

Pierwszym krokiem po rozmowie jest audyt stanu systemu. O stałej opiece firma decyduje dopiero po nim, z wynikiem w ręku. Odpowiedź przychodzi w ciągu kilku godzin.

Porozmawiajmy o DesignOps

Zespół Squares podczas warsztatów nad mapą ekranów aplikacji
„Współpracuję z agencją Squares od dłuższego czasu i z czystym sumieniem mogę ich polecić każdemu, kto szuka rzetelnych deweloperów. Realizowaliśmy wspólnie kilka stron www. Cały proces przebiegł bardzo sprawnie.”
Dominika Cisowska Opinia z Google · Cała opinia

Pytania

Najczęstsze pytania

Czym jest DesignOps?

DesignOps to proces, narzędzia i szkolenia, dzięki którym design system jest używany, aktualny i ma właściciela. Obejmuje zasady wprowadzania zmian, numerowanie wersji, dokumentację i regularne przeglądy stanu systemu. Bez tego system traci spójność w rok: komponenty się dublują, dokumentacja się starzeje, a zespoły go omijają.

Czym DesignOps różni się od usługi Design system?

Design system to projekt jednorazowy: zaprojektowanie i wdrożenie komponentów oraz zasad. DesignOps to ciągłe utrzymanie systemu, który już istnieje: proces zmian, narzędzia, szkolenia i adopcja w zespołach. Pierwsza usługa kończy się gotowym systemem, druga pilnuje, żeby rok później nadal był w użyciu.

Kiedy firma potrzebuje DesignOps?

DesignOps jest potrzebny, gdy design system istnieje w Figmie i w kodzie, ale nikt za niego nie odpowiada. Objawy: te same komponenty w kilku wersjach w różnych zespołach, dokumentacja, która nie nadąża za zmianami, brak jasności, kto może system zmieniać, i nowe osoby, które z niego nie korzystają.

Ile kosztuje DesignOps?

Audyt stanu systemu wyceniamy zależnie od jego skali. Stałą opiekę rozliczamy miesięcznie, a opłata zależy od wielkości zespołu i częstotliwości zmian. Wstępną wycenę podajemy po pierwszej rozmowie. O stałej opiece firma decyduje dopiero po audycie, z wynikiem w ręku.

Co obejmuje DesignOps?

Usługa obejmuje audyt stanu systemu, zasady zmian i numerowania wersji, uporządkowanie albo wdrożenie Storybooka i automatycznego przenoszenia tokenów z Figmy do kodu, szkolenie projektantów i deweloperów, cykliczne przeglądy oraz analitykę użycia komponentów. Efektem jest system używany w organizacji, z jasnym procesem zmian i regularnym przeglądem z liczbami.

Jak zmierzyć stan design systemu?

Stan design systemu oceniamy w liczbach: przy każdym przeglądzie przechodzimy przez plik w Figmie i oceniamy zdrowie systemu od 0 do 100 w pięciu obszarach. Są to kolory i tokeny, odstępy i układ, typografia, komponenty oraz nazwy i dokumentacja. Wynik porównujemy z poprzednim przeglądem, więc widać, czy system się porządkuje, czy rozjeżdża.

Czy DesignOps obejmuje design system zbudowany przez innego wykonawcę?

Tak. Pracę otwiera audyt stanu systemu, niezależnie od tego, kto go zbudował: Squares, zespół wewnętrzny czy inny wykonawca. Audyt pokazuje, ile zespołów faktycznie używa systemu, gdzie komponenty się rozeszły i co wymaga naprawy. Po nim wiadomo, co zostaje, a co trzeba uporządkować.

Czy DesignOps obejmuje szkolenia zespołu?

Tak. Szkolenie projektantów i deweloperów z korzystania z systemu i jego rozwijania jest częścią zakresu i nie wymaga osobnego zamówienia. Bez szkolenia nowe osoby w zespole systemu nie używają. W planie pracy następuje ono po ustaleniu zasad zmian i uporządkowaniu narzędzi.

Jak często odbywają się przeglądy design systemu?

Przeglądy odbywają się co miesiąc albo co kwartał. Do przeglądu potrzebny jest dostęp do pliku systemu w Figmie i do katalogu komponentów w kodzie, na przykład w Storybooku. Każdy przegląd wskazuje odstępstwa od systemu, od najpilniejszego, i mierzy, które komponenty i tokeny są faktycznie używane.

Czy są już realizacje usługi DesignOps?

DesignOps jako osobna usługa jest nowy w ofercie i osobnego case study jeszcze nie ma. Opieramy go na design systemach, które zbudowaliśmy: jednym systemie dla czterech marek NoHo Group i design systemie serwisu pompy.app, opisanym raz, żeby rozbudowa nie psuła spójności wyglądu. Stąd wiemy, które decyzje projektowe nie sprawdzają się w praktyce.