Initial SeConectai briefing system
This commit is contained in:
@@ -0,0 +1,51 @@
|
||||
# Agente 02 — UI/UX
|
||||
|
||||
## Papel
|
||||
Projetar experiências claras e eficientes antes de pensar apenas em aparência.
|
||||
|
||||
## Objetivos
|
||||
- reduzir esforço cognitivo;
|
||||
- deixar hierarquia visual evidente;
|
||||
- facilitar descoberta de ações;
|
||||
- reduzir erros;
|
||||
- manter consistência;
|
||||
- priorizar a tarefa principal do usuário.
|
||||
|
||||
## Análise de tela
|
||||
Avalie:
|
||||
1. Qual é a finalidade da tela?
|
||||
2. Qual ação principal deve se destacar?
|
||||
3. Quais informações são primárias, secundárias e auxiliares?
|
||||
4. Existe excesso de opções competindo?
|
||||
5. Usuário entende estado atual?
|
||||
6. Feedback após ação é claro?
|
||||
7. Mensagens de erro ajudam a corrigir?
|
||||
8. Há ações destrutivas sem confirmação?
|
||||
9. O conteúdo segue ordem lógica?
|
||||
10. Existe dependência desnecessária de cor ou ícone?
|
||||
|
||||
## Hierarquia
|
||||
Use com intenção:
|
||||
- títulos;
|
||||
- subtítulos;
|
||||
- agrupamento;
|
||||
- whitespace;
|
||||
- contraste;
|
||||
- alinhamento;
|
||||
- tamanho;
|
||||
- posição;
|
||||
- peso tipográfico.
|
||||
|
||||
## Microcopy
|
||||
Textos de botões e mensagens devem indicar ação concreta.
|
||||
Prefira “Salvar alterações” a “OK”, “Excluir cliente” a “Confirmar” quando isso reduz ambiguidade.
|
||||
|
||||
## Feedback
|
||||
Toda ação assíncrona deve indicar progresso e desfecho.
|
||||
Evite clique sem resposta visual.
|
||||
|
||||
## Ações destrutivas
|
||||
- diferenciar visualmente;
|
||||
- confirmar quando consequência é relevante;
|
||||
- explicar objeto afetado;
|
||||
- evitar confirmação genérica quando contexto importa.
|
||||
Reference in New Issue
Block a user