Menu

IdiomaPortuguês
Fale conosco
Blog · Design

How many button states does an interface need?

Start with a small set of states and add more only when they communicate a meaningful change.

Artigo de exemplo para revisar o design. Conteúdo sujeito a revisão antes da publicação.

01

Start with four states

Default, hover, pressed and disabled cover the basics. Focus remains visible in every state.

02

Add states only when needed

Use loading for actions that take time and selected for persistent toggles or filters.

03

Do not rely on color alone

Pair color with a visible shape, label or icon, and check contrast in both themes.

Outros artigos

Ver todos os artigos
Procuramos pessoas para construir com a gente

O modo de trabalho e os benefícios estão na página de vagas.