Autor: Carmen Quiles Ramírez
En el ámbito del Diseño de Interfaces de Usuario (UI) y la Experiencia de Usuario (UX), la capacidad de comprender y aplicar principios de usabilidad y accesibilidad es esencial para crear interfaces efectivas y satisfactorias. Este informe tiene como objetivo reflejar mi experiencia adquirida en la asignatura de Diseño de Interfaces de Usuario (DIU), presentando una evaluación crítica y justificada de las contribuciones realizadas a lo largo del curso. El documento se estructura en torno a cinco actividades clave: análisis etnográfico, evaluación del diseño de una web, creación de un moodboard, análisis de accesibilidad y diseño de una web creativa, y en torno a las práctias realizadas. Cada sección detalla el proceso de diseño, los resultados obtenidos y las conclusiones derivadas, destacando la calidad y relevancia de las contribuciones realizadas.
A lo largo de estas actividades, se han aplicado y profundizado los principios estudiados en clase, proporcionando una base sólida para evaluar el grado de experiencia adquirido en el área. Cada actividad no solo se describe en términos de ejecución, sino que también se analiza en relación con los principios de UX y usabilidad, garantizando una valoración objetiva y cuantificable de los logros y aprendizajes obtenidos.
El siguiente informe está estructurado para proporcionar una visión integral de mi evolución y habilidades en UI/UX, demostrando una comprensión profunda de los conceptos y técnicas fundamentales en la creación de interfaces de usuario efectivas, accesibles y atractivas.
El análisis etnográfico es una técnica fundamental en UX para comprender el comportamiento de los usuarios en su entorno natural. En esta actividad, se observó a una mujer de mediana edad utilizando un sistema de autopago en un hipermercado. La observación se llevó a cabo de manera casual y directa, lo que permitió identificar varios problemas críticos de usabilidad.
- Falta de información clara: La interfaz del sistema de autopago no indicaba de manera explícita que los artículos debían permanecer en el espacio lateral hasta finalizar la compra. Esta falta de claridad causó que la usuaria experimentara frustraciones repetidas al bloquearse el sistema cada vez que movía un artículo.
- Dependencia del personal: La usuaria tuvo que recurrir varias veces a la encargada para desbloquear el sistema, lo que contradecía el objetivo de autopago rápido y eficiente.
- Experiencia de usuario negativa: La frustración y la sensación de inutilidad del sistema fueron evidentes, lo que sugiere que el diseño no consideró adecuadamente la facilidad de uso para usuarios novatos.
Este ejercicio destacó la importancia de diseñar interfaces intuitivas y con instrucciones claras para evitar la dependencia del usuario en la intervención de terceros. También se subrayó la necesidad de pruebas de usabilidad con usuarios reales para identificar y corregir estos problemas antes del lanzamiento.
La evaluación del diseño de la web "Galería Granada Capital" se realizó utilizando una checklist de elementos clave en UX y diseño visual. Esta evaluación permitió identificar áreas de mejora y comparar el sitio con la competencia.
- Diseño visual: La página tenía un balance visual inconsistente, con algunas partes ocupando todo el ancho y otras no. La simetría y regularidad fueron adecuadas, pero el uso del espacio necesitaba mejoras.
- Navegación: La navegación primaria era buena, pero faltaban elementos en la navegación secundaria y de utilidad. La búsqueda era inexistente y el enlace de inicio estaba mal indicado.
- Wayfinding y UX Writing: La identificación del sitio y el título de la página eran deficientes, y la ausencia de una sección "About Us" reducía la credibilidad y el contexto del sitio. El contenido era claro y útil, pero faltaban detalles importantes.
- Accesibilidad y Responsividad: Aunque la página era responsiva, se identificaron problemas de accesibilidad, especialmente en términos de contraste y errores de WCAG.
La evaluación evidenció la necesidad de mejoras en la navegación y el wayfinding para facilitar una mejor experiencia de usuario. La incorporación de una búsqueda y una sección "About Us" sería beneficiosa. La accesibilidad debe ser una prioridad, asegurando que todos los usuarios puedan acceder y usar la página sin dificultades.
Se realizó un análisis exhaustivo de la accesibilidad de la web del Ayuntamiento de Armilla utilizando diversas herramientas automáticas y simuladores de discapacidad.
- Errores de accesibilidad: Se detectaron varios errores de WCAG, incluyendo errores de contraste y legibilidad. La web no era fácilmente usable sin CSS y presentaba dificultades para usuarios con discapacidades visuales y cognitivas.
- Simulación de discapacidades: La simulación de miopía, daltonismo, Parkinson y dislexia mostró que la web no estaba completamente adaptada para estos usuarios. Especialmente, el formulario de contacto era prácticamente inutilizable para personas con Parkinson debido al tamaño reducido de los botones.
La accesibilidad web es crucial para garantizar que todas las personas, independientemente de sus capacidades, puedan usar la web de manera efectiva. Las instituciones públicas deben cumplir con las normativas de accesibilidad para ser inclusivas. Este ejercicio resaltó la importancia de realizar pruebas con simuladores y herramientas de verificación automática para identificar y corregir problemas de accesibilidad.
El moodboard es una herramienta visual que ayuda a definir la identidad y estilo de un sitio web. En esta actividad, se creó un moodboard para una web inventada, incluyendo paletas de colores, tipografías, logotipos, slogans y fotos inspiradoras.
- Paleta de colores: Se seleccionaron colores que transmitieran la identidad de la marca, asegurando buen contraste y armonía visual.
- Tipografía: Se eligieron tipografías que fueran legibles y que complementaran la estética general del sitio.
- Logotipo y Slogan: Se diseñó un logotipo que reflejara los valores de la marca y se creó un slogan memorable.
- Fotos inspiradoras: Se seleccionaron imágenes que resonaran con la audiencia objetivo y que reforzaran el mensaje de la marca.
El moodboard es esencial para asegurar que todos los elementos visuales de la web estén alineados y coherentes con la identidad de la marca. Este ejercicio destacó la importancia de la estética y la identidad visual en la creación de una experiencia de usuario atractiva y memorable.
Se diseñó una animación en Figma utilizando el tipo de animación slider para una supuesta web de joyería.
- Interactividad: La animación añadía un nivel de interactividad que hacía la experiencia más dinámica y atractiva.
- Usabilidad: Se aseguró que la animación no comprometiera la usabilidad, permitiendo una navegación fluida y clara.
- Estética: La animación reflejaba la elegancia y el lujo asociados con la marca de joyería, mejorando la percepción del usuario sobre la calidad del producto.
Las animaciones pueden mejorar significativamente la experiencia de usuario cuando se utilizan adecuadamente. Es importante balancear la creatividad con la funcionalidad para asegurar que las animaciones no interfieran con la usabilidad.
Durante la asignatura de Diseño de Interfaces de Usuario, se llevaron a cabo diversas prácticas que permitieron aplicar de manera práctica los conceptos aprendidos en clase. A continuación, se resumen algunas de las prácticas más destacables:
1. Investigación Inicial y Definición del Proyecto: Se definió un proyecto de diseño de interfaz, identificando el problema a resolver y estableciendo los objetivos del diseño. Este proceso incluyó la creación de personas y escenarios de uso para guiar el diseño centrado en el usuario.
2. Prototipado y Evaluación: Se desarrollaron prototipos de baja y alta fidelidad utilizando herramientas como Figma y Sketch. Estos prototipos fueron evaluados mediante pruebas de usabilidad con usuarios reales, lo que permitió iterar y mejorar el diseño con base en el feedback recibido.
3. Diseño Centrado en el Usuario: Se aplicaron metodologías de diseño centrado en el usuario (DCU), incluyendo entrevistas, encuestas y análisis de tareas. Estas metodologías ayudaron a comprender mejor las necesidades y expectativas de los usuarios, garantizando que el diseño final fuera intuitivo y accesible.
4. Evaluación de Accesibilidad: Se utilizó una combinación de herramientas automáticas y simuladores de discapacidad para evaluar la accesibilidad de los diseños. Esta evaluación permitió identificar y corregir problemas de accesibilidad, asegurando que las interfaces fueran inclusivas y utilizables por todas las personas, independientemente de sus capacidades.
5. Iteración y Mejora Continua: Se adoptó un enfoque iterativo en el diseño, con ciclos de diseño, prueba y refinamiento. Este enfoque aseguró que las interfaces se mejoraran continuamente con base en los comentarios de los usuarios y las pruebas de usabilidad.
A lo largo de estas actividades y prácticas, se ha adquirido un profundo conocimiento sobre diversos aspectos del diseño de interfaces de usuario, incluyendo la importancia de la usabilidad, accesibilidad y estética. Cada ejercicio ha contribuido a desarrollar habilidades críticas para la evaluación y mejora de interfaces, asegurando que sean intuitivas, inclusivas y atractivas para todos los usuarios.
Grado de experiencia adquirido:
- Análisis Etnográfico: Desarrollo de habilidades de observación y análisis de comportamientos de usuario en entornos reales.
- Evaluación de Diseño: Capacidad para identificar y proponer mejoras en el diseño de interfaces basadas en principios de UX.
- Accesibilidad: Comprensión profunda de las normativas de accesibilidad y habilidad para evaluar y mejorar la accesibilidad web.
- Diseño Visual y Creativo: Competencia en la creación de moodboards y animaciones que reflejen la identidad de la marca y mejoren la experiencia de usuario.
El presente informe tiene como propósito evaluar y comparar las interfaces y experiencias de usuario de dos centros de investigación: el Centro de Investigación Biomédica (CIBM) de la Universidad de Granada (UGR) y el Instituto de Biomedicina de Sevilla (IBiS). A través de este análisis, se pretende demostrar la capacidad de aplicar metodologías de diseño centrado en el usuario (DCU) y técnicas de experiencia de usuario (UX) a casos reales, mejorando así la usabilidad y satisfacción del usuario final. Para ello, se ha estructurado el trabajo en varias secciones, comenzando con un análisis detallado del diseño, usabilidad, adaptación a dispositivos y experiencia de usuario del sitio web de CIBM. Posteriormente, se realizará una comparativa con la web de IBiS, evaluando las diferencias y similitudes en términos de diseño y experiencia de usuario. Finalmente, se concluirá con una autoevaluación crítica sobre las prácticas realizadas y las mejoras potenciales en el diseño de interfaces basado en este caso de estudio.
Este informe pretende ser una evaluación objetiva y justificada, utilizando criterios cuantificables y técnicas probadas en el campo del diseño de interfaces y UX, para ofrecer un análisis profesional y detallado.
En el proceso de análisis del diseño web del Centro de Investigación Biomédica (CIBM), he empleado la técnica de Web Checklist para evaluar de manera exhaustiva diversos aspectos relacionados con la estructura y el diseño visual de la página. Este enfoque se ha utilizado con el objetivo de realizar una evaluación detallada y objetiva del sitio web, así como de compararlo con estándares y buenas prácticas reconocidas en el campo del diseño web.
El análisis se ha centrado en varios aspectos cruciales:
- Evaluación del Diseño Visual y Estructura: Se ha examinado el equilibrio, la simetría y la regularidad del diseño visual, así como la claridad y la utilidad de la estructura del sitio web. Se han identificado áreas de mejora, como la falta de simetría en el menú y la carencia de filtros en la navegación por contenido relacionado.
- Comparativa con Estándares y Buenas Prácticas: Se ha llevado a cabo una comparativa minuciosa del diseño del CIBM con estándares y buenas prácticas ampliamente aceptadas en el ámbito del diseño web. Se ha destacado la claridad y la sencillez de la navegación primaria y secundaria, así como la presencia de elementos como breadcrumbs y un footer, que son considerados como elementos fundamentales según los estándares de diseño.
- Identificación de Puntos Críticos y Áreas de Mejora: Se ha identificado la búsqueda sin filtro como un punto crítico que podría afectar la eficiencia del sitio web. Se ha recomendado la implementación de filtros en la navegación por contenido relacionado para mejorar la experiencia del usuario.
El resultado de este análisis puede consultarse en el documento AnalisisDiseñoCIBM.pdf.
Para evaluar la adaptabilidad del sitio web del Centro de Investigación Biomédica (CIBM) en diferentes dispositivos, se ha utilizado la herramienta Google Chrome DevTools. Esta herramienta, disponible de forma gratuita e integrada en el navegador Google Chrome, permite simular diversos dispositivos y ajustar el tamaño de la ventana del navegador para verificar la adaptabilidad del diseño.
Tras realizar pruebas exhaustivas utilizando Google Chrome DevTools, se ha observado que el sitio web del CIBM se adapta de manera eficaz a una variedad de dispositivos. El diseño responde de manera óptima a cambios en el tamaño de la pantalla, lo que garantiza una experiencia de usuario consistente y satisfactoria en dispositivos móviles, tablets y desktops.
La navegación y la usabilidad del sitio se mantienen coherentes en todos los dispositivos probados, lo que indica una implementación exitosa del diseño responsive. No se han detectado problemas significativos de visualización en ninguno de los dispositivos evaluados, lo que confirma la adaptabilidad efectiva del sitio web del CIBM.
Además, como parte del proceso de evaluación utilizando Google Chrome DevTools, se han generado capturas de pantalla que muestran cómo se ve la pantalla de inicio del sitio web del CIBM en diferentes dispositivos. Estas capturas proporcionan una representación visual de la adaptabilidad efectiva del diseño en una variedad de tamaños de pantalla y dispositivos. Las capturas se encuentran disponibles en la carpeta AdaptacionDispositivos, lo que brinda una referencia visual adicional para respaldar los hallazgos del análisis de adaptabilidad del sitio web del CIBM.
En el proceso de análisis de la experiencia de usuario (UX) del sitio web del Centro de Investigación Biomédica (CIBM), es fundamental considerar a los usuarios potenciales que interactuarán con la plataforma. Dos de estos usuarios representativos son Laura García y Carlos Martínez.
Para entender mejor las interacciones y necesidades de estos usuarios, se ha realizado un User Journey Map para cada uno. El User Journey Map es una herramienta que permite visualizar y analizar el recorrido que realiza un usuario al interactuar con el sitio web. Este mapa ayuda a identificar los puntos de contacto, pensamientos, emociones, acciones y posibles problemas que los usuarios pueden experimentar durante su interacción con la plataforma. Al realizar estos mapas, se busca mejorar la experiencia de usuario, identificar oportunidades de optimización y asegurar que el diseño del sitio web cumpla con las expectativas y necesidades de sus usuarios.
Laura García, profesora de secundaria, busca recursos educativos en el CIBM para enriquecer sus clases. Su interés radica en encontrar información relevante y actualizada que pueda utilizar para despertar la curiosidad científica de sus alumnos y mejorar su comprensión de la biomedicina. Desde el punto de vista del factor humano, Laura destaca por su compromiso con la educación y su deseo de proporcionar una experiencia de aprendizaje significativa para sus estudiantes.
User Journey Map de Laura García: El viaje de Laura comienza con la toma de conciencia en una conferencia educativa donde escucha hablar del CIBM. En la fase de inspiración, Laura explora el sitio web del CIBM y descubre una sección dedicada a recursos educativos. En la fase de decisión, Laura revisa los recursos disponibles y selecciona un video sobre investigación biomédica para su próxima clase. Durante la fase de acción, Laura descarga el video y prepara una lección basada en el contenido proporcionado. En la fase de observación, Laura nota que sus alumnos responden positivamente al material. Finalmente, en la conclusión, Laura está satisfecha con la calidad de los recursos y planea utilizar más contenido del CIBM en el futuro.
Este user journey map ilustra la importancia de un sitio web intuitivo y bien organizado que permita a los educadores como Laura acceder fácilmente a materiales educativos de alta calidad. El diseño debe facilitar la navegación y la búsqueda de recursos relevantes para mejorar la experiencia de aprendizaje de sus alumnos.
Por otro lado, Carlos Martínez, ingeniero informático, busca inspiración tecnológica en la investigación biomédica del CIBM. Su objetivo es explorar posibles aplicaciones tecnológicas en el campo de la salud y la biomedicina, utilizando la investigación del CIBM como fuente de ideas e innovaciones. Carlos se destaca por su pasión por la innovación y su capacidad para buscar soluciones tecnológicas avanzadas.
User Journey Map de Carlos Martínez: El viaje de Carlos comienza con la toma de conciencia a través de una publicación en línea sobre el CIBM. En la fase de inspiración, Carlos explora el sitio web del CIBM y descubre proyectos de investigación innovadores. En la fase de decisión, Carlos decide contactar al CIBM para obtener más información sobre un proyecto específico. Durante la fase de acción, Carlos completa un formulario de contacto y envía sus preguntas sobre el proyecto. En la fase de observación, Carlos encuentra el proceso de contacto claro y directo, aunque experimenta cierta ansiedad mientras espera una respuesta. Finalmente, en la conclusión, Carlos valora la calidad de los proyectos y considera colaborar con el CIBM en el futuro.
Este user journey map destaca la necesidad de una comunicación efectiva y oportuna entre los investigadores y los usuarios del sitio web. Un sistema de contacto eficiente y una presentación clara de la información son esenciales para satisfacer las necesidades de profesionales como Carlos, que buscan inspiración y colaboración en el campo de la investigación biomédica.
Continuando con el análisis de la experiencia de usuario (UX) del sitio web del Centro de Investigación Biomédica (CIBM), dejamos de lado temporalmente a nuestros usuarios representativos, Laura García y Carlos Martínez, para centrarnos en usuarios con otro tipo de necesidades, como aquellos que tienen alguna discapacidad. Es fundamental garantizar que el sitio web del CIBM sea accesible y usable para todos los usuarios, independientemente de sus capacidades. Para este propósito, se llevará a cabo un estudio de la accesibilidad del sitio web utilizando la herramienta Funkify – Disability Simulator, un plugin de Chrome que permite simular diferentes tipos de discapacidades y evaluar cómo afectan la interacción con el sitio web.
En este informe de evaluación de accesibilidad se ofrece un análisis exhaustivo sobre cómo la página se adapta a usuarios con diferentes discapacidades. El análisis se estructura en dos partes: una evaluación detallada de accesibilidad basada en las pautas WCAG y una simulación de accesibilidad que prueba la usabilidad del sitio bajo diversas condiciones de discapacidad.
Evaluación Basada en Pautas WCAG La evaluación reveló que la web cumple en gran medida con las pautas WCAG, destacándose en áreas como la visibilidad de la información de accesibilidad y la adaptabilidad del contenido a diferentes tamaños de letra y resoluciones de pantalla. Sin embargo, se identificaron algunas alertas menores, especialmente en términos de contraste, que podrían mejorar para alcanzar un nivel óptimo de accesibilidad.
Simulación de Accesibilidad La simulación, que incluyó pruebas con discapacidades como miopía, daltonismo, Parkinson y dislexia, demostró que la web es bastante accesible para usuarios con discapacidades visuales y de color. No obstante, usuarios con discapacidades motoras y cognitivas enfrentan mayores desafíos, particularmente en la interacción con formularios y la lectura del contenido.
En resumen, aunque el CIBM ha avanzado significativamente en la accesibilidad de su web, se recomienda continuar mejorando en áreas críticas para asegurar una experiencia inclusiva para todos los usuarios, especialmente para personas con diferentes discapacidades. Algunas de las propuestas de mejora incluyen la inclusión de alternativas multimedia en lugar de texto para personas con dislexia, así como versiones con botones más grandes y clicables para facilitar la interacción a personas con Parkinson, entre otras.
La usabilidad es un aspecto crucial en el diseño y funcionamiento de cualquier sitio web, ya que determina la facilidad con la que los usuarios pueden interactuar con la plataforma y alcanzar sus objetivos. En la evaluación actual del sitio web del Centro de Investigación Biomédica (CIBM), se ha llevado a cabo una evaluación exhaustiva mediante un cuestionario de usabilidad.
Laevaluacion de usabilidad del sitio web del Centro de Investigación Biomédica (CIBM) revela una serie de puntos fuertes y áreas de mejora que impactan en la experiencia general del usuario. A continuación, se presenta un resumen de los principales hallazgos y sugerencias de mejora:
Puntos Fuertes:
- Features y Funcionalidades: Las características y funcionalidades del sitio web satisfacen en su mayoría los objetivos y metas comunes del usuario.
- Call to Actions: Las llamadas a la acción están claras, bien etiquetadas y parecen ser clicables.
- Homepage / Página de Inicio: Proporciona una visión clara y una descripción general del contenido, características y funcionalidades disponibles.
- Navegación: El esquema de navegación es fácil de encontrar, intuitivo y consistente.
- Links y Navegación: Los enlaces son claros, descriptivos y bien etiquetados.
- Feedback y Control: Se proporciona retroalimentación oportuna y adecuada después de una acción exitosa o fallida.
- Forms: Los formularios complejos están divididos en pasos y secciones fácilmente comprendidas.
- Errores: Los errores son claros, fácilmente identificables y aparecen en la ubicación apropiada.
Áreas de Mejora:
- Navegación por Contenido Relacionado: La capacidad para navegar por el contenido relacionado es muy pobre y necesita mejoras.
- Búsqueda: La función de búsqueda es inconsistente, difícil de encontrar y no cumple con los objetivos del usuario.
- Ayuda y Instrucciones en Formularios: La provisión de ayuda y instrucciones en los formularios es moderada y puede ser mejorada para una experiencia más fluida.
- Contenido y Texto: La relevancia y adecuación del contenido disponible es moderada y podría mejorarse para cumplir mejor con los objetivos del usuario.
- Ayuda en Línea: La ayuda en línea proporcionada es adecuada, pero puede ser más concisa y fácil de entender.
- Performance: Aunque el rendimiento del sitio es excelente, se recomienda realizar pruebas periódicas para asegurar una experiencia de usuario óptima en todo momento.
En general, el sitio web del CIBM ha demostrado ser funcional y eficiente en muchos aspectos, pero hay margen para mejorar la navegación, la búsqueda, la ayuda en línea y la relevancia del contenido. Se recomienda implementar estas sugerencias de mejora para optimizar aún más la experiencia de usuario y garantizar que el sitio sea accesible y útil para todos sus visitantes.
En este apartado, se realiza una comparativa A/B testing entre las webs del Centro de Investigación Biomédica (CIBM) (caso A) y el Instituto de Biomedicina de Sevilla (IBiS) (caso B). Para ello, se emplean personas ficticias que representan a distintos tipos de usuarios. Estas personas interactúan con ambas webs y completan un cuestionario SUS (System Usability Scale) para evaluar la usabilidad de cada sitio. Las conclusiones derivadas de este análisis comparativo proporcionan una visión detallada de las fortalezas y áreas de mejora de cada web desde la perspectiva del usuario.
A continuación, se presentan las cuatro personas ficticias utilizadas para este análisis, con sus respectivas características:
| Usuario | Sexo/edad | Ocupación | Experiencia internet | Plataforma | Perfil cubierto | Test | SUS score |
|---|---|---|---|---|---|---|---|
| Julia | M/34 | Profesora universitaria | Alta | Desktop | Búsqueda de recursos educativos y materiales de investigación | A | 82,5 |
| Mario | H/28 | Investigador Biomédico | Media | Laptop | Acceso a publicaciones científicas y contacto con otros investigadores | A | 55 |
| Cecilia | M/42 | Enfermera | Media | Tablet | Búsqueda de información sobre protocolos clínicos y formación continua | B | 75 |
| Fernando | H/59 | Administrador de Hospital | Baja | Desktop | Información institucional y contacto con organismos de investigación | B | 60 |
En este estudio, se ha aplicado el Cuestionario SUS a estos cuatro usuarios con distintos perfiles y niveles de experiencia tecnológica para comparar la usabilidad de las webs del Centro de Investigación Biomédica (CIBM) y del Instituto de Biomedicina de Sevilla (IBiS). Los resultados obtenidos proporcionan una visión integral de las fortalezas y debilidades de cada sitio web desde la perspectiva del usuario.
Conclusiones: Julia encuentra el sitio web del CIBM fácil de usar y bien integrado, con una alta probabilidad de volver a visitarlo. Sin embargo, podría beneficiarse de una mayor consistencia en el diseño.
Mario considera que el sitio del CIBM es moderadamente fácil de usar, pero nota que podría necesitar soporte adicional en algunos casos, sugiriendo mejoras en la orientación del usuario.
Cecilia encuentra el sitio del IBiS bastante accesible y bien estructurado, pero ve la posibilidad de mejoras en la claridad y consistencia de la navegación.
Fernando encuentra el sitio del IBiS utilizable, aunque algo complejo debido a su menor experiencia en TIC. Esto sugiere que ambos sitios podrían beneficiarse de mejorar la accesibilidad y simplificar la navegación para usuarios con menor experiencia tecnológica.
En resumen, los resultados del cuestionario SUS muestran que, aunque el CIBM tiene una buena usabilidad percibida por usuarios con experiencia alta y media, hay áreas de mejora significativas para usuarios con menor experiencia tecnológica. El IBiS, aunque también tiene fortalezas, presenta oportunidades para mejorar en términos de complejidad y consistencia percibida por usuarios de experiencia media y baja.
Conclusiones derivadas del análisis comparativo:
- Consistencia y Facilidad de Uso: El CIBM ha sido valorado positivamente en términos de integración de funciones y facilidad de uso, especialmente por usuarios con alta experiencia TIC. Sin embargo, se han identificado áreas de inconsistencia que podrían mejorarse.
- Complejidad y Necesidad de Soporte: Usuarios con menor experiencia TIC, como Fernando, han encontrado IBiS moderadamente complejo y han expresado la necesidad de soporte adicional. Esto sugiere la necesidad de simplificar la navegación y mejorar la orientación del usuario.
- Accesibilidad y Orientación: Cecilia ha valorado mejor el IBiS en términos de accesibilidad, lo que indica que el CIBM podría beneficiarse de mejoras en este aspecto para hacer su sitio más inclusivo para todos los niveles de experiencia tecnológica.
Propuestas de Mejora para el CIBM:
- Mejorar la Consistencia del Diseño: Asegurar que todos los elementos del sitio web mantengan un diseño coherente para facilitar la navegación y uso por parte de todos los usuarios.
- Orientación al Usuario: Incluir guías y tutoriales que ayuden a los usuarios a navegar por el sitio, especialmente aquellos con menor experiencia tecnológica.
- Simplificación de la Navegación: Reducir la complejidad del menú y proporcionar múltiples formas de acceso a la información, como búsquedas avanzadas y categorización clara.
- Accesibilidad: Mejorar las características de accesibilidad, como textos alternativos para imágenes, teclas de acceso rápido y mejor compatibilidad con lectores de pantalla.
- Feedback y Soporte: Implementar un sistema de feedback y soporte en tiempo real para ayudar a los usuarios a resolver problemas rápidamente y mejorar la satisfacción general.
Estas mejoras ayudarán a que el CIBM no solo mantenga su alta usabilidad para usuarios expertos como Julia, sino que también mejore la accesibilidad y facilidad de uso para usuarios menos experimentados, como Mario y Fernando, y se acerque a la accesibilidad y estructura que Cecilia encuentra útil en el IBiS.
Reflexión General
A lo largo del curso de Diseño de Interfaces de Usuario (DIU), se ha adquirido una profunda comprensión y habilidad en la aplicación de técnicas y metodologías esenciales en el campo de la Experiencia de Usuario (UX) y la Usabilidad. Este proceso no solo ha permitido el desarrollo de competencias técnicas, sino que también ha fomentado una reflexión crítica sobre la importancia de diseñar interfaces que sean intuitivas, accesibles y visualmente atractivas. A continuación, se presenta una reflexión experta sobre la aplicación de las técnicas y metodologías aprendidas durante el curso.
Análisis Etnográfico
Técnicas Aplicadas: Observación directa, análisis de comportamiento del usuario, identificación de problemas de usabilidad.
Reflexión: La técnica de análisis etnográfico permitió una inmersión directa en el entorno de uso del usuario, proporcionando insights valiosos sobre cómo interactúan con sistemas de autopago en un entorno real. La observación directa de una mujer de mediana edad usando el sistema reveló deficiencias críticas en la interfaz, como la falta de instrucciones claras y la excesiva dependencia del personal. Este ejercicio destacó la importancia de diseñar interfaces intuitivas que reduzcan la carga cognitiva del usuario y minimicen la necesidad de asistencia externa. La experiencia adquirida en esta actividad refuerza la necesidad de realizar estudios etnográficos como parte integral del proceso de diseño centrado en el usuario (DCU).
Evaluación del Diseño de una Web
Técnicas Aplicadas: Checklist de evaluación de UX, análisis comparativo, revisión de principios de diseño visual.
Reflexión: Evaluar el diseño de la web "Galería Granada Capital" a través de una checklist estructurada permitió una identificación sistemática de áreas de mejora. La técnica de evaluación basada en principios de UX y diseño visual reveló deficiencias en la navegación, accesibilidad y contenido del sitio. Este análisis subrayó la importancia de una navegación clara y un wayfinding efectivo, así como la necesidad de cumplir con los estándares de accesibilidad. La capacidad de realizar evaluaciones críticas y proponer mejoras concretas es esencial para asegurar que las interfaces proporcionen una experiencia de usuario satisfactoria y efectiva.
Análisis de Accesibilidad
Técnicas Aplicadas: Herramientas automáticas de verificación de accesibilidad, simuladores de discapacidad, evaluación basada en WCAG.
Reflexión: La evaluación exhaustiva de la accesibilidad de la web del Ayuntamiento de Armilla utilizando herramientas automáticas y simuladores de discapacidad proporcionó una comprensión profunda de los desafíos que enfrentan los usuarios con discapacidades. Identificar errores de WCAG y experimentar directamente las dificultades a través de simulaciones de miopía, daltonismo, Parkinson y dislexia, resaltó la importancia de diseñar interfaces inclusivas. Este ejercicio enfatizó la responsabilidad de los diseñadores de interfaces de garantizar que todos los usuarios, independientemente de sus capacidades, puedan acceder y usar las interfaces de manera efectiva. La comprensión y aplicación de normativas de accesibilidad es crucial para promover la inclusión digital.
Moodboard
Técnicas Aplicadas: Creación de moodboards, selección de paletas de colores, tipografías, diseño de logotipos y slogans.
Reflexión: La creación de un moodboard para una web inventada permitió explorar y definir la identidad visual de una marca. Este ejercicio destacó la importancia de la coherencia visual y la alineación estética en la creación de interfaces de usuario. La selección cuidadosa de colores, tipografías y elementos visuales es esencial para transmitir los valores de la marca y mejorar la experiencia de usuario. La habilidad para crear moodboards efectivos es fundamental para asegurar que todos los elementos visuales estén alineados con la identidad de la marca, proporcionando una experiencia cohesiva y memorable para el usuario.
Creación de una Web Creativa
Técnicas Aplicadas: Prototipado en Figma, diseño de animaciones, interactividad y usabilidad.
Reflexión: Diseñar una animación en Figma utilizando el tipo de animación slider para una web de joyería fue una experiencia valiosa en la integración de elementos interactivos y visualmente atractivos en una interfaz de usuario. La interactividad añadida mejoró la dinámica y el atractivo de la experiencia, sin comprometer la usabilidad. Este ejercicio subrayó la importancia de balancear la creatividad con la funcionalidad, asegurando que las animaciones complementen la navegación y no interfieran con la usabilidad. La capacidad de diseñar interfaces que sean tanto funcionales como estéticamente agradables es crucial para proporcionar experiencias de usuario superiores.
Prácticas
Técnicas Aplicadas: Investigación de usuarios, creación de personas y escenarios, prototipado, pruebas de usabilidad, iteración, etc.
Reflexión: Las prácticas realizadas durante el curso, incluyendo la investigación de usuarios, la creación de prototipos y las pruebas de usabilidad, consolidaron la importancia del enfoque centrado en el usuario. La investigación inicial y la definición de proyectos permitieron identificar problemas y objetivos claros de diseño. El prototipado y la evaluación continua aseguraron que los diseños fueran iterativos y mejoraran con base en el feedback de los usuarios. Este enfoque iterativo es esencial para desarrollar interfaces que realmente respondan a las necesidades y expectativas de los usuarios, asegurando su satisfacción y eficiencia.
Conclusión
La experiencia adquirida en el curso de Diseño de Interfaces de Usuario ha sido integral y transformadora, proporcionando una base sólida en la aplicación de técnicas y metodologías de UX y usabilidad. Cada actividad y práctica ha contribuido a desarrollar habilidades críticas, desde la observación y análisis de comportamientos de usuario hasta la creación de interfaces visualmente atractivas y accesibles. Esta reflexión subraya la importancia de un enfoque centrado en el usuario en el diseño de interfaces, asegurando que sean intuitivas, inclusivas y efectivas en satisfacer las necesidades de todos los usuarios. La capacidad de aplicar estas técnicas y metodologías de manera experta será fundamental para el desarrollo continuo en el campo del diseño de interfaces de usuario.
El análisis realizado en este estudio demuestra un enfoque sólido y exhaustivo para evaluar la usabilidad y la experiencia del usuario en los sitios web del Centro de Investigación Biomédica (CIBM) y el Instituto de Biomedicina de Sevilla (IBiS). A través de diversas técnicas y metodologías, se han identificado tanto puntos fuertes como áreas de mejora en ambos sitios, brindando así una visión integral de su desempeño desde la perspectiva del usuario.
Lo que se ha aplicado efectivamente en este estudio:
-
Metodologías de Evaluación: Se ha empleado una variedad de metodologías de evaluación, como la Web Checklist, simulaciones de accesibilidad y cuestionarios de usabilidad, para obtener una comprensión completa de la experiencia del usuario en ambos sitios. Esta diversidad de enfoques proporciona una evaluación más completa y precisa de la usabilidad y accesibilidad de los sitios web.
-
Personalización del Enfoque: Se ha tenido en cuenta una variedad de perfiles de usuarios representativos, desde usuarios con alta experiencia en tecnología hasta aquellos con menor experiencia, para evaluar la usabilidad de los sitios desde diferentes perspectivas. Esta personalización del enfoque permite identificar necesidades y problemas específicos de diferentes segmentos de usuarios, lo que ayuda a desarrollar soluciones más efectivas y centradas en el usuario.
-
Comparativa A/B Testing: Se ha realizado una comparativa detallada entre los dos sitios web, utilizando el método A/B testing con usuarios ficticios y el cuestionario SUS. Esta comparativa proporciona una visión clara de las fortalezas y debilidades de cada sitio en relación con la usabilidad percibida por los usuarios.
-
Propuestas de Mejora Fundamentadas: Se han propuesto mejoras específicas para cada sitio web, basadas en los hallazgos del análisis comparativo. Estas propuestas están respaldadas por los resultados de la evaluación y están dirigidas a abordar áreas específicas de mejora en términos de diseño, accesibilidad y usabilidad.
Lo que podría haberse mejorado en este estudio:
-
Inclusión de Pruebas de Usuario Reales: Aunque se utilizaron usuarios ficticios para el cuestionario SUS y el A/B testing, la inclusión de pruebas con usuarios reales habría proporcionado una validación adicional de los hallazgos y habría asegurado una evaluación más precisa de la experiencia del usuario.
-
Consideración de Factores Contextuales: Si bien se evaluó la usabilidad de los sitios web en términos generales, no se tuvieron en cuenta factores contextuales específicos, como el contexto de uso o las tareas específicas que los usuarios podrían realizar en los sitios. La consideración de estos factores habría enriquecido aún más la evaluación y proporcionado insights adicionales sobre la experiencia del usuario.
-
Evaluación Continua y Seguimiento: Aunque se identificaron áreas de mejora y se propusieron soluciones, sería beneficioso realizar una evaluación continua y un seguimiento de las mejoras implementadas en los sitios web para garantizar que se aborden adecuadamente los problemas identificados y se mejore constantemente la experiencia del usuario a lo largo del tiempo.
En resumen, este estudio ha aplicado de manera efectiva una variedad de técnicas y metodologías para evaluar la usabilidad y la experiencia del usuario en los sitios web del CIBM y el IBiS. Sin embargo, hay oportunidades para mejorar la inclusión de pruebas con usuarios reales, considerar factores contextuales específicos y realizar un seguimiento continuo de las mejoras implementadas para garantizar una experiencia óptima del usuario a largo plazo.
El trabajo realizado en este estudio de evaluación y comparación de las interfaces y experiencias de usuario de los sitios web del Centro de Investigación Biomédica (CIBM) de la Universidad de Granada y el Instituto de Biomedicina de Sevilla (IBiS) ha sido integral y detallado, ofreciendo una visión profunda de la usabilidad y la accesibilidad de ambos sitios desde diversas perspectivas.
Se han aplicado metodologías de diseño centrado en el usuario (DCU) y técnicas de experiencia de usuario (UX) para realizar una evaluación objetiva y justificada, utilizando criterios cuantificables y técnicas probadas en el campo del diseño de interfaces y UX. Desde el análisis del diseño visual y la estructura de los sitios web hasta la evaluación de la adaptabilidad a diferentes dispositivos y la experiencia de usuario de usuarios representativos, este estudio ha abordado de manera exhaustiva cada aspecto crucial para comprender la efectividad y la satisfacción del usuario en la interacción con los sitios web.
Los aprendizajes adquiridos a lo largo de este estudio son significativos. Se ha destacado la importancia de considerar una variedad de perfiles de usuarios al evaluar la usabilidad de un sitio web, así como la necesidad de personalizar el enfoque de evaluación para abordar las necesidades específicas de cada grupo de usuarios. Además, se ha demostrado la utilidad de las comparativas A/B testing para identificar las fortalezas y debilidades de diferentes sitios web en términos de usabilidad percibida por los usuarios.
La inclusión de propuestas de mejora fundamentadas en los hallazgos del análisis ha sido un paso crucial para garantizar que las recomendaciones sean prácticas y orientadas a soluciones concretas. Esto refleja un enfoque proactivo hacia la mejora continua de la experiencia del usuario y la accesibilidad de los sitios web evaluados.
Como conclusión final, este estudio no solo ha proporcionado una evaluación detallada de los sitios web del CIBM y el IBiS, sino que también ha ofrecido insights valiosos sobre las mejores prácticas en el diseño de interfaces y la experiencia del usuario, así como lecciones importantes sobre la importancia de adoptar un enfoque centrado en el usuario en el desarrollo y la evaluación de sitios web.