ABRIL 16, 2023 EWERTON NEPOMUCENO
Vale salientar de antemão que esse artigo expressa a minha opinião sobre o assunto e que não é uma regra exata a seguir e sempre estará em evolução.
Com uma demanda cada vez maior no desenvolvimento de sistemas, há uma necessidade de organizar padrões para escalar melhor os projetos em desenvolvimento. E um dos maiores problemas de produtividade e inconsistência nas interfaces criadas por times de Design nas
empresas, é a falta de um sistema de controle de padrões de interface, aqui tratado com nome de Design System.
Ao longo do artigo, veremos o que é Design System e a sua importância.
O que é
Design System é um conjunto de padrões que gerencia em escala componentes reutilizáveis.
Assim como essa minha visão, existem outras visões mas de fato o principal é buscarmos um design escalável, de fácil comunicação, reutilizável e documentar tudo
isso disponibilizando para toda equipe envolvida no projeto.
Design System: Uma breve análise 1
Alguns Design Systems também são disponibilizados ao público e assim podemos
utilizá-los, customizá-los ou até servir de estudo para nossos próprios Design Systems.
Propósito
Um dos principais propósitos do Design System é transformar o design de
interface rápida e consistente, ou seja, escalável.
Nesse sentido também podemos dizer que o Design System também promove uma interação com times de design que por sua vez aumenta a comunicação entre ambas, diminuindo então possíveis retrabalhos.
Com o aumento da produtividade que ele trás para os projetos, também podemos dizer que o Design System alivia a tensão sobre os recursos dando mais tempo e concentração a problemas mais complexos.
Também contribui na colaboração de novos membros da equipe e de designers júniors onde conseguem ler e entender as regras aplicadas no Design System e facilmente usá-las.
Por onde começar
Se sua equipe já tem um guia de estilos, este vai ser de fundamental importância dentro do Design System, pois já contém uma parte considerável das decisões de padrões usadas. Mas se não tiver, poderá começar por um guia de estilos e avançar com o passar do tempo pois um Design System requer um tempo considerável e uma equipe dedicada.
Use uma ferramenta de design que comunique bem com equipe e te ofereça recursos para avançar. Nesse caso fico tentado em sempre indicar o Figma, uma ótima ferramenta de organização, documentação e comunicação entre equipes de design.
Dos processos a se seguir você pode começar com fases como no Double Diamond (Descobrimento, Definição, Desenvolvimento e Entrega). Com as fases do Double Diamont conseguimos trabalhar processos que nos levam a conclusões mais sólidas sobre o problema a ser resolvido. Isso nos poupa retrabalho e deixa nossas entregas com mais precisão.
E para quem já conhece, é um produto que serve outros produtos então deve estar encaixado no fluxo de atividades assim como as demais atividades dos demais produtos.
Referências
Design Systems – 101 (Nielsen Norman Group)
Design System: Uma breve análise 2 https://www.nngroup.com/articles/design-systems-101/
Design System: Como Funciona e Por Que Usá-lo?
https://aelaschool.com/designdeinteracao/design-system-como-funciona-e-por-qu e-usa-lo/ Design Systems Repo:
https://designsystemsrepo.com/
Double Diamond:
https://www.designcouncil.org.uk/our-work/skills-learning/tools-frameworks/framewo rk-for innovation-design-councils-evolved-double-diamond/