Desarrollo Web

Metricas Usabilidad

Actividad Oficial: Desarrollo Web (Grupo 2 estudiantes)

Ficha de Evaluación y Metadatos de Auditoría

Los nombres e información configurados aquí se reflejarán automáticamente en el documento PDF descargable.

🌟 EVALUACIÓN EN CURSO
👤
👤
💻
📅

Índice de Aprobación

0% objetivo: ≥80%

Cumplimiento global de estándares

Métricas Aceptables

0 cumplen parámetro

Dentro del umbral de calidad

No Aceptables

0 fuera de parámetro

Requieren optimización UI/UX

Total Evaluadas

0 métricas en 5 tareas

Cuantitativas y Cualitativas

Requerimiento 1

Formulación de Métricas con Parámetros por Tareas Específicas

Definición formal según ISO/IEC 25010 e ISO 9241-11 para componentes de interfaz: Listas, Tablas, Entrada de Datos y Botones.

📝

Entrada de Datos

Inputs, select, formularios

Cuantitativa:

Tiempo de completitud (TCF) ≤ 18s y Tasa de errores (TEV) ≤ 1.

Cualitativa:

Claridad de feedback y mensajes de validación ≥ 4.0 / 5.0 (Likert).

📊

Tablas de Datos

Búsqueda, paginación, filtros

Cuantitativa:

Tiempo de búsqueda y filtrado ≤ 5.0s. Clics para ordenar ≤ 3.

Cualitativa:

Legibilidad y jerarquía visual de encabezados ≥ 4.2 / 5.0.

🔘

Botones & Acciones

Feedback, hover, clics

Cuantitativa:

Latencia visual percibida (LRV) ≤ 200ms. Clics dobles ≤ 2%.

Cualitativa:

Asequibilidad y claridad en estados activo/disabled ≥ 4.0 / 5.0.

📋

Listas Dinámicas

Selección múltiple y scroll

Cuantitativa:

Tiempo de selección múltiple ≤ 8.0s. Tasa de éxito ≥ 90%.

Cualitativa:

Intuitividad y fluidez en desplazamiento de feed ≥ 4.0 / 5.0.

Laboratorio de Pruebas

Sandbox Interactivo: Medición en Tiempo Real

Interactúa con los componentes reales de prueba; los resultados se sincronizan de forma reactiva con la tabla de resultados.

📝 Prueba de Formulario (Entrada de Datos)

0.0s 0 errores

📊 Prueba de Tabla (Búsqueda y Clics)

0 clics
Tecnología ↕ Categoría ↕ Rendimiento ↕
React.jsLibrería UI94%
Vue.jsFramework Progresivo96%
Next.jsSSR / Híbrido92%
Tailwind CSSDiseño Utilitario99%

🔘 Prueba de Latencia en Botón CTA

Haz clic para medir el retraso de repintado del frame (DOM render lag).

-- ms

📋 Prueba de Lista Dinámica

0 seleccionados
Elemento #1 (List item A)
Elemento #2 (List item B)
Elemento #3 (List item C)
Elemento #4 (List item D)
Requerimiento 2

Vista de Tabla de Resultados Dinámica

Clasificación automatizada: Aceptable vs. No Aceptable según la condición y umbral configurados.

Componente Métrica & Tarea Específica Tipo Parámetro / Umbral Valor Obtenido Resultado Acciones

💡 Tip: Puedes modificar directamente cualquier valor obtenido en la columna "Valor Obtenido" para ver cómo cambia el resultado y las gráficas en vivo.

Visualización Analítica

Gráficas de Desempeño y Cumplimiento de Métricas

Representación visual multidimensional con Chart.js para comparar valores reales contra los parámetros aceptables.

Métricas Cuantitativas: Valor vs. Umbral

Comparativa directa con el límite aceptable de cada tarea

Bar Chart

Distribución de Estados

Aceptables vs. No Aceptables

Doughnut
Tasa de aceptación requerida para certificación: ≥80%

Perfil Heurístico Cualitativo (Radar de Usabilidad)

Evaluación de experiencia de usuario en escala estandarizada de 1 a 5

Radar Chart
Requerimiento 3

Exportación de Reporte Académico en PDF

Genera un documento PDF formal y estructurado que incluye: membrete de Desarrollo Web, nombres de los dos integrantes del equipo, resumen estadístico de cumplimiento, tabla completa clasificada con colores de estado, gráficos renderizados y dictamen técnico.

Formato A4 optimizado • Listo para entrega