5 kluczowych kroków do zbudowania idealnego systemu projektowego

Niezbędne kroki do zbudowania systemu projektowania

Systemy projektowe to zbiór elementów, elementów i zasad wielokrotnego użytku, które stanowią wytyczne dla całego zespołu projektowego. Obecnie powszechnie uważa się, że jest to kluczowa część procesu projektowania UX, która ma znaczenie dla zapewnienia użytkownikom pomyślnego doświadczenia.

W ciągu ostatnich kilku lat system ten wniósł powiew świeżości do strategii projektowania produktów w wielu krajach i to znacznie więcej niż typowe przewodniki po interfejsie użytkownika.

Dużo słyszymy o konieczności stworzenia tego systemu, biorąc pod uwagę jego spójność i inne korzyści, jakie nam oferuje.

Znane firmy, takie jak IBM i Airbnb, również wprowadziły własne systemy projektowania, aby przyspieszyć i ułatwić tworzenie w swoich zespołach.

Mając na uwadze to krótkie wprowadzenie, przejdźmy do bardziej szczegółowego opisu projektowania systemów i dowiedzmy się, w jaki sposób może nam to pomóc.

Czym dokładnie jest system projektowy?

System projektowy to kompleksowe źródło informacji składające się z różnych elementów, które pomagają członkom zespołu w projektowaniu i rozwoju produktu.

Pozwala obsłużyć wszystko, co jest związane z projektowaniem produktu na większą skalę dla wielu aplikacji. Ogólnym rezultatem tego zestawu wytycznych jest spójny porządek w systemach, który obejmuje każdy krok, od przycisków akcji po stronę docelową.

 

Jaka jest różnica między systemami projektowymi a przewodnikami stylistycznymi?

Zazwyczaj system projektowy składa się z różnych elementów, które czynią go niezawodnym źródłem dla różnych zastosowań.

To, co znajdziesz w przewodniku po stylach, to szeroka gama kolorów, logo, czcionek i innych niezbędnych atrybutów marki. Zespoły projektowe i marketingowe najczęściej korzystają z przewodników stylistycznych, ale system projektowania jest ponad aspektami wizualnymi i prezentacyjnymi.

Jest to połączenie stylu, głosu i komponentów, które są kluczowe dla stworzenia ucieleśnienia systemu.

Rozważ przewodniki, które koncentrują się głównie na sposobie, w jaki firmy powinny rozmawiać ze swoimi odbiorcami.

Różni się to od zwykłych przewodników po stylu, ponieważ mówi ci, co robić, a czego unikać, aby przekazać człowiekowi lepsze samopoczucie, a tym samym pozostawić po sobie cenniejsze doświadczenie.

Mówiąc prościej, możesz znaleźć zasady, przewodniki, wzorce, komponenty i protokoły w miejscu zwanym systemem projektowania.

Dlaczego firma powinna mieć system projektowania?

System projektowy to dynamiczny zbiór informacji, który ewoluuje wraz z produktami w miarę rozwoju firmy lub zmian potrzeb klientów.

Zwiększona produktywność i łatwiejsze współpraca to dwa nierozłączne efekty projektowania systemów w pracy zespołowej. Mogą pomóc firmom na wiele sposobów w ich rozwoju, a oto niektóre z najważniejszych:

Konsystencja

Firmy często muszą projektować dla wielu platform, jednocześnie zachowując spójność interakcji i zachowań między nimi.

Im bardziej spójne są Twoje źródła, tym łatwiej byłoby projektantom i programistom wdrożyć wysokiej jakości interfejs użytkownika.

W ten sposób będą mogli rozważyć konkretny produkt lub stronę jako kombinację znanych elementów. Weź pod uwagę, że potrzebujesz przycisku CTA na stronie docelowej.

Zamiast opisywać dokładne szczegóły dotyczące czcionki, wypełnienia, koloru i tła, po prostu poproś o podanie „głównego wezwania do działania”.

Takie postępowanie zapobiega zobaczeniu produktu z ponad dziesięcioma różnymi stylami przycisków, wieloma układami projektów oraz różnymi uczuciami i wyglądem.

Z innego punktu widzenia daje to oparte na komponentach i Modułowa sposób myślenia swoim projektantom. Pozwala im definiować znacznie łatwiejsze w zarządzaniu elementy i wprowadzać wymagane zmiany zgodnie z potrzebami projektowymi.

Ta spójność nie pozostawia końcowego wyniku, ale produkt o wyższej jakości, który ułatwia również monitorowanie zespołu QA.

Praca zespołowa

Czy jesteś jedną z tych korporacji, które mają wiele zespołów pracujących nad projektami jednocześnie? Jeśli tak jest w Twoim przypadku, ustanowienie systemu projektowania może znacznie przyspieszyć współpracę między członkami zespołu.

To źródło informacji pozwala zaoszczędzić tyle czasu na tworzeniu nowych projektów od podstaw lub aktualizowaniu istniejących, ponieważ ludzie mają lepszy dostęp do różnych zasobów.

Ponadto komunikacja między projektantami a programistami staje się bardziej wydajna. Dlatego wielu uważa systemy projektowania za pomost między tymi dyscyplinami.

Posiadanie systemu projektowego nie tylko zwiększa produktywność obecnych członków zespołu, ale także przyspiesza ich realizację etapy wchodzenia na pokład nowicjuszy.

Nowi projektanci lub programiści w Twoim zespole mogą o wiele szybciej zapoznać się z Twoimi wartościami i bez wysiłku zlokalizować to, czego potrzebują.

Jakiego rodzaju systemu projektowania potrzebujemy?

Rodzaj systemu projektowania, którego należy przestrzegać, w dużym stopniu zależy od zespołu i produktu, który chcesz wyprodukować. Możemy to zrozumieć, zaczynając od kilku prostych pytań.

• Czy system będzie używany przez mały zespół czy duży? Czy w pełni rozumieją temat?
• Jaka jest łączna liczba produktów, które zostaną wyrównane? Z jakich platform i technologii korzystamy?
• Czy konsystencja wszystkich produktów jest dla nas istotna, czy nie?

Poniższe zasady pomogą nam lepiej zrozumieć tę kwestię.

 

Elastyczny czy sztywny?

Przede wszystkim musisz mieć jasne pojęcie, czy chcesz zostawić miejsce na dalsze eksperymenty, czy nie.

Elastyczny plan daje wszystkim członkom zespołu ogólne wytyczne do stosowania, a jednocześnie zapewnia im pewien poziom swobody. Oznacza to, że członkowie Twojego zespołu, zarówno w dziale projektowania, jak i rozwoju, mogą z niego korzystać w oparciu o swoje wymagania.

Z drugiej strony sztywny plan obejmuje szczegółową dokumentację, która daje zarówno projektantom, jak i programistom zsynchronizowany plan do naśladowania.

Wprowadzanie nowych pomysłów lub elementów do planu nie jest łatwe w ścisłych systemach, dlatego należy je przygotować w pierwszej kolejności z uwzględnieniem wszystkich rzeczy.

Najlepszym podejściem jest wykorzystanie kombinacji elastyczności i sztywności. Czasami twoi projektanci i programiści mogą nie być tak bardzo zainteresowani korzystaniem z twojego systemu projektowego, a zobowiązanie ich do tego nie pozostawia żadnego wpływu, poza odepchnięciem ich.

Jednak bardzo luźny system, który pozostawia wszystko opcjonalne, w ogóle nie może być uważany za system projektowy! Pamiętaj więc, aby uzyskać to, co najlepsze z obu światów, przygotowując swój system projektowy ze ścisłymi i luźnymi planami systemu.

Modułowy kontra zintegrowany

Modułowe projekty systemów są obecnie szeroko stosowane w różnych gałęziach przemysłu. Najlepiej jest używać go w projektach, które wiążą się z potrzebami wielu użytkowników i powinny skalować się w krótkim czasie.

Jednak wdrożenie takich systemów często wymaga wyższych budżetów, ponieważ stworzenie niezależnych części, które mogą ze sobą skutecznie współpracować, jest trudnym zadaniem.

Jest często wykorzystywany w projektach o szerokim zasięgu, takich jak duże sklepy internetowe czy serwisy rządowe.

Zintegrowany system, z drugiej strony, koncentruje się głównie na jednym kontekście. Chociaż składa się z niektórych części, można je wymieniać lub używać zamiennie.

Nadaje się do systemów, które nie mają w sobie tylu powtarzających się elementów.

Jak zbudować system projektowy?

Uruchomienie systemu projektowania dla Twojej organizacji może na początku wydawać się niezwykle zniechęcające. Istnieje wiele punktów do rozważenia, a systemu projektowania nie można przygotować i wprowadzić w życie z dnia na dzień.

Ogólnie rzecz biorąc, mamy przed sobą dwa przypadki, rozpoczęcie zupełnie nowego projektu lub pracę z produktami, które obecnie posiadamy. Ogólne podejście jest prawie takie samo, ale to drugie obejmuje więcej kroków.

W przypadku nowego projektu należy zacząć od sprawdzenia różnych próbek zawierających elementy i koncepcje. Poszukaj projektów, które mogą sprawić, że poczujesz się usatysfakcjonowany, a następnie użyj istniejących popularnych zasad, aby wymyślić kolory i kształty dla różnych części.

Jeśli już pracujesz z projektem, pierwszym krokiem do wykonania jest utworzenie spisu Elementy interfejsu użytkownika.

W ten sposób będziesz w stanie przeanalizować różnice i podobieństwa między nimi, a tym samym zmniejszyć dodatkowe opcje.

Teraz możesz je sprawnie pogrupować w oparciu o ich zastosowanie i skorzystać z dostępnych narzędzi, aby przyspieszyć ten proces.

Zgodnie z ogólną procedurą kluczowe kroki tworzenia takiego systemu są następujące.

Analizuj to, co masz

Najlepszym sposobem na wybór systemu projektowego do wdrożenia jest przejrzenie istniejącego podejścia zastosowanego w projektach. Zacznij od ustalenia procesów, które stosujesz i narzędzi, których używasz do tego celu.

Oceń także, jak łatwo zespoły produktowe mogą zrozumieć aspekty projektowe, próbując oszacować wymagany czas na wprowadzenie systemu projektowego.

Następnie zidentyfikuj alfabet, którego używasz dla swojej marki.

Ten ogólny termin obejmuje wartości produktu oraz używane kolory, głos i czcionki. Możesz także przejrzeć wytyczne swojej marki i odwoływać się do tego zbioru danych podczas pracy nad zasadami projektowania.

 

Sprawdź aspekty wizualne

Ostatnią rzeczą, z którą chciałbyś się spotkać, jest powielanie projektów. Przynosi niespójność, co prowadzi do niższej jakości wyników projektu.

Przeprowadź audyt wizualny, aby zidentyfikować duplikaty i sklasyfikować wszystkie powiązane komponenty w produkcie. Audyt ten pomoże Ci nie tylko znaleźć niespójności w obrębie produktu, ale także najistotniejsze i wykorzystane w nim elementy.

Możesz rozpocząć ten wieloetapowy proces od sprawdzenia liczby unikalnych kolorów i krojów pisma w swoim CSS za pomocą narzędzia CSS Stats.

Teraz, gdy masz już lepszy pomysł na swoją stylizację, możesz poszukać składników.

Tutaj możesz skorzystać ze strony internetowej Atomic Design, w której, jak sama nazwa wskazuje, znajdziesz zestawienie najmniejszych elementów istniejących na stronie internetowej.

Stwórz język projektowania i wzór

Twój język projektowania jest sercem systemu projektowania, którego zamierzasz użyć. Wspaniałe wrażenia użytkownika można osiągnąć dzięki jasnemu zrozumieniu, dlaczego podejmowane są decyzje projektowe.

Twoje zasady projektowe powinny dawać zrozumiałą odpowiedź na pytania dotyczące tego, co budujesz, przyczyny tego i metodologii, której do tego użyłeś. Język projektowania powinien składać się z czterech głównych części.

Kolor

Zwykle dwa lub trzy główne kolory są używane do reprezentowania tożsamości marki. Jeśli chcesz dać swoim projektantom więcej opcji, uwzględnij mieszanki kolorów, odcienie i odcienie.

 

Czcionki

Właściwy system projektowania często składa się z dwóch czcionek; jeden dla nagłówków i treści, a drugi dla kodów. Unikaj posiadania wielu czcionek, ponieważ wprowadza to użytkowników w błąd i nie przynosi żadnych pozytywnych rezultatów. Również, Wybór odpowiedniej czcionki dla strony internetowej może być trudne, więc zwróć na to wystarczającą uwagę.

 

Odstępy i rozmiary

Odstępy i marginesy, których używasz na swoich stronach, wyglądają najlepiej, gdy są zrównoważone. Decydowanie się na systemy, które są w pełni kompatybilne ze smartfonami, staje się teraz koniecznością w tym zakresie.

 

Obrazowość

Twoje zdjęcia również powinny być przygotowane w oparciu o wytyczne. Ustal pewne zasady i plany dla swojej marki i trzymaj się ich za wszelką cenę.

Teraz nadszedł czas, aby zagłębić się w rzeczywiste komponenty, które będą używane w twoim interfejsie użytkownika. Stwórz bibliotekę z posiadanych części i elementów, która zawiera każdy przycisk, obraz, a nawet formularze.

Oceń je na podstawie swoich dokładnych potrzeb, połącz podobne i usuń dodatkowe elementy, aby uprościć proces podejmowania decyzji.

 

Ustal zasady i strategie

Jak wcześniej wspomniano, ostatecznym celem systemu projektowania jest wzniesienie kreatywności na wyższy poziom.

Wspomnieliśmy w poprzednich sekcjach, że twoje zasady powinny być połączeniem ścisłych i luźnych, aby kreatywność członków zespołu nigdy nie ograniczała się do jednego kierunku.

Biorąc pod uwagę dynamiczny charakter systemu projektowego, powinieneś określić sposób radzenia sobie ze zmianami w dłuższej perspektywie.

Jeden z popularnych modeli opisuje trzy podejścia do strategii zarządzania — pojedyncze, scentralizowane i federacyjne.

W modelu samotnym odpowiedzialna jednostka lub grupa podejmuje wszystkie decyzje związane z systemem projektowym.

Model scentralizowany odnosi się do warunków, w których zespół jest odpowiedzialny za to, co dzieje się w systemie. A model federacyjny oznacza, że ​​za system odpowiada kilka osób z różnych zespołów.

Wielu uważa, że ​​model samotny jest najbardziej ryzykownym wyborem, ponieważ za wszystko decyduje jedna osoba, co w wielu przypadkach może uniemożliwić ukończenie zadania.

Organizacje, które mają zespół odpowiedzialny za aktualizację i zmianę systemu, powinny utrzymywać go w bliskim kontakcie z innymi, aby system był bardziej wszechstronny.

Biorąc pod uwagę zaangażowanie kilku zespołów w modelu federacyjnym, ludzie mogą znacznie szybciej przystosować się do zmian. Jednak lider zespołu jest potrzebny do kontrolowania ogólnych postępów.

Każda z tych opcji ma wady i zalety, a wybór modelu zależy wyłącznie od Ciebie.

Możesz wdrożyć kombinację wszystkich podejść w swoim zespole, ale bez względu na to, co robisz, zawsze koncentruj się na udziale członków zespołu w swoim systemie i zachęcaj ich do omawiania swoich pomysłów.

Owijanie w górę

Systemy projektowania nie są już futurystycznymi wizjami. System projektowy to pełny pakiet potrzeb projektowych, który w coraz większym stopniu staje się podstawą strategii produktowych w firmach.

Im lepszą integrację może zapewnić z projektantami i programistami, tym lepsze wyniki generuje. Ten system wzmacnia działania oparte na projektowaniu i ewoluuje w czasie.

Dlatego powinniśmy stale aktualizować go wraz ze zmianami i rozwojem produktów.