Calidad de software y usabilidad
La usabilidad es una característica de calidad que describe cuán fácil resulta para los usuarios entender, aprender y utilizar una aplicación.
En resumen
La usabilidad significa que el software es intuitivo, eficiente y satisfactorio de usar. Factores clave: diseño UX, accesibilidad, pruebas con usuarios, ciclos de retroalimentación.
Descripción técnica compacta
Usabilidad es una característica de calidad según ISO 25010 que describe cuán fácil resulta para los usuarios entender, aprender y utilizar un software. Engloba la capacidad de uso (efectividad, eficiencia, satisfacción), accesibilidad (acceso sin barreras) y experiencia del usuario (UX). El software con buena usabilidad reduce costos de capacitación, errores y tasas de abandono.
Principios de usabilidad
1. Efectividad
¿Pueden los usuarios alcanzar sus objetivos?
// Mal: Objetivo poco claro
<button>OK</button>
// Bien: Objetivo claro
<button>Completar compra</button>
2. Eficiencia
¿Pueden los usuarios alcanzar sus objetivos rápidamente?
// Mal: Demasiados clics
Dashboard → Settings → Account → Change Password
// Bien: Acceso directo
Settings → Change Password
3. Satisfacción
¿Es agradable usar la aplicación?
// Mal: Sin retroalimentación
await saveData();
// Bien: Con retroalimentación
await saveData();
showNotification('¡Datos guardados!');
Accesibilidad
Principios WCAG
| Principio | Descripción | Ejemplo |
|---|---|---|
| Perceivable | Perceptible | Texto alternativo para imágenes |
| Operable | Operable | Navegación por teclado |
| Understandable | Comprensible | Lenguaje claro |
| Robust | Robusto | Compatible con lectores de pantalla |
Ejemplos
<!-- Mal: Sin texto alternativo -->
<img src="chart.png" />
<!-- Bien: Con texto alternativo -->
<img src="chart.png" alt="Crecimiento de ingresos 2024: +15%" />
<!-- Mal: Sin etiqueta -->
<input type="text" />
<!-- Bien: Con etiqueta -->
<label for="email">Correo electrónico</label>
<input type="text" id="email" />
<!-- Mal: Sin gestión de enfoque -->
<button onclick="openModal()">Open</button>
<!-- Bien: Con gestión de enfoque -->
<button onclick="openModal()" aria-expanded="false">Open</button>
Pruebas con usuarios
Métodos
| Método | Descripción | Cuándo |
|---|---|---|
| Usability Testing | Observar a usuarios realizar tareas | Fase de diseño |
| A/B Testing | Comparar variantes | Desarrollo |
| Heuristic Evaluation | Revisión por expertos | En cualquier momento |
| Surveys | Encuestas a usuarios | Después del lanzamiento |
Ejemplo de prueba
// Prueba de usabilidad: Registro
const testScenarios = [
{
task: 'Crear una cuenta nueva',
steps: [
'Haz clic en Registrarse',
'Completa el formulario',
'Confirma el correo electrónico'
],
successCriteria: 'Completado en menos de 2 minutos'
}
];
Principios de diseño UX
Ley de Jakob
Los usuarios esperan comportamientos similares a los de otros sitios web que ya conocen.
// Mal: Patrón poco convencional
<button>Proceed to next stage</button>
// Bien: Patrón familiar
<button>Continue</button>
Ley de Fitts
El tiempo para alcanzar un objetivo depende de su tamaño y distancia.
// Mal: Botón pequeño muy lejos
<button style="padding: 4px; margin-left: 500px">Submit</button>
// Bien: Botón grande y cercano
<button style="padding: 16px; margin: 8px">Submit</button>
Ley de Hick
El tiempo de decisión aumenta con el número de opciones.
// Mal: Demasiadas opciones
<select>
<option>Option 1</option>
<option>Option 2</option>
<!-- 20 opciones más -->
</select>
// Bien: Opciones agrupadas
<select>
<optgroup label="Categoría A">
<option>Option 1</option>
</optgroup>
<optgroup label="Categoría B">
<option>Option 2</option>
</optgroup>
</select>
Mejores prácticas
- Progressive Disclosure: Mostrar información gradualmente
- Consistency: Diseño consistente
- Feedback: Retroalimentación inmediata en acciones
- Error Prevention: Prevenir errores en lugar de solo reportarlos
- Accessibility: Cumplir WCAG 2.1 AA
Puntos clave para evaluaciones
- Usabilidad según ISO 25010: efectividad, eficiencia, satisfacción
- Principios WCAG: Perceivable, Operable, Understandable, Robust
- Principios UX: Ley de Jakob, Ley de Fitts, Ley de Hick
- Pruebas con usuarios: Usability Testing, A/B Testing, Heuristic Evaluation
- Accesibilidad: Lectores de pantalla, navegación por teclado, texto alternativo
Preguntas frecuentes
1. ¿Qué es la usabilidad?
2. ¿Qué es la capacidad de uso?
3. ¿Qué es la accesibilidad?
4. ¿Qué es WCAG?
5. ¿Qué es la Ley de Jakob?
6. ¿Qué es la Ley de Fitts?
7. ¿Qué es la Ley de Hick?
8. ¿Qué es el User Testing?
9. ¿Qué es A/B Testing?
10. ¿Qué es Heuristic Evaluation?
11. ¿Texto alternativo para imágenes?
12. ¿Navegación por teclado?
13. ¿Qué es Progressive Disclosure?
14. ¿Compatibilidad con lectores de pantalla?
15. ¿UX vs Usabilidad?
Continúa en la ruta de aprendizaje sobre calidad de software
Todos los artículos de la ruta de aprendizaje sobre calidad de software están completos. Vuelve a la descripción general de la ruta de calidad de software.
Fuentes
- https://iso25000.com/index.php/en/iso-25000-standards/iso-25010.html
- https://www.w3.org/WAI/WCAG21/quickref/
- https://www.nngroup.com/articles/ten-usability-heuristics/
Recomendaciones de libros sobre calidad de software
Si deseas seguir aprendiendo sobre usabilidad, UX y calidad de software, te recomendamos los siguientes libros:
Keine Bücher für Kategorie "software-engineering" gefunden.



