Criterios de Evaluación
Criterio que evalúa si un sitio es fácil e intuitivo de usar, con navegación clara y coherente.
Usabilidad
Primer paso del proceso de evaluación: establecer qué se quiere lograr y con qué se medirá.
Definir objetivos y criterios
Nivel que evalúa el código, rendimiento, seguridad y compatibilidad de un sitio.
Nivel técnico
Herramienta integrada en Chrome DevTools que evalúa rendimiento, accesibilidad, SEO y buenas prácticas.
Google Lighthouse
Elemento interactivo que permite al usuario ingresar y enviar información (registro, contacto, búsqueda).
Formularios y campos
Criterio que evalúa si personas con distintas capacidades y dispositivos pueden usar el sitio.
Accesibilidad
Segundo paso: identificar el sitio propio, de la competencia o alternativas a comparar.
Seleccionar el sitio
Nivel que evalúa si las funciones (formularios, enlaces, buscadores) trabajan como deberían.
Nivel funcional
Herramienta que analiza la velocidad de carga en dispositivos móviles y de escritorio.
PageSpeed Insights
Regla de optimización que consiste en comprimir imágenes y usar formatos modernos como WebP.
Optimizar imágenes
Criterio que mide la velocidad de carga, tiempos de respuesta y estabilidad de un sitio.
Rendimiento
Tercer paso: navegar el sitio, registrar capturas, tiempos de carga y observar comportamiento.
Recolectar datos
Nivel que evalúa la experiencia de navegación, claridad y satisfacción del usuario.
Nivel de usabilidad
Herramienta que evalúa la accesibilidad web e identifica errores para personas con discapacidad.
WAVE
Regla de optimización que consiste en adaptar el sitio a distintos tamaños de pantalla.
Diseño responsivo
Criterio que evalúa la protección de datos, el uso de HTTPS y las buenas prácticas de privacidad.
Seguridad
Cuarto paso: usar herramientas como PageSpeed Insights, Lighthouse o WAVE.
Aplicar pruebas
Nivel que evalúa el ROI, la conversión y el posicionamiento de un sitio.
Nivel de negocio
Herramienta que verifica que el código HTML y CSS cumpla los estándares web.
W3C Validator
Práctica de edición colaborativa que registra el historial de cambios y permite volver a versiones anteriores.
Control de versiones
Criterio que evalúa la estética, coherencia gráfica y jerarquía visual de un sitio.
Diseño visual
Último paso: redactar un informe con hallazgos, evidencias y recomendaciones.
Documentar conclusiones
Aspecto comparado en el nivel funcional: formularios que envían datos correctamente y este otro elemento preciso.
Buscador interno
Método que compara dos versiones de una página para ver cuál funciona mejor.
Pruebas A/B
Herramienta de diseño de interfaces colaborativo, con comentarios y edición simultánea.
Figma