O que é o Analisador de UI/UX?
O Analisador de UI/UX é uma auditoria de design com IA que avalia o design visual do seu site, a experiência em dispositivos móveis, a usabilidade, a acessibilidade e o potencial de conversão. Combina verificações automáticas com a análise de visão do Claude AI para lhe dar recomendações de design concretas.
Executar uma análise de UI/UX
Aceda a Ferramentas na barra lateral e abra o Analisador de UI/UX. Introduza o URL e clique em Analisar.
A análise demora entre 30 e 60 segundos, porque:
- Faz 4 capturas de ecrã (computador + telemóvel, parte visível + página inteira)
- Extrai mais de 40 metadados da página (tipografia, cores, contraste, áreas de toque, etc.)
- Executa 16 verificações programáticas de acessibilidade e de adaptação a dispositivos móveis
- Envia as capturas de ecrã ao Claude AI para 18 avaliações de design visual
Compreender a sua pontuação
A pontuação global (0–100) combina cinco categorias:
Categoria | Peso | O que avalia |
|---|---|---|
Design visual | 25% | Harmonia de cores, tipografia, espaçamento, coerência do layout, qualidade das imagens |
Dispositivos móveis | 20% | Layout responsivo, áreas de toque, tamanhos de letra, deslocamento horizontal |
Usabilidade | 20% | Navegação, estrutura de títulos, formulários, rodapé |
Acessibilidade | 20% | Contraste de cores, texto alternativo, navegação por teclado, etiquetas ARIA, indicadores de foco |
Conversão | 15% | Visibilidade dos CTA, clareza da proposta de valor, sinais de confiança, design dos formulários |
Escala de classificação:
- Excelente (80+): design de referência no setor
- Bom (60–79): design sólido, com margem para melhorar
- A melhorar (40–59): problemas significativos que afetam a experiência do utilizador
- Fraco (abaixo de 40): recomenda-se um redesign profundo
Análise com IA
A análise com IA fornece:
- Resumo: uma visão geral, em linguagem natural, dos pontos fortes e fracos do design do seu site
- Principais melhorias: as alterações com mais impacto, ordenadas por esforço face ao impacto
- Avaliações detalhadas: 18 avaliações individuais da IA sobre design visual, experiência em dispositivos móveis e otimização da conversão
Verificações programáticas
Além da análise com IA, 16 verificações automáticas confirmam o cumprimento de normas técnicas:
Acessibilidade (8 verificações)
Rácios de contraste de cores, texto alternativo das imagens, navegação por teclado, etiquetas de formulários, elementos landmark, atributo de idioma, indicadores de foco, tamanho das áreas de toque.
Dispositivos móveis (4 verificações)
Meta tag viewport, espaçamento das áreas de toque, tamanho mínimo de letra, prevenção do deslocamento horizontal.
Usabilidade (4 verificações)
Hierarquia de títulos, presença de rodapé, usabilidade dos formulários, estrutura de navegação.
Cada verificação tem um ícone de engrenagem (⚙️ programática) ou de robô (🤖 IA), para saber que avaliações são automáticas e quais são geradas por IA.
Exportar resultados
- PDF: relatório pronto a imprimir através da função de impressão do browser
- Markdown: descarregue um ficheiro .md para agentes de IA, documentação ou para partilhar com programadores
Histórico e novas análises
As suas últimas 20 análises ficam guardadas. Consulte o histórico para:
- Acompanhar a evolução do design ao longo do tempo
- Voltar a analisar um URL já analisado
- Comparar pontuações antes e depois de um redesign
E agora?
Precisa de ajuda? Contacte-nos em support@eurometrics.eu.
