O Design SystemieSzkolenie Design System Masterclass
Zapisz się na szkolenie
Co zyskaszZ czego się składaJak stworzyćPrzykłady

Design system

Oszczędź czas i pieniądze. Stwórz raz i używaj wielokrotnie.

Naucz się tworzyć i rozwijać Design Systemy

Czym jest design system?

Design system to zbiór spójnych wzorców, komponentów i zasad projektowych, które usprawniają proces tworzenia interfejsów.

Pozwalają tworzyć spójne projekty w różnych produktach. Projektanci i programiści mogą wykorzystać te same elementy, aby tworzyć zupełnie różne rzeczy.

‍

Design System w liczbach.
Co możesz zyskać?

Zwiększyć efektywność projektantów o:
~20%

Skrócić czas tworzenia projektu o:
~50%

Zwiększyć skalowalność projektów o:
~35%

Zmniejszyć liczbę błędów programistycznych o:
~50%

Skrócić czas implementacji o:
~40%

Przyspieszyć proces implementacji o:
~33%

Jakie korzyści daje Design System?

Efektywność
Umożliwia tworzenie interfejsów użytkownika szybciej i bardziej efektywnie.

Skalowalność projektów
Umożliwia łatwiejsze skalowanie projektów i dostosowywanie ich do zmieniających się wymagań.

Spójność i jakość
Pozwala tworzyć spójne interfejsy o wysokiej jakości, w wielu produktach jednocześnie.

Oszczędność czasu i zasobów
Pozwala na ponowne wykorzystanie gotowych komponentów i wzorców, co przyspiesza proces implementacji.

Współpraca
Sprzyja lepszej współpracy i komunikacji między programistami a projektantami.

Jak stworzyć odpowiedni ekosystem dla Design Systemu?

Dokumentacja
Umożliwia jednolite zrozumienie i implementację wzorców projektowych, komponentów i zasad.

Procesy
Obejmują tworzenie, aktualizację i utrzymanie spójnego Design Systemu, aby zapewnić jego skalowalne i zwinne działanie.

Narzędzia
Ułatwiają tworzenie, zarządzanie i wdrażanie design systemów. Są to narzędzia do projektowania, prototypowania, wdrażania, współpracy zespołowej, dokumentowania komponentów i zarządzania wersjami.

Dowiedz się, jak stworzyć odpowiedni ekosystem

Składowe Design Systemu

Zasady i wytyczne
Umożliwiają skuteczne zarządzanie i utrzymanie spójnego wizerunku marki na różnych platformach i urządzeniach. Pomagają podejmować szybkie i precyzyjne decyzje.

Tokens, Motions, Tone of Voice, Layouts, Interactions

Szablony
Kolekcje grup lub układów elementów interfesju.

Page header, Forms, Messages

Komponenty
Buttons, Inputs, Radiobuttons, Checkboxes, Switches, itd.

Style
Colors, Typography, Icons, Illustrations, Images

Dowiedz się, jak stworzyć odpowiedni ekosystem

Składowe i ich zawartość należy dostosować do potrzeb organizacji.

Jak tworzyć Design System?

Plan należy dostosować indywidualnie do organizacji, zależy od wielu czynnników, takich jak: cele, potrzeby, problemy i możliwości.

Przykładowy proces tworzenia design Systemu:

Etap 1:
Analiza i plan działania

Krok 1
Rozpoznanie potrzeb organizacji
Określenie miejsca, w którym znajduje się organizacja, w kontekście Design Systemu. Wybór produktu/ów do wdrożenia Design Systemu

Krok 2
Audyt
Zidentyfikowanie niezgodności i błędów w interfejsie użytkownika oraz analiza systemu.

Krok 3
Odkrywanie i definiowanie
Wykrycie potrzeb i problemów, na których Design System ma się skupić na początku.

Krok 4
Stworzenie planu działania
Określenie kierunku i zakres działań. Wybranie metryk sukcesu do mierzenia postępów i monitorowania celów.

Etap 2:
Stworzenie struktury Design Systemu

Krok 1
Stworzenie zasad
Do skutecznego zarządzania i utrzymania spójnego wizerunku marki na różnych platformach i urządzeniach.

Krok 2
Stworzenie stylów i tokenów
Do stworzenia skalowalnego systemu odpornego na błędy i elastycznego na zmiany.

Krok 3
Stworzenie szablonu dokumentacji
Umożliwiajającej jednolite zrozumienie i implementację wzorców projektowych, komponentów i zasad.

Krok 4
Stworzenie procesów
Umożliwiających spójne i zoptymalizowane tworzenie, testowanie i wdrażanie komponentów.

Etap 3:
Budowa składowych Design Systemu

Krok 1
Projektowanie

Krok 2
Stworzenie dokumentacji

Krok 3
Wdrożenie

Krok 4
Testowanie

Etap 4:
Wdrożenie Design Systemu w produkcie

Krok 1
Wsparcie produktu
Wsparcie, nadzór i kontrola, które pozwolą skutecznie wdrażać Design System do produktów.

Krok 2
Wsparcie i angażowanie społeczności
Wspieranie pomysłów, zgłoszeń i zapotrzebowania zespołów produktowych.

Dowiedz się, jak budować Design System

Zespół Design System

Skład zespołu może się różnić w zależności od organizacji, jej wielkości, systemów i potrzeb. Jednak zazwyczaj początkowy skład zespołu to:

Początkowy skład

Product Owner
Koordynuje prace zespołu, optymalizuje procesy oraz zbiera wymagania od zespołów produktowych.

Product Designer
Odpowiada za warstwę wizualną składowych Design Systemu. Tworzy dokumentację wytycznych dla projektantów i opisuje konstrukcję komponentu dla programistów.

Front-end Developer
Odpowiada za kodowanie komponentów i tworzenie dokumentacji wytycznych dla developerów.

Kogo jeszcze możesz potrzebować?

UX Designer
Odpowiada za przygotowanie i prowadzenie warsztatów, odkrywanie potrzeb i problemów, badania i testy Design Systemu.

Accessability Designer
Odpowiada za dostępne i użyteczne interfejsy dla osób o różnych zdolnościach i potrzebach, poprzez uwzględnienie zasad dostępności i innych aspektów.

UX Writer
Jego zadaniem jest zapewnienie, że słowa i komunikacja w interfejsie są klarowne, spójne z marką oraz dostosowane do potrzeb i oczekiwań użytkowników.

Dowiedz się, jak budować i rozwijać zespół

Przykładowe Design Systemy

Google
Material

Adobe
Spectrum

IBM
Carbon

Salesforce
Lightning

Chcesz się nauczyć tworzyć i rozwijać Design Systemy?

Na szkoleniu dowiesz się:

  • Jak stworzyć odpowiedni ekosystem dla Design Systemu
  • Jak stworzyć składowe i wytyczne
  • Jak budować i rozwijać Design System dostosowany do każdej organizacji

Potrzebujesz dodatkowych informacji?
Jesteś zainteresowany szkoleniem dla firmy?

Telefon

Telefon

(+48) 571 022 097
Email

Email

krystian@designsystems.online

Kontakt

krystian@designsystems.online

Inne

Polityka prywatności

Social media

Linkedin

Copyright © 2023 Design System MasterClass. All rights reserved.