RA6 · verificado

RA6 de Diseño de Interfaces Web · DAW

Desarrolla interfaces Web amigables analizando y aplicando las pautas de usabilidad establecidas.

Contenido verificado asociado a este RA

Fundamentos de Usabilidad Web y Estándares

Esta unidad introduce los conceptos clave de usabilidad web, su importancia para el éxito de un sitio y el papel fundamental de los estándares web en la creación de interfaces amigables y accesibles. Se exploran los principios básicos para analizar la usabilidad de documentos web existentes.

Diseño Centrado en el Usuario y Adaptación de Interfaces

Esta unidad se centra en cómo adecuar una interfaz web a los objetivos del sitio y a las necesidades específicas de sus usuarios. Se exploran técnicas para comprender al público objetivo y aplicar ese conocimiento en la modificación y mejora del diseño.

Verificación de Navegación y Accesibilidad Multi-periférico

Esta unidad aborda la importancia de asegurar una navegación fluida y accesible en un documento web, independientemente del periférico de entrada utilizado. Se exploran técnicas y herramientas para verificar la facilidad de interacción con teclado, ratón, dispositivos táctiles y tecnologías de asistencia.

Técnicas de Verificación de Usabilidad

Esta unidad explora diversas técnicas para evaluar y verificar la usabilidad de un documento web, desde métodos de inspección hasta pruebas con usuarios. Se detallan los procedimientos y la aplicación profesional de cada técnica para identificar problemas y proponer mejoras.

Verificación de Usabilidad Multi-Navegador y Multi-Tecnología

Esta unidad se enfoca en la verificación de la usabilidad de una interfaz web en diferentes navegadores, sistemas operativos y tecnologías. Se abordan los desafíos de la compatibilidad y se presentan estrategias para asegurar una experiencia consistente y funcional para todos los usuarios.

Conceptos clave

UsabilidadHeurísticas de NielsenEstándares webW3CAccesibilidadInteroperabilidadDiseño Centrado en el Usuario (DCU)PersonasEscenarios de usoMapas de empatíaFlujo de usuarioCall to actionDiseño iterativoNavegación webPeriféricos de entradaOrden de tabulaciónLectores de pantallaWCAG

Errores que conviene evitar

Confundir usabilidad con estética: Causa: Priorizar el 'look and feel' sobre la funcionalidad. Corrección: Realizar pruebas de usuario y análisis heurísticos para validar la funcionalidad.
Ignorar los estándares web: Causa: Desconocimiento de los estándares o prisa en el desarrollo. Corrección: Validar el código con herramientas del W3C y seguir las mejores prácticas de desarrollo web.
Diseñar para uno mismo: Causa: Falta de investigación de usuario. Corrección: Crear personas y realizar entrevistas o encuestas a usuarios reales.
No definir el objetivo del sitio: Causa: Falta de planificación estratégica. Corrección: Establecer objetivos SMART (Específicos, Medibles, Alcanzables, Relevantes, con Plazo) antes de iniciar el diseño.
Ignorar la navegación por teclado: Causa: Falta de conciencia sobre la accesibilidad. Corrección: Probar sistemáticamente la navegación con la tecla `Tab` y `Enter`.
Elementos táctiles demasiado pequeños: Causa: No considerar las dimensiones de los dedos al diseñar para móvil. Corrección: Asegurar que los elementos interactivos tengan un tamaño mínimo de 48x48 píxeles y un espaciado adecuado.
No definir objetivos claros para la prueba: Causa: Falta de planificación. Corrección: Establecer preguntas de investigación y métricas claras antes de cualquier prueba.
Interpretar los resultados de forma sesgada: Causa: Sesgo de confirmación. Corrección: Mantener una actitud objetiva, documentar todos los hallazgos y buscar patrones en los datos.

Qué se evalúa en este RA

CE a

Se ha analizado la usabilidad de diferentes documentos Web.

CE b

Se ha valorado la importancia del uso de estándares en la creación de documentos Web.

CE c

Se ha modificado el interfaz Web para adecuarlo al objetivo que persigue y a los usuarios a los que va dirigido.

CE d

Se ha verificado la facilidad de navegación de un documento Web mediante distintos periféricos.

CE e

Se han analizado diferentes técnicas para verificar la usabilidad de un documento Web.

CE f

Se ha verificado la usabilidad del interfaz Web creado en diferentes navegadores y tecnologías.