komunikacja wizualna jest wyjątkowo skomplikowana. Jest różnorodna, bezgraniczna i nieustępliwa. Aby zapewnić jej jasność i spójność, musimy ustanowić szereg ograniczeń, które pomogą nam komunikować się z naszymi użytkownikami końcowymi. To tutaj język designu wchodzi w grę.
historycznie robiliśmy to samo z językami naturalnymi. Składnia, semantyka i morfologia pozwalają nam organizować myśli w sensowne narracje i pomagają w wymianie pomysłów.
w dzisiejszym artykule przyjrzymy się bliżej, czym jest Design Language, jak jest tworzony i ludzie zaangażowani w jego rozwój.
zanurkujmy, dobrze?
- Język Projektowania: Dlaczego Jest Tak Ważny?
- co wchodzi w język projektowania?
- potrzeba języka projektowania
- kilka przykładów języka projektowania
- Tworzenie języka projektowania
- zacznij od audytu interfejsu użytkownika
- Utwórz słownictwo
- Zdefiniuj zasady projektowania
- Ustaw Zasady
- pozwól, aby język rozwijał się i rozwijał
- kto jest odpowiedzialny za tworzenie języka projektowania?
- podsumowanie
- Tworzenie języka projektowania jest wspólnym wysiłkiem
Język Projektowania: Dlaczego Jest Tak Ważny?
język projektowania to zbiór zasad i zasad, które kierują identyfikacją wizualną organizacji, co zapewnia, że ich projekty mają poczucie ciągłości.
co wchodzi w język projektowania?
aby język projektowania był nakazowy, musi zawierać szereg standardów wizualnych i koncepcyjnych.
głównymi elementami języka projektowania są:
- zbiór komponentów i wzorców interfejsu użytkownika;
- przewodniki po stylach;
- dokumentacja semantyki;
te trzy filary definiują użycie kolorów, typografii, ikonografii, interakcji, animacji, cennych zasobów, systemów folderów, konwencji nazewnictwa i systemu siatki produktu.
podobnie musi zapewniać dogłębne zrozumienie tonu głosu marki i jej wartości.
potrzeba języka projektowania
potrzeba jednolitego języka wizualnego może być zdefiniowana z dwóch perspektyw: wewnętrznej i zewnętrznej.
ten pierwszy zapewnia, że wszystkie zespoły w całej firmie mogą przestrzegać tych samych zasad i metod. Dzięki temu mają zestaw punktów odniesienia i współrzędnych, które sprawiają, że proces projektowania jest wydajny i wolny od nieporozumień.
ten ostatni jest zorientowany na swoich użytkowników i platformę, w ramach której istnieje produkt. Przestrzegając szerokich standardów branżowych, organizacje mogą tworzyć projekty, które są intuicyjne i znane osobom, które z nimi współpracują.
dlatego łącząc te dwie perspektywy, firmy mogą uczynić proces projektowania bardziej wydajnym, stworzyć niezapomnianą tożsamość marki i szybko poprawić użyteczność.
kilka przykładów języka projektowania
przyjrzyjmy się, w jaki sposób organizacje odnoszące sukcesy wyjaśniają swoje potrzeby w zakresie języka projektowania.
jedną z filozofii projektowania IBM jest tworzenie natychmiast rozpoznawalnych projektów.
” gdybyś zakrył nasze logo lub Nazwę, czy zidentyfikowałbyś wykonanie jako zaprojektowane przez IBM?”
rozpoznawalna identyfikacja wizualna jest niezbędna, jeśli chodzi o budowanie rozpoznawalności marki i wierności użytkownikowi. Jednym ze sposobów osiągnięcia tego przez IBM jest inżynieria ich systemów grid, takich jak 2x Grid.
„precyzyjne wykorzystanie siatki wraz ze spójnymi kształtami, kątami i promieniami pomaga zdefiniować szczególną estetykę, która jest krytyczna w wyrażaniu „IBMness” naszych ilustracji i ujawnia dobrze przemyślane i systematyczne podejście ” – IBM.
język projektowania Airbnb ma na celu osiągnięcie tego samego, ale różnica polega na tym, że startup doświadczył ogromnego wzrostu w ciągu ostatnich kilku lat. Dlatego skupiają się na tworzeniu języka wizualnego, który pozwala im na dalszą skalę przy zachowaniu tożsamości marki.
” oto prosta prawda: nie można wprowadzać innowacji w produktach, nie wprowadzając najpierw innowacji w sposobie ich budowania.”- Airbnb.
język Airbnb pozwala im znacznie ułatwić proces komunikacji między projektantami a interesariuszami, a także ujednolicić ich praktyki na platformach i urządzeniach.
Tworzenie języka projektowania
Tworzenie języka projektowania może być żmudnym i czasochłonnym zadaniem, ale jest warte wysiłku. Oto kilka istotnych kroków, które pomogą Ci położyć podwaliny:
zacznij od audytu interfejsu użytkownika
często dobrym pomysłem jest przeprowadzenie audytu interfejsu użytkownika, aby określić podstawy Twojego języka. Pozwoli to na rozwiązanie palących problemów, zapewnienie spójności i wygenerowanie dokumentacji, która jest niezbędna podczas implementacji.
Utwórz słownictwo
słownictwo powinno zawierać i jasno określać elementy wizualne produktu. Jego głównym celem jest stworzenie usystematyzowanej biblioteki wzorów klocków wraz z przewodnikiem po stylu.
aby promować spójność i przejrzystość, przewodnik po stylu musi zawierać wskazówki dotyczące przeznaczenia elementów. Oto przykład, jak można do tego podejść:
„This from the allows us to express”
umożliwia to organizacjom ustalenie znaczących ograniczeń, o których wspomnieliśmy powyżej, jednocześnie umożliwiając ich projektantom usprawnienie procesu decyzyjnego. Na przykład, oto jak Atlassian wyjaśnia logikę stojącą za paletami kolorów:
„nasza podstawowa paleta składa się z neutralnych, białych i niebieskich, aby nadać naszej marce śmiałość i jest używana w logiczny sposób w całym produkcie i marketingu, aby kierować okiem i podkreślić ważne elementy. Mamy pieprz cieplejsze, drugorzędne kolory palety całej zmiękczyć doświadczenie i dać pewność siebie i optymizm.”- Atlassian.
Zdefiniuj zasady projektowania
Zasady stojące za filozofią projektowania produktu są lakmusem do oceny jakości i celu projektu. Pozwala to organizacji ocenić, czy prototyp przestrzega ogólnych wytycznych.
na przykład zasady projektowania Airbnb są zorientowane na dostępność i funkcjonalność. Ich celem jest tworzenie „ujednoliconych, uniwersalnych, ikonicznych i konwersacyjnych” projektów.
z drugiej strony, Zasady IBM mówią, że ich celem jest tworzenie projektów, które są „starannie przemyślane, unikalnie ujednolicone, fachowo wykonane i pozytywnie progresywne.”
Ustaw Zasady
zasady projektowania organizacji są podzbiorami jej zasad. Są one niezbędne, jeśli chodzi o zwiększenie wydajności pracy projektanta i zapewnienie doskonałego doświadczenia użytkownika.
sztywność tych zasad może być różna — niektóre mogą być surowe, inne mogą być plastyczne. Posiadanie klasy luźniejszych reguł zapewnia projektantom elastyczność wprowadzania ulepszeń tam, gdzie uznają to za stosowne.
pozwól, aby język rozwijał się i rozwijał
musimy pamiętać o tym, że posiadanie języka projektowania nigdy nie jest celem samym w sobie. W miarę upływu czasu język organizacji musi dostosowywać się do zmian w swojej branży i uwzględniać dług technologiczny. Standardy branżowe mają tendencję do zmiany i zmiany, podobnie jak język projektowania.
” Ujednolicony język projektowania nie powinien być tylko zbiorem statycznych reguł i pojedynczych atomów; powinien to być ewoluujący ekosystem.”- Airbnb.
pozwól, aby twój język stopniowo przybierał kształt rynku, w którym istnieje,tak aby pozostał odpowiedni do obecnego czasu.
podobnie potencjał rozwoju języka wynika z potrzeb jego użytkowników i konkurencji organizacji.
ciągłe badanie i odświeżanie personas klientów pozwala organizacji lepiej służyć swoim użytkownikom i utrzymać wysoką jakość ich usług.
zrozumienie konkurencyjnego krajobrazu organizacji pozwala jej eksplorować strategiczne możliwości projektowe i stworzyć wyraźną identyfikację wizualną.
kto jest odpowiedzialny za tworzenie języka projektowania?
język projektowania nie jest wyłącznie obowiązkiem projektanta. Zamiast tego jest to wspólny wysiłek szerokiego spektrum działów i specjalistów, które obejmują:
- projektanci UX / UI — odpowiedzialni za wizualne komponenty języka;
- specjaliści ds. dostępności-zapewniają, że język jest zgodny ze standardami dostępności;
- UX writers/Content strategists — responsible for the tone of voice guidelines and brand speaker parameters;
- Researchers — provide valuable insight into the needs of the end-users;
- front-end developers — instrumental inpining insight code and helping with documentation;
- VPs and directors — ensure that the language alignment with the organization ’ s goals and its identity.
podsumowanie
opracowanie spójnego i szczegółowego języka projektowania może być bardzo czasochłonne. Należy pamiętać, że konieczne będzie wiele iteracji.
pomimo tych znaczących inwestycji, Ujednolicony język wizualny pozwoli organizacji tworzyć zbieżne i spójne doświadczenia, znacznie zmniejszyć wydatki i ustanowić wysoki standard projektowania, który jest łatwy do naśladowania.
Tworzenie języka projektowania jest wspólnym wysiłkiem
istotną częścią tworzenia języka wizualnego jest efektywna współpraca z szeroką gamą profesjonalistów. UXpin jest doskonałym narzędziem do zarządzania projektami projektowymi, przeprowadzania audytów UI, systemów projektowania budynków i przechowywania dokumentacji. Zarejestruj się na bezpłatną wersję próbną i wypróbuj najbardziej zaawansowane narzędzie do zarządzania systemem projektowania na rynku.