Overlap StudioWiedza UXW jakim celu tworzymy Design Systemy?

W jakim celu tworzymy Design Systemy?

7
minut
Share

Z tego artykułu dowiesz się:

  • Z jakich powód warto stworzyć Design System?
  • Kiedy warto w niego zainwestować?
  • Co składa się na Design system?
  • Co możemy dzięki niemu zyskać?

W jakim celu tworzymy Design Systemy?

“Czy ja dalej jestem na tej samej stronie?”, “Coś tu jest nie tak, dlaczego to wygląda inaczej?” - takie pytania mogą nam przychodzić na myśl, gdy widzimy niespójną wizualnie stronę. Niekiedy przyciski oznaczone są kolorem, czasem podkreśleniem, a innym razem w ogóle nie wyglądają na elementy klikalne. Takich typów rozbieżności może być więcej, np. inny sposób wyświetlania nawigacji (menu) na podstronach, czy różne sposoby prezentacji nagłówków.

Możemy mieć wrażenie, że to nie stanowi dużego problemu, gdyż to jedynie kwestie estetyczne. Niestety, takie rozbieżności w rzeczywistości przekładają się na obniżenie użyteczności oraz “nauczalności” strony. To w rezultacie sprawia, że użytkownicy niechętnie z niej korzystają lub po prostu nie mogą się na niej odnaleźć.


Brak spójności - co może Ci pomóc?

Dobrze opracowany Design System, czyli zbiór wszystkich zasad dotyczących zagadnień projektowych w tworzonym produkcie oraz powstałych na ich podstawie komponentów. To skuteczne lekarstwo na brak spójności interfejsu. Dzięki przygotowanej dokumentacji projektowej wszystkie elementy interfejsu, na każdej z podstron, będą spójne, nawet jeśli produkt na przestrzeni czasu zostanie przekazany innemu zespołowi projektantów. W wielu organizacjach Design System jest już standardem projektowania. 

Warto zadbać o to, by wszystkie elementy tworzyły jedną, spójną całość i nie dawały poczucia, że projektowały je różne osoby lub że powstawały w innym czasie.  


Kiedy warto zainwestować w Design System?

W przypadku, gdy pracujemy nad niedużym produktem, nie warto poświęcać czasu na tworzenie obszernej dokumentacji projektowej. Skupmy się wtedy na podstawowych zasadach, którymi będziemy się kierować podczas tworzenia interfejsu. 

Wyzwaniem stają się projekty długoterminowe, skomplikowane platformy, oprogramowanie, gdzie nie sposób zapamiętać wszystkich wytycznych. W szczególności, gdy nad produktem pracuje duży zespół projektantów i deweloperów.  

Trzeba pamiętać, że stworzenie dobrego design systemu nie jest czymś, co stworzymy w kilka godzin, ponieważ w jego budowę wchodzi wiele składowych. Często też w grę wchodzi pogodzenie interesów wielu interesariuszy. Design System jest kompendium wiedzy dla każdej osoby pracującej nad produktem, i tak analityk, deweloper czy projektant - każda z tych osób potrzebuje innych informacji i zasobów.

prototypr.io


Tworzenie Design Systemu

Zamierzając stworzyć Design System, musimy określić, kto będzie odbiorcą naszego produktu, jakie są potrzeby rynku, zapoznać się ze specyfikacją branży i przede wszystkim zrozumieć markę. 

W skład Design Systemu wchodzą m.in.:

  • style guide - czyli, identyfikacja wizualna, zbiór wytycznych dotyczących typografii, kolorystyki, komunikacji z użytkownikiem i inne elementy identyfikujące stronę wizualnie,
  • gotowa biblioteka komponentów zawierająca kod dla programistów, 
  • dokumentacje techniczne i funkcjonalne,
  • elementy związane z użytecznością i dostępnością, 

oraz inne wytyczne dla projektantów i deweloperów. 

Popularne Design Systemy:

  • Material Design (Google)
  • IOS (Apple)  
  • Polaris (Shopify) 
  • ADG (Atlassian)
  • Carbon (IBM)
  • Spectrum (Adobe)
setproduct.com

Co zyskujemy tworząc Design System?

Wiemy już, że stworzenie Design Systemu jest “niemałym orzechem do zgryzienia”, który jednak może okazać się jedną z najlepszych inwestycji projektowych.
Dlaczego?

  • Design System pozwoli zachować spójność wizualną jak i sposób działania w całym produkcie,
  • Wykorzystując powtarzalne schematy zwiększysz poziom doświadczenia użytkownika 
  • Dzięki gotowym elementom przyspieszysz proces powstawania produktu, zarówno ze strony projektowej, jak i dewelopmentu
  • Kod stworzonego produktu może być wielokrotnie używany, stąd rozwijanie kolejnych produktów, będzie pochłaniało znacznie mniej czasu i pieniędzy
  • Jasne wytyczne projektu pozwolą na sprawniejsze wdrożenie nowych pracowników
  • Design System uporządkuje pracę wszystkich osób zaangażowanych w projekt oraz ułatwi wspólną komunikację


Zwiększamy skuteczność stron i aplikacji

  • wykrywamy błędy na stronach
    i w aplikacjach
  • usprawniamy procesy zakupowe
  • projektujemy intuicyjne rozwiązania
  • pomagamy poprawić wyniki
Dowiedz się więcej:
Audyt UXAudyt UX dla e-commerceProjektowanie UX + UIKonsultacje UXBadania UX
Dowiedz się jak możemy Ci pomóc
Skontaktuj się z nami

Marlena Matyjaszczyk

UX Designer
Projektowanie UX + UI

Przełożymy Twój pomysł na atrakcyjny i konwertujący produkt

Projektujemy strony www, sklepy e-commerce, aplikacje mobilne, aplikacje web/SaaS, intranet
Zobacz szczegóły

Dowiedz się, jak możemy Ci pomóc

Zostaw swoje dane lub napisz na office@overlap.studio, a nasz konsultant skontaktuje się z Tobą.

Dziękujemy! Otrzymaliśmy Twoją wiadomość i niebawem się odezwiemy!
Oops! Something went wrong while submitting the form.

Psst: Nikomu nie udostępnimy Twoich danych. Zresztą sprawdź naszą politykę prywatności.