Dívida de design

O acúmulo de atalhos e inconsistências de design que vão pesando no produto com o tempo.

Hard

O que é

Dívida de design é o conceito de dívida técnica aplicado ao design. É o monte de decisão de pressa, atalho e inconsistência que se acumula, como estilo de botão que varia, tipografia que não bate e padrão de navegação velho. Cada uma parece pequena, mas, juntas, degradam a experiência.

Uma causa comum é a iteração rápida, porque no começo a velocidade ganha do polimento e o time entrega coisa imperfeita, mas, sem um plano pra voltar e arrumar, essas imperfeições acabam virando um problema só.

A dívida cobra dos dois lados. Quem usa sente o produto confuso e inconsistente, e o time perde velocidade navegando um sistema bagunçado, porque, com cinco estilos de botão na tela, cada feature nova custa mais tempo. O design system é o jeito mais eficaz de impedir que a dívida componha.

Em uma frase

Antes da feature nova a gente vai gastar meio sprint pagando dívida de design, porque já tem quatro botões primários diferentes.

A pergunta que ele responde

Como eu defendo tempo pra arrumar a inconsistência acumulada, em vez de sempre empurrar pra depois?

Quando usar

Ajuda pra nomear e priorizar a limpeza de inconsistência acumulada, defendendo o tempo de design system como investimento em velocidade.

Como não usar

O cuidado é não tratar a dívida como problema só de estética que sempre pode esperar, porque adiar pra sempre é justo o que faz ela virar bola de neve.

Na prática

Pense num time que vai criar uma feature nova e descobre que existem quatro botões primários diferentes no produto. Antes de avançar, ele gasta meio sprint só reconciliando o que já existe.

Não confunda com

Vale separar dívida de design de dívida técnica. A técnica é atalho no código, enquanto a de design é atalho na consistência visual e de interação. Elas andam juntas, mas se pagam com trabalho diferente.

D

Em inglês

Design Debt

Pronúncia

n/a

Também chamado de

design debt, dívida de design

Origem

n/a

Fonte

Saiba mais

Figma, conteúdo do blog sobre design debt