O Poder da Estrutura - Um Guia para Projetar Modelos de Sistemas

Os sistemas de design ajudam as organizações a manter a consistência da experiência em diversos produtos, serviços e negócios. Embora comumente associados a diretrizes visuais e bibliotecas de componentes, os sistemas de design são completamente diferentes. À medida que mais empresas percebem o valor da continuidade do projeto, as equipes de sistemas de projeto recém-formadas estão estabelecendo as melhores práticas para garantir a relevância de longo prazo dos esforços de projeto de suas organizações.

Quando várias pessoas se envolvem na mesma busca de design, surgem perguntas comuns. Se as respostas a essas perguntas não estiverem prontamente disponíveis ou não forem facilmente compreendidas, a consistência do design será deixada de lado . Digite sistemas de design.

Embora popular na discussão de design contemporâneo, as raízes dos sistemas de design estão há décadas no mundo da publicação de jornais e revistas. Mesmo agora, a hierarquia sistematizada das páginas editoriais é aparente, com padrões pré-configurados que permitem a colocação consistente de texto e recursos visuais.

Depois de 2007, o influxo do digital forçou as empresas a serem mais intencionais sobre a coesão do design entre produtos e plataformas. Seguiu-se uma ênfase em diretrizes visuais e bibliotecas de componentes, mas esses documentos rapidamente se calcificaram nas páginas de PDFs e arquivos compartilhados. Por tentativa e erro, os fabricantes de sistemas de design modernos passaram a ver seu trabalho como produtos vivos, não como documentos estáticos.

Zalando é o principal mercado de moda online da Europa. A Atlassian é reconhecida mundialmente por suas ferramentas de desenvolvimento de software. Cada um tem grandes equipes de produtos e necessidades de design complexas. O que pode ser aprendido de seus modelos de sistema de design?

Zalando: Colaboração como Modelo de Design System

Zalando é o maior varejista online de calçados e streetwear de alta qualidade da Europa. Com mais de 1.900 marcas, sua enorme vitrine digital é gerenciada por uma equipe de centenas de designers e desenvolvedores. Para garantir uma experiência de compra consistente em uma coleção tão ampla de mercadorias, a empresa conta com um sistema de design altamente estruturado.

Pode-se pensar que manter um sistema de design para uma marca tão importante exigiria uma governança rígida e um círculo restrito de tomadores de decisão de design. Em vez disso, a abordagem de Zalando é decididamente colaborativa. Em vez de ver seu sistema de design como uma entidade perfeita sob ameaça de entropia, a Zalando incentiva suas equipes de recursos a contribuir com novas ideias conforme necessário. Como funciona?

O objetivo principal da equipe de sistema de design (ZDS) da Zalando é ajudar as equipes de recursos a desenvolver os componentes necessários para fazer os produtos brilharem. Simultaneamente, o ZDS garante que a integridade do sistema de design não seja comprometida. Desta forma, a ZDS é tanto uma ligação quanto uma rede de segurança.

Quando uma equipe de recursos da Zalando precisa de uma solução em desacordo com o sistema de design da empresa, ela envia uma contribuição usando um simples Formulário do Google. Quando um tíquete de contribuição é recebido, o ZDS analisa e categoriza a solicitação de alteração como Leve , Médio ou Pesado . Cada categoria tem sua própria sequência de revisão colaborativa, design e iteração.

Assim que uma contribuição passa por esse processo e se torna realidade, a equipe ZDS atualiza o portal do sistema de design compartilhado centralmente, mostra as alterações em sua demonstração semanal e comunica as atualizações às partes interessadas e aos clientes.

A simplicidade do modelo de contribuição da Zalando permite que diversas vozes na empresa tenham voz na evolução do sistema. Filosoficamente, Zalando vê seu sistema como um produto, não apenas um recurso de documentação destinado a manter os produtos alinhados visualmente. A partir desta perspectiva, surgem conclusões práticas que são aplicáveis ​​a vários modelos de sistemas de design:

• A governança é importante, mas as equipes que supervisionam os sistemas de design devem se concentrar no sucesso de outras equipes dentro de suas organizações.
• Torne o processo de contribuição de recursos simples, transparente e colaborativo e documente toda a comunicação.
• Faça com que designers e desenvolvedores trabalhem juntos nas mudanças do sistema, promovendo assim uma linguagem de sistema compartilhada.
• Crie uma lista de verificação que garanta que todas as atualizações do sistema abordem problemas de acessibilidade.

Atlassian: Design System Thinking Reimaginado

A Atlassian cria ferramentas para desenvolvimento e colaboração de software, como Jira e Trello.

Em 2017, a Atlassian renomeou e lançou um site para suas diretrizes de design. Ao mesmo tempo, a empresa hospedou um site separado dedicado a seus componentes de interface do usuário e seus exemplos de código correspondentes.

Com o tempo, os dois sites se encaixaram , causando frustração e confusão entre as equipes internas de design e desenvolvimento, fornecedores de integração de aplicativos de terceiros e clientes da Atlassian.

Reconhecendo uma crescente divergência entre design e desenvolvimento, a Atlassian optou por repensar sua abordagem aos sistemas de design. Não poderia mais tratar a documentação de design e desenvolvimento como pouco mais do que um meio de gerar código e saídas gráficas para produtos Atlassian. O sistema de design tinha que ser respeitado como um produto por si só.

Para entender completamente seu problema, a Atlassian passou por uma auditoria externa e emitiu pesquisas de satisfação do cliente. Previsivelmente, os dois sites foram considerados desalinhados e desatualizados. Com sua reputação em jogo e um grande ecossistema de designers, desenvolvedores e partes interessadas pedindo mudanças, a Atlassian reconheceu suas deficiências e decidiu reimaginar seu sistema de design.

No início de agosto de 2020, a equipe de sistema de design (ADS) da Atlassian lançou um novo site consolidando diretrizes para marca, visual, conteúdo, componentes e padrões.

Além disso, a equipe ADS:

• Migrei metade de seus componentes de interface do usuário para o novo sistema (o restante está em andamento)
• Documentação reescrita e simplificada em todo
• Pesquisa aprimorada no sistema
• Adicionados links de código clique para copiar

A evidência mais reveladora da mentalidade de amadurecimento da Atlassian vem da designer líder de ADS, Jennie Yip: “Um equívoco comum sobre sistemas de design é que, uma vez publicados, eles se tornam uma fonte imutável de verdade. Um sistema de design nunca está completo. Na Atlassian, estamos começando a mudar a forma como vemos nosso sistema de design... para uma entidade viva e que respira.”

5 princípios do sistema de design que vale a pena lembrar

A vanguarda de hoje é a lâmina cega de amanhã – um problema que permeia todas as disciplinas de design. Ferramentas e plataformas para criar e hospedar sistemas de design são abundantes, mas o rápido desenvolvimento do design digital torna mais lucrativo pensar em sistemas de design em termos de princípios orientadores.

1. Os sistemas de design são produtos digitais.

Como todos os produtos digitais, os sistemas de design requerem manutenção regular. Sistemas que permanecem inativos por longos períodos sofrerão desuso e deterioração.

2. Os sistemas de design são colaborativos.

Os sistemas de design devem atender às necessidades das partes interessadas que representam várias funções de negócios. Fornecer avenidas para colaboração evita que os sistemas existam em silos de design e engenharia e garante que as ideias de produtos não sejam ignoradas.

3. Os sistemas de design prosperam na simplicidade.

Os sistemas de design são um lugar para encontrar respostas, não para receber elogios por visuais chamativos, animações intrincadas ou textos espirituosos. As informações devem ser bem organizadas, fáceis de navegar e pesquisáveis, enquanto as descrições de texto devem equilibrar o contexto com instruções concisas.

4. Os sistemas de design requerem estratégias de comunicação e engajamento.

As equipes que gerenciam sistemas de design precisam considerar como comunicar regularmente atualizações e novos recursos às partes interessadas. Boletins informativos, sessões de perguntas e respostas e outras estratégias de divulgação devem informar e envolver: “Estas são as mudanças. É por isso que você deve se importar.”

5. Os sistemas de design são centralizados.

Os sistemas de design devem ser acessíveis em um único local baseado em nuvem. Navegar no sistema ou obter ativos não deve exigir conhecimento de um programa de projeto específico. E lembre-se, publicar diretrizes separadas para design e desenvolvimento é um caminho certo para a dissonância do produto.

O poder da flexibilidade estrutural no design

Os sistemas de design não devem ser monólitos, grandes e imponentes, para sempre inalterados. Tampouco são meros repositórios de componentes e estilos de design. São produtos vivos que respiram, empreendimentos orgânicos que exigem plantio e poda. Como tal, eles merecem equipes dedicadas compostas por designers comprometidos com sua manutenção e renovação contínuas. Afinal, os sistemas de design nunca terminam.

Em última análise, os melhores sistemas de design são diretos, colaborativos e flexíveis. Eles respondem a perguntas urgentes de design com clareza, recebem contribuições de várias partes interessadas e priorizam soluções potentes em vez de fórmulas dogmáticas.

Deixe-nos saber o que você pensa! Por favor, deixe seus pensamentos, comentários e feedback abaixo.

• • •

Leia mais no Blog Toptal Design:

• Consistência é a chave - Como construir um sistema de design Figma
• Noções básicas sobre sistemas e padrões de design
• Figma vs. Sketch vs. Axure – Uma Revisão Baseada em Tarefas
• Por que usar o design de materiais? Pesando os prós e contras
• O passado ainda está presente - uma visão geral do design atemporal