Nesta aula, exploramos o papel dos botões no design de interfaces, suas categorias, estados e características essenciais para garantir clareza, interação e hierarquia visual eficazes.

Pontos principais da aula:

1. Função dos botões:

   • Facilitam ações específicas dos usuários, como submissão de formulários ou navegação.

2. Características principais:

   • Ação clara: A função do botão deve ser óbvia.

   • Feedback visual: Mudanças visuais como cor, sombra e tamanho devem indicar interação (hover, pressionado, ativo, etc.).

   • Prioridade e hierarquia: Botões primários, secundários e terciários devem ser visualmente diferenciados.

3. Estados dos botões:

   • Normal, hover, pressionado, focado, ativo, carregando e desabilitado.

4. Tipos de botões:

   • Primários: Indicam a ação mais importante (ex.: enviar, salvar).

   • Secundários: Ações de suporte ao primário (ex.: cancelar, voltar).

   • Terciários: Ações menos comuns, muitas vezes apresentadas como links.

   • Botões de ícones: Ícones universais (ex.: lupa, coração) que economizam espaço.

5. Adaptação ao contexto:

   • Aparência e função podem variar com base no fundo, contexto ou estratégia de usabilidade.

Links extras

• Artigo - Types of buttons in UI design: Best practices and examples