PixelHub
InícioA oficinaBibliotecasO que o time ganhaDepoimentos
Biblioteca de componentes

Uma oficina que conta antes de desenhar.

Todo produto com dois anos de estrada tem onze botões diferentes e nenhuma pessoa que saiba dizer qual é o certo.

Prateleira com caixas rotuladas por tipo de peça

A oficina nasceu de um trabalho de manutenção. Um cliente pediu "só uma tela nova" e levamos três dias para descobrir qual dos quatro campos de busca do produto deveria ser copiado.

Naquela semana fizemos a primeira contagem: setenta e duas peças visuais, trinta e uma repetidas com diferenças pequenas demais para serem propositais.

A lista foi impressa e colada na parede do cliente. Foi a primeira vez que o time de desenvolvimento e o de design olharam para o mesmo papel sem discutir gosto.

Desde então todo trabalho começa por essa contagem, e nenhuma peça entra na biblioteca sem regra escrita de quando não usá-la.

Contagem antes de opinião

Número de peças repetidas encerra discussão que dura meses.

Nome escolhido a dois

Vocabulário imposto de fora não sobrevive ao primeiro mês.

Valor em um lugar

Cor e espaço mudam na base e descem para todas as telas.

Lote que entra em uso

Entrega fechada vale mais que sistema completo no ano que vem.

Como a biblioteca nasce

Oito decisões que transformam um monte de telas em sistema

Sistema de design não começa por arquivo bonito: começa por contagem. No último inventário que fizemos apareceram onze alturas de botão e sete cinzas diferentes num produto de quatro telas.

01

Contar o que existe

Toda peça repetida entra numa lista com a tela onde aparece.

02

Um nome por peça

Nome curto, em português, escolhido junto com quem programa.

03

Escala de espaço

Uma régua de oito passos encerra a discussão de margem.

04

Cor com função

Cada tom ganha um papel: aviso, erro, apoio, fundo.

05

Texto em degraus

Cinco tamanhos de texto, nenhum improvisado no meio da tela.

06

Estado por peça

Foco, erro, desativado e carregando desenhados uma vez só.

07

Regra escrita

Quando usar e quando não usar, em duas linhas por peça.

08

Mesmo nome no código

O componente do repositório e o do arquivo se chamam igual.

Depoimentos

Times que pararam de redesenhar o mesmo botão

Quadro dos últimos trabalhos, publicado com autorização de cada empresa.

QuemOndeO que mudou
Berenice Q.desenvolvedora sênior
plataforma de cursos
A regra escrita de quando não usar o modal evitou três discussões por sprint.
Waldemar C.sócio
software de contabilidade
Os estados de erro estavam em cinco lugares e nenhum igual. Agora são um.
Silmara G.coordenadora de design
banco digital regional
O inventário mostrou sete cinzas. Ninguém tinha coragem de apagar nenhum antes da contagem.
Élcio B.fundador
marketplace de peças
A sessão gravada de repasse vale mais que documento: o time novo assiste e entra na biblioteca sozinho.

Quantos botões diferentes existem no seu produto hoje?

Quase ninguém sabe responder de cabeça. O inventário responde em duas semanas, com a lista de conflitos em ordem de incômodo.