63 lines
1.8 KiB
Markdown
63 lines
1.8 KiB
Markdown
---
|
|
name: auditar-ux-heuristicas
|
|
description: >
|
|
Auditoria de UX baseada em heurísticas de Nielsen e verificação de estados de UI.
|
|
scope: local
|
|
---
|
|
|
|
# Skill: Auditar UX por Heurísticas
|
|
|
|
## Objetivo
|
|
|
|
Avaliar UX de tela ou fluxo antes de propor mudanças.
|
|
|
|
## Etapas
|
|
|
|
### 1. Heurísticas de Nielsen
|
|
|
|
| # | Heurística | Pergunta |
|
|
|---|-----------|----------|
|
|
| 1 | Visibilidade do status | Sistema informa o que acontece? |
|
|
| 2 | Compatibilidade | Mensagens usam linguagem do domínio? |
|
|
| 3 | Controle e liberdade | Pode desfazer, voltar, cancelar? |
|
|
| 4 | Consistência | Mesmos conceitos, mesma aparência? |
|
|
| 5 | Prevenção de erros | Campos obrigatórios claros? Confirmação em ações destrutivas? |
|
|
| 6 | Reconhecimento > Lembrança | Labels descritivos? |
|
|
| 7 | Flexibilidade | Ações frequentes acessíveis? |
|
|
| 8 | Estética minimalista | Info desnecessária? |
|
|
| 9 | Recuperação de erros | Mensagens orientam correção? |
|
|
| 10 | Ajuda | Ajuda contextual disponível? |
|
|
|
|
### 2. Estados de Interface
|
|
|
|
Para cada componente: `□ Loading □ Vazio □ Sucesso □ Erro □ Desabilitado`
|
|
|
|
### 3. Acessibilidade Básica
|
|
|
|
```sh
|
|
rg "<img" --include='*.vue' <modulo>-front/src/ -n | grep -v "alt="
|
|
rg "<v-btn\|<button" --include='*.vue' <modulo>-front/src/ -n | grep -v "aria-label\|title"
|
|
```
|
|
|
|
### 4. Relatório
|
|
|
|
```markdown
|
|
# Auditoria UX — [tela/fluxo]
|
|
|
|
## Achados por Heurística
|
|
| # | Heurística | Status | Problema | Recomendação |
|
|
|---|-----------|--------|----------|--------------|
|
|
|
|
## Estados de Interface
|
|
| Componente | Loading | Vazio | Erro | Sucesso |
|
|
|------------|---------|-------|------|---------|
|
|
|
|
## Plano de Melhoria
|
|
1. ...
|
|
```
|
|
|
|
## Referências
|
|
|
|
- Rule: `global/rules/diagnostico-antes-correcao`
|
|
- Rule: `global/rules/mensagens-usuario`
|
|
- Rule: `global/rules/feedback-visivel`
|