Design Systems: czym one są i czy ich potrzebujesz?

Ostatnia aktualizacja: 21 listopada 2019 r.

Jednolitość w sieci ma negatywną konotację. Często jest synonimem nudy, nieoryginalności, a nawet skopiowania. Ale jeśli chodzi o jednolitość witryny, mówi zupełnie inną historię; jednym z solidności, przezorności, troski i organizacji. Design z roku na rok odgrywa coraz większą rolę. Dlatego utrzymanie harmonii między różnymi elementami produktu może być trudnym zadaniem. Aby w tym pomóc, pojawiła się koncepcja systemu projektowania. Ale czym jest system projektowania? Czy moja firma w ogóle go potrzebuje? Czym różni się to od przewodnika po stylu? Na wszystkie te pytania (i nie tylko) odpowiemy w tym artykule.

Co to jest system projektowania?

System projektowania to po prostu skalowalny sposób wdrażania projektu w różnych elementach za pomocą produktu (produktów). Powinien mieć przejrzystą dokumentację, zasady i reguły, które definiują cel, wygląd, działanie i użycie elementów, które mają być używane w całym produkcie.

Celem Twojego systemu projektowania jest pomoc w stworzeniu produktu końcowego. Mając to na uwadze, powinno to ułatwić Tobie lub Twojemu zespołowi zrobienie tego za pomocą predefiniowanych elementów wielokrotnego użytku i modułowych Dzięki temu możesz łączyć elementy na różne sposoby, aby tworzyć produkty o spójnym odczuciu, nawet jeśli mają różne cele .

To nie jest coś, do czego chcesz się spieszyć. Twój system projektowania powinien być przewodnikiem przy tworzeniu obecnych i przyszłych projektów dla Twojej firmy, więc chcesz poświęcić czas na jego tworzenie.

Nie oznacza to, że Twój system projektowania zostanie utrwalony, gdy już go stworzysz. Powinien być postrzegany jako trwający projekt, nad którym pracujesz, sprawdzając, co działa, a co nie, i ulepszając go. Oznacza to, że nie zostanie to zrobione w ciągu kilku dni. Wymaga dogłębnej analizy Twoich celów jako firmy i kroków, które podejmiesz, aby dostarczyć produkt swoim klientom.

Design System VS Przewodnik po stylach

Do tej pory mogłoby się wydawać, że system projektowania to tylko nowa nazwa przewodnika po stylu. Przewodnik po stylu obejmuje wiele takich samych elementów, jak kolor, styl i typografia. Jaka jest więc różnica? Zamiast rozpatrywać je w opozycji do siebie, przewodnik stylu może być częścią systemu projektowania. Chociaż opisuje wiele elementów, które wchodzą w skład projektu, brakuje w nim procesów, które je stworzyły, narzędzi, które je stworzyły i tego, jak wszystkie te elementy współpracują ze sobą.

System projektowania wprowadza kontekst do Twojego projektu w sposób, w jaki nie jest to możliwe w przypadku przewodnika po stylu. Korzystając z systemu projektowania, możesz tworzyć elementy składowe swoich produktów, postępując zgodnie z przedstawionymi zasadami, procesami i narzędziami. Różni się to od podstawowych zestawów właściwości, za którymi podążają twoje elementy. Możesz uznać swój przewodnik po stylu za produkt uboczny swojego systemu projektowania, obejmujący niewielką część większego obrazu. Rozważmy ten przykład:

Klocki Lego produkowane dzisiaj są nadal kompatybilne z klockami Lego wyprodukowanymi w 1958 roku. Są jednym z najlepszych przykładów wymiennych elementów, z których można zbudować wiele niesamowitych rzeczy. Firma Lego stworzyła w ciągu roku różne zestawy, które pozwalają zbudować niemal wszystko, czego dusza zapragnie. Przewodnik po stylu można porównać do listy cegieł, która znajduje się w każdym opakowaniu. Informuje o liczbie cegieł, ich kolorach, rozmiarach i numerze części. System projektowania jest jak instrukcja obsługi, jak zbudować dowolny zestaw. Nakreśla, które elementy idą gdzie i jak powinny być połączone, aby zbudować twoją kreację, z wyjątkiem tego, że zamiast mówić ci, jak zbudować jedną rzecz, pokazuje, jak zbudować kilka różnych konstrukcji przy użyciu tego samego dokładnego zestawu cegieł. Wiedząc, jak do siebie pasują i dlaczego tak się dzieje, możesz nawet stworzyć coś zupełnie nowego z tych samych elementów.

Chociaż są ze sobą powiązane, przewodnik po stylu i system projektowania to dwie różne rzeczy, które odgrywają bardzo różne role, jeśli chodzi o projektowanie.

Dlaczego potrzebuję systemu projektowania?

Teraz, gdy wiemy, czym są systemy projektowania i jaka jest różnica między nimi a przewodnikami po stylu, możesz się zastanawiać, czy naprawdę ich potrzebujesz. W końcu możesz budować tylko jedną lub dwie strony internetowe lub mieć tylko jeden podstawowy produkt. Budowanie systemu projektowania to zdecydowanie duże zaangażowanie czasowe; czy naprawdę możesz uzasadnić poświęcony czas? Jeśli chcesz poprawić którykolwiek z poniższych elementów, może to być właśnie dla Ciebie.

Spójność

Jeśli chcesz mieć spójny wygląd i styl w całym swoim produkcie lub witrynie, możesz skorzystać z systemu projektowania. Wyobraź sobie witrynę, która do tworzenia wykorzystuje kilka frameworków. Mogą mieć różne style przycisków, czcionki nagłówków i kilka innych elementów, które nie są spójne. Czuje się bardzo patchworkowo i może sprawić, że strona będzie wydawać się klientowi bardzo niskiej jakości. Dzięki systemowi projektowania Twój zespół będzie miał więcej instrukcji dotyczących dokładnego wyglądu, stylu i zachowania elementu.

Efektywność

Niezależnie od tego, czy masz duży zespół złożony z projektantów i programistów, czy tylko Ty, system projektowania może zwiększyć Twoją wydajność. Posiadanie gotowych elementów, które można złożyć w całość, pozwoli zaoszczędzić czas i przyspieszyć pracę. Dotyczy to tym bardziej, gdy planujesz budowę nowego projektu. Koniec z marnowaniem czasu na przeglądanie ram, kolorów, typografii, wszystko jest w Twoim systemie projektowania.

Jedność w zespole

Jeśli pracujesz z zespołem, system projektowania może służyć jako przewodnik do projektowania, a nie każdy, kto tworzy własny. Korzystanie z niego prowadzi do mniejszej liczby pytań dotyczących sposobu realizacji projektu. Każdy ma centralny zasób, do którego można się odnieść, który poprowadzi decyzje, które podejmuje w odniesieniu do produktu. Jest to szczególnie przydatne dla osób, które muszą szybko nadrobić zaległości, takich jak nowi pracownicy, pracownicy zdalni i freelancerzy.

Jeśli chciałbyś poszerzyć którykolwiek z tych obszarów, stworzenie systemu projektowania dla Twojej firmy można uznać za dobrze spędzony czas.

Kto korzysta z systemu projektowania?

Przy całej tej rozmowie o systemach projektowania i ich znaczeniu, kto w ogóle ich używa? Wiele dużych znanych firm korzysta z systemu projektowania, a nawet udostępnia je publicznie do wglądu. Oto tylko kilka:

• Biegły Microsoft
• Projekt materiałów Google
• Polaris od Shopify
• Foton Firefoksa

Nawet rząd Stanów Zjednoczonych ma swój własny system projektowania. Zauważ, że jest to coś więcej niż tylko biblioteka komponentów, ale zawiera także zasady i cele, które ukształtowały sam system projektowania.

Nie musisz być dużą firmą, żeby ją założyć. Posiadanie jednego na miejscu, nawet gdy jesteś mały, pomoże ci go wdrożyć i utrzymywać w miarę rozwoju. To codzienne narzędzie Twojej organizacji, które zapewnia spójność, organizację i wydajność. Przestań więc marnować czas na ponowne wymyślanie koła dla każdego projektu i poważnie zastanów się nad stworzeniem systemu projektowania.

Autorstwo: Taj R.