Skip to content
IRC-CodingIRC-Coding
Ergonomía de SoftwareUsabilityUser ExperienceISO 9241WCAGPrototipo

Fundamentos de Ergonomía de Software: Usability vs UX

Guía de ergonomía de software: diferencia entre Usability y UX, ISO 9241, Mockups, Prototipos, Accesibilidad WCAG y métricas.

S

schutzgeist

2 min read
Fundamentos de Ergonomía de Software: Usability vs UX

Fundamentos de la ergonomía en el desarrollo de software

Este artículo es una definición de términos sobre fundamentos de la ergonomía del software, incluyendo preguntas de examen, componentes clave y etiquetas.

En pocas palabras

  • Usabilidad se enfoca en efectividad, eficiencia y satisfacción al completar tareas.
  • User Experience (UX) añade expectativas, emociones y contexto antes, durante y después del uso.

Las interfaces ergonómicas surgen del análisis de requisitos, orden visual, accesibilidad y validación iterativa con mockups y prototipos.

Descripción técnica concisa

La ergonomía del software se basa en normas como ISO 9241 y principios de diseño centrado en el usuario.

  • Usabilidad: ¿Completa el usuario la tarea correctamente y rápido?
  • UX: ¿Cómo se siente la experiencia completa (incluyendo expectativas, marca, contexto)?

Visualización temprana:

  • Wireframe / Mockup (baja/alta fidelidad)
  • Prototipo interactivo para flujos, retroalimentación y escenarios de error

Accesibilidad:

  • WCAG (POUR: perceptible, operable, comprensible, robusto)
  • EN 301 549 como marco europeo (por ejemplo, contratación pública)

Evaluación:

  • Evaluación heurística (Nielsen)
  • Walkthroughs
  • Pruebas con usuarios

Puntos clave para examen

  • Delimitar bien usabilidad vs UX (IHK)
  • Tipos de mockup + utilidad (coordinación, reducir riesgos)
  • Reglas de ergonomía: consistencia, retroalimentación, prevención de errores, tolerancia a fallos
  • Accesibilidad: contraste, operabilidad desde teclado, foco visible
  • Diseño de formularios: cuadrícula, agrupación, orden de lectura
  • Leyes cognitivas: Fitts, Hick-Hyman (idea fundamental)
  • Documentar requisitos + criterios de aceptación de forma comprobable
  • Métricas: Task Success, Time on Task, Error Rate, SUS/UEQ

Componentes principales

  1. Recopilación de requisitos (entrevistas, observación, personas)
  2. Arquitectura de información (navegación, vocabulario)
  3. Diseño de interacción (flujos, estados, errores)
  4. Diseño visual (cuadrícula, tipografía, contraste)
  5. Prototipado (wireframe → modelo interactivo)
  6. Accesibilidad (WCAG, teclado, semántica)
  7. Biblioteca de componentes (formularios, diálogos, tablas)
  8. Evaluación de usabilidad (pruebas, SUS/UEQ)
  9. QA (criterios de aceptación, verificaciones A11y)
  10. Gobernanza (guía de estilos/Design System)

Ejemplo práctico (formulario de ticket de soporte)

Campos: Asunto, Descripción, Categoría, Prioridad, Subir archivo
Ergonomía: Agrupación, campos obligatorios marcados, validación en línea
A11y: Label->Input, orden de tabulación lógico, foco visible, contraste 4.5:1
Prueba: 5 usuarios, métricas (éxito, tiempo, errores, SUS)

Ventajas e inconvenientes

Ventajas

  • Mayor tasa de éxito en las tareas
  • Menores costos de soporte y capacitación
  • Mejor accesibilidad (productos inclusivos)

Inconvenientes

  • Esfuerzo inicial (análisis, prototipado, pruebas)
  • Necesidad de usuarios para pruebas
  • Conflictos de objetivos (marca vs. contraste/A11y)

Preguntas típicas de examen (con respuesta breve)

  1. ¿Usabilidad vs UX? Usabilidad = completar la tarea; UX = experiencia completa del usuario.
  2. ¿Por qué mockups temprano? Hacer visibles los requisitos, iterar de forma económica.
  3. ¿Métricas importantes de usabilidad? Task Success, Time on Task, Error Rate, SUS/UEQ.
  4. ¿Aspectos WCAG importantes para formularios? Labels, contraste, teclado, foco, mensajes de error claros.

Fuentes más importantes

  1. https://www.w3.org/WAI/standards-guidelines/wcag/
  2. https://de.wikipedia.org/wiki/ISO_9241
Volver al blog
Share:

Nächster Artikel in Ergonomía de Software

Weiterlesen
Ley de Fitts: Fórmula, distancia y ergonomía UI

Entradas relacionadas