Objetivo de la asignatura: aprender a hacer páginas web usables, atractivas y accesibles.
No se trata de solo diseño gráfico; se centra en la usabilidad, accesibilidad y experiencia del usuario.
Glosario de Términos
Interfaz web: Conjunto de elementos que permiten al usuario interactuar con un sitio web a través de un navegador.
Interfaz (RAE): conexión física o lógica entre un computador y el usuario.
GUI (Interfaz Gráfico de Usuario): elementos visuales que facilitan el uso de software.
Principios para la Creación de un Sitio Web
Crecimiento del Internet: Se han creado millones de páginas que llevan a establecer estándares de diseño y funcionalidad comunes.
Funcionalidad Clara: Es fundamental que los usuarios comprendan qué es el sitio y qué acciones pueden realizar en él.
Navegación Visible y Completa: Los usuarios deben poder encontrar fácilmente lo que buscan; se debe contar con un sistema de búsqueda eficaz.
Contenido Expuesto: Debe ser claro, con títulos comprensibles y enlace a secciones más usadas.
Diseño Visual: Los elementos gráficos deben ser funcionales y no meramente decorativos.
Evaluación y Mantenimiento: Las interfaces deben ser revisadas y mejoradas constantemente.
Usabilidad
Definición: Capacidad de un software para ser comprendido, aprendido, usado y ser atractivo para el usuario en condiciones específicas de uso (ISO/IEC 9126).
Atrributos de la Usabilidad:
Cuantificables Objetivos: Eficacia y eficiencia en la tarea del usuario.
Cuantificables Subjetivos: Satisfacción del usuario.
Importancia de la Usabilidad: Mejora calidad del producto, reduce gastos de mantenimiento, disminuye costos de producción.
Caso Ejemplo: Rediseño del sitio web de IBM incrementó las ventas en un 400%.
Diseño Centrado en el Usuario (DCU)
Fases del DCU
Planificación
Diseño (con múltiples pasos como modelado de usuario, diseño conceptual, de interacción y visual)
Prototipado
Evaluación
Implementación y Lanzamiento
Mantenimiento y Seguimiento
Conocimiento del Usuario
Visión: ¿Cómo ve el usuario la interfaz?
Pensamiento: ¿Cómo procesan la información?
Acción: ¿Qué decisiones toman al interactuar?
Métodos de Evaluación
Técnicas de Evaluación
Card Sorting: Agrupar tarjetas que representan elementos de la interfaz por similaridad.
Evaluación Heurística: Inspección del sitio web evaluado mediante expertos basados en principios de usabilidad reconocidos.
Tests de Usuarios: Observación directa de usuarios reais interactuando con el diseño.
Eye-tracking: Tecnología que analiza cómo los usuarios visualizan y navegan por la interfaz.
Feedback: Recolección de opiniones e información de los usuarios.
Analítica Web: Análisis de datos de acceso y comportamiento de los usuarios en el sitio web.
Test A/B: Comparación de dos versiones de una página para ver cuál tiene un mejor rendimiento.
Aplicaciones Prácticas
Proyecto final: Creación de un sitio web para una empresa innovadora, siguiendo préstamos prácticos y teorías aprendidas.
Ejemplos de sectores: salud, movilidad, educación, energía, seguridad.
Principios de Usabilidad
Visibilidad del Estado: Mantener al usuario informado sobre lo que ocurre en el sistema.
Adecuación al Mundo Real: Utilizar un lenguaje comprensible.
Prevención de Errores: Diseñar para evitar situaciones que causen errores.
Flexibilidad y Eficiencia: Interfaces fáciles para principiantes y que ofrezcan atajos para usuarios avanzados.
Consistencia: Mantener el mismo estilo y estructura a lo largo de toda la interfaz.
Conclusión
Mantenimiento y evolución continua de los sitios web, teniendo en cuenta el feedback de los usuarios.
Importancia de usar datos y métodos de evaluación para mejorar la usabilidad de manera continua.