O que é um Design System?

É um conjunto de padrões e práticas compartilhadas entre os times através de uma base única de documentação, capaz de direcionar os times e oferecer recursos de design e desenvolvimento com o intuito de alcançar os objetivos de produtos digitais. Como resultado disso teremos uma linguagem universal entre design, tecnologia e negócio.

Quando aplicar?

Podemos aplicar um Design System quando uma empresa possui um ou mais produtos com inconsistências de identidade e interface. Isso pode prejudicar os objetivos do negócio uma vez que os usuários finais daquele produto (seja ele um site ou aplicativo) terão dificuldade de utilizá-lo e entendê-lo.

Também podemos aplicar um Design System quando os profissionais responsáveis por cuidar do design e desenvolvimento do produto levam uma grande quantidade de tempo para realizar mudanças simples. Em vez disso, esses profissionais poderiam passar muito mais tempo entendendo as necessidades dos usuários finais.

Os elementos de um Design System

Basicamente um Design System é formado por três partes principais:

  1. Design Tokens – São as menores partes, como cores, tipografias, espaçamentos, opacidade, etc.
  2. Componentes Base – São as partes indivisíveis, como os botões.
  3. Componentes – São o resultado final da junção entre os Design Tokens e os Componentes Base. Eles podem formar estruturas mais complexas como cards de produto, composto por foto, título, preço do produto e botão para compra.

Além disso também podemos contar com elementos da marca como Branding, Tom de Voz e Design Principles (Princípios de Design) que são discutidos no início do projeto.

Benefícios

  • Mais velocidade do protótipo até o resultado final
  • Agilidade para realizar modificações em features já existentes
  • Consistência de identidade e interface dos produtos
  • Melhor alinhamento em equipe e colaboração entre as áreas de produto e desenvolvimento

Quais são as etapas?

Basicamente nossa proposta de Design System consiste em três etapas principais:

Research – Aqui vamos realizar a entrevista com os stakeholders e o inventário inicial do projeto que nos ajudará a entender o contexto do Design System de forma mais profunda;

Strategy – Aqui vamos definir a estratégia do Design System para atender as necessidades do produto, como por exemplo os Design Principles (Princípios de Design) que será nossa base para tomadas decisões importantes durante o fluxo de trabalho;

Concept – Consiste na criação da Pattern Library (Biblioteca de Padrões), UI Components (Componentes de Interface do Usuário), Templates, entre outros.

Cipreste

Ainda está com dúvidas do que é um Design System? Nós criamos o Cipreste, O MVP (Mínimo Produto Viável) do Design System da Tuia. Com ele conseguimos deixar esse assunto um pouco mais fácil de ser entendido.

Projetos

Projetos recentes que aplicamos este serviço

Cliente

Cliente

Cliente

Outros serviços

Conheça outros dos nossos serviços

Formulário enviado
com sucesso!

Retornaremos em breve.