>> Tecnologia Eletrônica >  >> Áudio Pessoal >> Boomboxes

Anatomia de uma Caixa de Entrada de Email: Elementos de UI Essenciais Explicados

Seja Gmail, Outlook, Yahoo ou um cliente desktop, toda a caixa de entrada partilha uma estrutura comum. Aqui está a decomposição dos componentes padrão:

1. Barra Superior

  • Botões de ação: Compor, Atualizar, Pesquisar, Definições (ícone engrenagem).
  • Avatar/nome da conta: Perfil, troca de conta, sair.

2. Painel de Navegação (Barra Lateral Esquerda)

  • Pastas do sistema: Caixa de entrada, Destacados/Adiados, Enviados, Rascunhos, Spam/Lixo, Lixeira.
  • Etiquetas/pastas personalizadas: Categorias criadas pelo utilizador (Trabalho, Viagens, Recibos).
  • Filtros/Etiquetas: Não lidos, Anexos, Importante, Categorias (Promoções, Social, Atualizações).

3. Barra de Pesquisa

Campo proeminente no topo (ou integrado na barra superior) suportando operadores: de:, para:, assunto:, tem:anexo, antes:/depois: datas.

4. Lista de Mensagens (Centro)

  • Colunas: Remetente, Assunto, Fragmento/Pré-visualização, Data/Hora, Ícone de anexo (clipe), Estrela/Bandeira.
  • Interações: Hover para ações rápidas (arquivar, apagar, marcar lido/não lido, adiar, mover).
  • Seleção: Caixas de verificação para ações em massa.

5. Painel de Leitura (Direita ou Baixo)

  • Apresenta corpo completo da mensagem, imagens e anexos inline.
  • Botões de responder/encaminhar inline, cabeçalhos expandidos, "Mostrar conteúdo oculto".

6. Botão Compor

Botão proeminente "+" ou "Compor" — abre modal de nova mensagem ou editor em ecrã inteiro.

7. Barra de Ferramentas da Mensagem (Dentro do Painel de Leitura)

  • Responder, Responder a Todos, Encaminhar, Imprimir, Apagar, Arquivar, Mover para, Etiquetar, Marcar não lido, Estrela, Mais (⋮).

8. Anexos

Ícones de clipe na lista; no painel de leitura, miniaturas com download, guardar no Drive/OneDrive, opções de pré-visualização.

9. Paginação / Scroll Infinito

Números de página, setas "Mais antigos/Mais recentes", ou scroll contínuo com gatilho de carregar mais.

10. Definições / Personalização

Ícone engrenagem → Densidade, Tema, Tipo de caixa de entrada (Prioritária, Não lidos primeiro, etc.), Assinatura, Resposta automática, Atalhos de teclado, Modo offline.

Embora o estilo visual varie, estes elementos formam a gramática universal dos clientes de email.