Design System to zbiór komponentów wielokrotnego użytku, powstałych według jasno określonych standardów, które można łączyć ze sobą w celu stworzenia dowolnej liczby produktów cyfrowych. Zbudowanie biblioteki wzorców projektowych, reguł i wytycznych UX zapobiega niespójnościom, zwłaszcza kiedy produkt rozwija się i zwiększa swoją skalę. Dlatego warto zadbać o tworzenie Design Systemu już na wczesnych etapach powstawania produktu.
Pierwszym krokiem w budowaniu systemu projektowego jest przeprowadzenie wizualnej inwentaryzacji obecnego produktu, niezależnie od tego, czy jest to projekt aplikacji, strony internetowej czy innego produktu cyfrowego. Inwentaryzacja styli CSS i wizualnych cech elementów produktu mogą pomóc w ocenie, jak dużym przedsięwzięciem będzie proces budowy Design Systemu.
Język projektowania wizualnego jest wykładnią służącą do budowy Design Systemu. Składa się on z czterech głównych kategorii i należy wziąć pod uwagę rolę każdego z tych elementów projektu: typografia, kolor, odległości i rozmiary, zdjęcia. Określenie języka projektowania wizualnego posłuży budowaniu konkretnych komponentów produktu cyfrowego i jego dalszej rozbudowie w przyszłości.
W przeciwieństwie do przeprowadzonej inwentaryzacji wizualnej (który sprawdził cechy wizualne elementów projektu), ten etap procesu dotyczy rzeczywistych składników interfejsu użytkownika. Po zebraniu wszystkich elementów interfejsu (przyciski, formularze, popupy, nawigacje, etc.) redukuje się zbędne warianty komponentów oraz usuwa komponenty niepotrzebne.
Dokumentacja wyraźnie komunikuje wszystkim osobom korzystającym z Design Systemu, w jaki sposób używać komponenty, które się w nim znajdują. Tym samym redukuje liczbę ich błędnych zastosowań, co pozwala na utrzymanie użyteczności produktu na zamierzonym, wysokim poziomie. To istnienie dokumentacji rozróżnia pojęcia biblioteki projektowej i Design Systemu.
Przede wszystkim dzięki Design Systemowi zespoły projektowe posiadają dostęp do jednego źródła prawdy, które zawiera skalowalny język interfejsu użytkownika i jednoznaczne wytyczne do jego stosowania.
Design System to:
Zostaw swoje dane lub napisz na office@overlap.studio, a nasz konsultant skontaktuje się z Tobą.
Psst: Nikomu nie udostępnimy Twoich danych. Zresztą sprawdź naszą politykę prywatności.
