Padrões de design

Soluções reutilizáveis pra problemas que se repetem na interface e na construção de produto.

Hard

O que é

Padrões de design são soluções já testadas pra problemas que aparecem de novo e de novo. Em vez de reinventar como fazer um login, um checkout ou uma busca, o time usa um padrão conhecido que já provou funcionar. É conhecimento acumulado virando atalho confiável.

Eles servem pra duas coisas. A primeira é consistência pra quem usa, porque um padrão familiar reduz a curva de aprendizado, já que a pessoa já sabe como aquilo funciona em outros lugares. A segunda é eficiência pro time, porque um vocabulário compartilhado acelera a conversa e o onboarding de gente nova.

O cuidado é não aplicar padrão por aplicar. A escolha vem do problema específico, e não da vontade de usar o padrão da moda, e o padrão sempre se adapta ao contexto, em vez de ser copiado cego de um exemplo teórico.

Em uma frase

Em vez de inventar navegação nova, vamos adotar o padrão de divulgação progressiva que a galera já conhece de outros apps.

A pergunta que ele responde

Quando eu uso uma solução já conhecida, em vez de inventar do zero o login, a busca ou o checkout?

Quando usar

Ajuda quando o problema já foi resolvido mil vezes, como login, busca e checkout, e seguir o padrão conhecido reduz atrito e retrabalho.

Como não usar

O cuidado é não forçar um padrão só porque está na moda, sem o problema que ele resolve, porque padrão errado no contexto errado é só ruído.

Na prática

Pense num time que, em vez de inventar uma navegação nova, adota o padrão de divulgação progressiva que as pessoas já conhecem de outros apps. O resultado é menos confusão e menos onboarding.

Não confunda com

Vale separar padrão de design de design system. O padrão é uma solução recorrente, como o jeito de fazer um checkout, enquanto o design system é a biblioteca inteira de componentes, regras e tokens. O sistema documenta padrões, entre outras coisas.

D

Em inglês

Design Patterns

Pronúncia

n/a

Também chamado de

design patterns, padrões de design, padrão de UI

Origem

n/a

Fonte

Saiba mais

UI Patterns, biblioteca de design patterns de interface