¿Qué es el analizador de UI/UX?
El analizador de UI/UX es una auditoría de diseño con IA que evalúa el diseño visual de tu web, la experiencia móvil, la usabilidad, la accesibilidad y el potencial de conversión. Combina comprobaciones automáticas con el análisis visual de Claude AI para darte recomendaciones de diseño que puedes aplicar.
Ejecutar un análisis de UI/UX
Ve a Herramientas en la barra lateral y abre el Analizador de UI/UX. Introduce la URL y haz clic en Analizar.
El análisis tarda entre 30 y 60 segundos, durante los cuales:
- Captura 4 pantallas (escritorio + móvil, primera pantalla + página completa)
- Extrae más de 40 metadatos de la página (tipografía, colores, contraste, áreas táctiles, etc.)
- Ejecuta 16 comprobaciones automáticas de accesibilidad y experiencia móvil
- Envía las capturas a Claude AI para 18 evaluaciones de diseño visual
Entender tu puntuación
Tu puntuación global (0–100) combina cinco categorías:
Categoría | Peso | Qué evalúa |
|---|---|---|
Diseño visual | 25% | Armonía de color, tipografía, espaciado, coherencia del diseño, calidad de las imágenes |
Móvil | 20% | Diseño adaptable, áreas táctiles, tamaños de fuente, desplazamiento horizontal |
Usabilidad | 20% | Navegación, estructura de encabezados, formularios, pie de página |
Accesibilidad | 20% | Contraste de color, texto alternativo, navegación con teclado, etiquetas ARIA, indicadores de foco |
Conversión | 15% | Visibilidad de las llamadas a la acción, claridad de la propuesta de valor, señales de confianza, diseño de formularios |
Escala de valoración:
- Excelente (80+): diseño de referencia en el sector
- Bueno (60–79): diseño sólido con margen de mejora
- Mejorable (40–59): problemas importantes que afectan a la experiencia de usuario
- Deficiente (menos de 40): se recomienda un rediseño profundo
Conclusiones generadas con IA
El análisis con IA ofrece:
- Resumen: una visión general en lenguaje natural de los puntos fuertes y débiles del diseño de tu web
- Mejoras principales: los cambios con más impacto, priorizados según esfuerzo e impacto
- Evaluaciones detalladas: 18 evaluaciones individuales con IA sobre diseño visual, experiencia móvil y optimización de la conversión
Comprobaciones automáticas
Junto al análisis con IA, 16 comprobaciones automáticas verifican los estándares técnicos:
Accesibilidad (8 comprobaciones)
Relación de contraste de color, texto alternativo de las imágenes, navegación con teclado, etiquetas de formulario, elementos landmark, atributo de idioma, indicadores de foco y tamaño de las áreas táctiles.
Móvil (4 comprobaciones)
Metaetiqueta viewport, separación entre áreas táctiles, tamaño mínimo de fuente y ausencia de desplazamiento horizontal.
Usabilidad (4 comprobaciones)
Jerarquía de encabezados, presencia de pie de página, usabilidad de formularios y estructura de navegación.
Cada comprobación lleva un icono de engranaje (⚙️ automática) o de robot (🤖 IA), para que sepas qué evaluaciones son automáticas y cuáles las genera la IA.
Exportar resultados
- PDF: informe listo para imprimir mediante la función de impresión del navegador
- Markdown: descarga un archivo .md para agentes de IA, documentación o para compartir con desarrolladores
Historial y nuevas ejecuciones
Se guardan tus últimos 20 análisis. Consulta el historial para:
- Seguir la evolución del diseño con el tiempo
- Volver a analizar una URL analizada anteriormente
- Comparar puntuaciones antes y después de un rediseño
¿Y ahora qué?
¿Necesitas ayuda? Escríbenos a support@eurometrics.eu.
