Mi experiencia en IU/UX/Usabilidad ha sido enriquecedora y he adquirido competencias importantes a lo largo de la asignatura. A continuación, destaco mis contribuciones y aportaciones en diferentes contextos:
Durante las actividades y ejercicios de clase, he realizado varias contribuciones de calidad. Por ejemplo, en un ejercicio etnográfico, puede aportar observaciones detalladas sobre el comportamiento de los usuarios al interactuar con una máquina para pagar el autobús de Granada. Estas observaciones me permitieron identificar problemas de usabilidad y proponer soluciones basadas en los principios estudiados en clase, como la simplicidad, la consistencia y la importancia de los elementos y los factores en el diseño de la interfaz.
Además, en ejercicios de evaluación he realizado análisis exhaustivos de interfaces existentes, identificando fortalezas y debilidades en términos de UX y usabilidad. He utilizado los principios y criterios discutidos en clase para fundamentar mis evaluaciones y proporcionar recomendaciones concretas para mejorar la experiencia del usuario. He destacado la importancia de la accesibilidad, la consistencia y la retroalimentación en el diseño de interfaces, y he aplicado estos conceptos en mis evaluaciones.
He realizado WebSites Checklist, en los que he evaluado la usabilidad y la experiencia del usuario de diferentes páginas web, identificando problemas y proponiendo mejoras basadas en los principios de IU/UX/Usabilidad. He aplicado los conocimientos teóricos adquiridos en clase para analizar la estructura de navegación, la legibilidad del texto, la consistencia visual y la accesibilidad de las páginas web, y he propuesto soluciones para mejorar la experiencia del usuario.
He realizado ejercicios de diseño de interfaces, donde he aplicado técnicas de diseño centrado en el usuario, como la creación de personas y escenarios, para comprender las necesidades y expectativas de los usuarios y diseñar interfaces intuitivas y fáciles de usar. También he creado paneles Moodboard y Wireframes para visualizar y comunicar mis ideas de diseño de manera efectiva en distintas páginas web, incluyendo las paletas de colores, tipografías y elementos visuales que reflejan la identidad y el propósito de la interfaz.
Con Figma he aprendido a crear prototipos interactivos y mockups de interfaces de usuario, aplicando los principios de IU/UX/Usabilidad para diseñar interfaces intuitivas y fáciles de usar. He realizado pruebas de usabilidad con usuarios reales para evaluar la eficacia y eficiencia de los prototipos y recopilar datos cualitativos y cuantitativos que me permitan identificar áreas de mejora y realizar ajustes en el diseño para mejorar la experiencia del usuario.
He analizado exhaustivmente páginas web reales y funcionales, fijándo la atención en la interacción del usuario con las páginas web, por ejemplo, con los mapas de calor de un Eye Tracking. Además de esto, se ha realizado un análisis heurístico de la accesibilidad de una página web, identificando problemas de accesibilidad de diferentes tipos y condiciones, de cara a mejorar notablemente la experiencia de un usuario que tenga alguna discapacidad.
En general, mis contribuciones en ejercicios y actividades de clase han sido valoradas positivamente por mi capacidad para aplicar los conceptos teóricos aprendidos y mi habilidad para justificar mis argumentos sobre la calidad de las interfaces desde la perspectiva de UX y usabilidad.
Durante las prácticas de la asignatura, he tenido la oportunidad de aplicar los conocimientos adquiridos en un entorno más práctico. Una de mis contribuciones destacables fue en el diseño de un prototipo de una aplicación móvil para la gestión de tareas. Utilicé técnicas de diseño centrado en el usuario, como la creación de personas y escenarios, para comprender las necesidades y expectativas de los usuarios.
Además, realicé pruebas de usabilidad con usuarios reales para evaluar la eficacia y eficiencia del prototipo. Recopilé datos cualitativos y cuantitativos que me permitieron identificar áreas de mejora y realizar ajustes en el diseño para mejorar la experiencia del usuario.
Mis contribuciones en las prácticas fueron valoradas por mi capacidad para aplicar metodologías de diseño centrado en el usuario y por los resultados obtenidos a través de las pruebas de usabilidad. También se destacó mi habilidad para comunicar de manera efectiva las mejoras propuestas y justificarlas en función de los principios de UX y usabilidad.
Durante el desarrollo del curso, tuve contacto con cada una de las diferentes ramas del diseño de interfaces, lo que me permitió visualizar de un modo progresivo todos los factores y elementos que intervienen en el diseño de interfaces. He aprendido a aplicar los conocimientos teóricos en la práctica, a través de ejercicios, actividades y prácticas, y he adquirido competencias importantes en IU/UX/Usabilidad que me han permitido mejorar mi capacidad para diseñar interfaces centradas en el usuario y mejorar la experiencia del usuario.
Empezando por la creación de Personas ficticias y User Journey Maps hasta realizar A/B testing a otro proyecto, he pasado por todas las etapas del diseño de interfaces, lo que me ha permitido adquirir una visión global y detallada de los procesos y metodologías de diseño centrado en el usuario.
Para empezar, he aprendido a identificar y comprender las necesidades y expectativas de los usuarios a través de la creación de Personas ficticias y User Journey Maps. Estas herramientas me han permitido visualizar y comprender las características, comportamientos y motivaciones de los usuarios, lo que me ha ayudado a diseñar interfaces que se adapten a sus necesidades y expectativas.
Seguidamente, a partir de dichas personas ficticias y sus respectivos User Journey Maps, he adquirido la capacidad de realizar un Case Study, en el que he analizado y evaluado la usabilidad de una interfaz existente. He aplicado los conocimientos teóricos adquiridos en clase para identificar los problemas de usabilidad y proponer soluciones basadas en los principios de IU/UX/Usabilidad. Tomando como base este Case Study, he aprendido a realizar un análisis heurístico de una interfaz, identificando los problemas de usabilidad y proponiendo mejoras basadas en los principios de IU/UX/Usabilidad. Gracias a eso, he sido capaz de hacer una propuesta de valor para una aplicación nueva. Esto conlleva también el conocimiento de el Análisis de Tareas, la arquitectura de la información y la creación de Wireframes y Mockups. Todo ello en un contexto de diseño centrado en el usuario, teniendo en cuenta las necesidades y expectativas de los usuarios.
Me he metido de lleno en la creación de Layouts, esto es el Prototipado y el Mockup de la app. He aprendido a utilizar herramientas como Figma para crear prototipos interactivos y mockups de interfaces de usuario. He aplicado los principios de IU/UX/Usabilidad para diseñar interfaces intuitivas y fáciles de usar, teniendo en cuenta las necesidades y expectativas de los usuarios. Además, he aprendido a realizar pruebas de usabilidad con usuarios reales para evaluar la eficacia y eficiencia de los prototipos y recopilar datos cualitativos y cuantitativos que me permitan identificar áreas de mejora y realizar ajustes en el diseño para mejorar la experiencia del usuario. He aprendido todo lo que es el diseño de cada una de las pantallas de una app, desde lo que es la apariencia visual hasta la interacción con el usuario.
Finalmente, he aprendido a realizar un A/B testing, en el que he comparado dos versiones de una interfaz para evaluar cuál es más efectiva y eficiente en términos de IU/UX/Usabilidad. He aplicado los conocimientos teóricos adquiridos en clase para analizar los resultados del A/B testing y proponer mejoras basadas en los principios de IU/UX/Usabilidad. He aprendido a aplicar metodologías de diseño centrado en el usuario y a comunicar de manera efectiva las mejoras propuestas y justificarlas en función de los principios de IU/UX/Usabilidad. También he aprendido la utilidad de los cuestionarios SUS para evaluar la usabilidad de una interfaz y obtener información valiosa sobre la satisfacción del usuario.
Además de las contribuciones realizadas en el ámbito de la asignatura, estudiar diseño de interfaces me ha permitido identificar patrones en los momentos del día a día en los que interactuamos con interfaces, como aplicaciones móviles, páginas web y sistemas de información. He aprendido a identificar problemas de usabilidad y a proponer soluciones basadas en los principios de IU/UX/Usabilidad, lo que me ha permitido mejorar mi capacidad para diseñar interfaces centradas en el usuario y mejorar la experiencia del usuario. He aplicado los conocimientos adquiridos en clase para analizar y evaluar interfaces existentes, identificando problemas de usabilidad y proponiendo mejoras basadas en los principios de IU/UX/Usabilidad. He aprendido a diseñar interfaces intuitivas y fáciles de usar, teniendo en cuenta las necesidades y expectativas de los usuarios, y a comunicar de manera efectiva las mejoras propuestas y justificarlas en función de los principios de IU/UX/Usabilidad.
En esta parte del trabajo final, se propone realizar una evaluación de la página web de un centro de investigación de la Universidad de Granada (UGR) y compararla con un centro de investigación similar de otra universidad. A continuación, presentaré mi propuesta de caso de estudio:
Centro de Investigación Biomédica (CIBM) de la UGR - https://cibm.ugr.es/
Instituto de Biomedicina de Sevilla (IBiS) de la Universidad de Sevilla - https://www.ibis-sevilla.es/
La página web del Centro de Investigación Biomédica (CIBM) de la Universidad de Granada presenta ciertos aspectos positivos, pero también áreas de mejora en términos de diseño y usabilidad. A continuación, se detallan los principales hallazgos:
Diseño visual atractivo y coherente con la temática biomédica: La página web utiliza una paleta de colores y tipografías adecuadas que reflejan la temática biomédica, creando una identidad visual consistente y profesional. Este aspecto es crucial para establecer una conexión emocional con los usuarios y transmitir credibilidad.
Estructura de navegación clara y jerarquizada: La organización del contenido es jerárquica, lo que facilita la localización de la información. Las secciones están bien definidas, permitiendo a los usuarios encontrar lo que buscan sin demasiados clics.
Contenido relevante y actualizado sobre investigaciones y proyectos: La página ofrece información valiosa y actualizada sobre los proyectos de investigación en curso, publicaciones y eventos. Esto no solo mantiene a los usuarios informados sino que también demuestra el dinamismo y el compromiso del CIBM con la comunidad científica.
Estructura similar a la de otras páginas web de la Universidad de Granada: La coherencia con el diseño de otras páginas de la universidad ayuda a mantener una identidad corporativa unificada. Los usuarios que visitan diferentes páginas de la universidad encontrarán familiaridad en el diseño, lo cual es positivo para la marca institucional.
Diseño responsive: La página se adapta adecuadamente a diferentes tamaños de pantalla, garantizando una experiencia de usuario consistente en dispositivos móviles y de escritorio. Esto es esencial en una era donde el acceso a la web a través de dispositivos móviles es predominante.
Falta de información en la página de inicio: La página de inicio presenta un menú de navegación sin suficiente contenido introductorio, lo que puede resultar poco atractivo para los nuevos visitantes. Incluir una introducción breve sobre el CIBM y sus objetivos puede mejorar la primera impresión.
Página aparentemente poco llena, con los elementos centrados: El diseño actual deja amplios espacios en blanco y los elementos están centrados, lo que puede dar una sensación de falta de contenido y dinamismo. Un diseño más distribuido y con elementos visuales adicionales podría hacer la página más atractiva.
Doble barra de navegación de redes sociales, innecesaria: La presencia de dos barras de navegación para redes sociales puede resultar redundante y confusa para los usuarios. Consolidar esta funcionalidad en una única barra optimizaría el diseño y reduciría el desorden visual.
Falta de elementos visuales para destacar la información más importante y guiar al usuario: La página carece de elementos visuales que atraigan la atención hacia la información clave, lo que dificulta la navegación intuitiva, especialmente para los nuevos visitantes. La utilización de gráficos, iconos y secciones destacadas puede guiar mejor a los usuarios.
Para comprender mejor la experiencia de los usuarios al interactuar con la página web del CIBM, se realizaron pruebas con usuarios reales. Los principales hallazgos son los siguientes:
Dificultades para encontrar información específica: Los usuarios experimentaron dificultades para localizar información específica debido a la falta de una estructura de navegación clara y a la cantidad de información presentada en la página de inicio. Esta confusión puede llevar a una alta tasa de abandono.
Frustración por la falta de elementos visuales: Algunos usuarios se sintieron abrumados y frustrados por la dificultad para encontrar información relevante y por la ausencia de elementos visuales que guíen su navegación. La inclusión de infografías y puntos destacados podría mejorar significativamente esta experiencia.
Expectativas no satisfechas: Los usuarios esperaban una página que les introdujera en la temática biomédica y les mostrara de manera clara y concisa la información más relevante. Sin embargo, la página de inicio actual redirige a otras secciones sin ofrecer una visión general adecuada. Una sección de resumen o destacados en la página principal podría abordar esta expectativa.
Para comparar la página web del CIBM con la del Instituto de Biomedicina de Sevilla (IBiS), se identificaron las siguientes similitudes y diferencias:
Similitudes:
-
Ambas páginas web tienen una estructura de navegación clara y jerarquizada, lo que facilita la localización de la información. Esto es fundamental para garantizar una experiencia de usuario eficiente y satisfactoria.
-
Ambas páginas utilizan una paleta de colores y tipografías coherentes con la temática biomédica, lo que crea una identidad visual consistente y profesional.
-
Ambas páginas web ofrecen contenido relevante y actualizado sobre investigaciones y proyectos, lo que mantiene a los usuarios informados y demuestra el compromiso con la comunidad científica.
-
Ambas páginas web son responsive, adaptándose adecuadamente a diferentes tamaños de pantalla para garantizar una experiencia de usuario consistente en dispositivos móviles y de escritorio.
Diferencias:
-
La página web del IBiS presenta una página de inicio más dinámica y visualmente atractiva, con elementos visuales que destacan la información clave y guían al usuario. Por otro lado, la página web del CIBM carece de elementos visuales que atraigan la atención y faciliten la navegación, lo que puede resultar en una experiencia de usuario menos satisfactoria.
-
La página web del IBiS incluye una sección de noticias y eventos en la página de inicio, lo que proporciona a los usuarios una visión general de las actividades y novedades del instituto. En contraste, la página web del CIBM carece de una sección similar, lo que puede limitar la interacción y el compromiso de los usuarios con el contenido.
-
La página web del IBiS utiliza una estructura de navegación más intuitiva y visual, con elementos gráficos y secciones destacadas que facilitan la localización de la información. Por el contrario, la página web del CIBM presenta una estructura de navegación menos clara y visual, lo que puede resultar en una experiencia de usuario menos eficiente y satisfactoria.
-
La página web del IBiS tiene una barra de navegación de redes sociales más sencilla y coherente, lo que evita la redundancia y la confusión para los usuarios. En cambio, la página web del CIBM presenta una doble barra de navegación de redes sociales, lo que puede resultar en una experiencia de usuario menos clara y eficiente.
El objetivo principal del rediseño de la página web del CIBM es mejorar la experiencia de usuario y la usabilidad, facilitando el acceso a la información relevante y promoviendo una navegación intuitiva. Los objetivos específicos son los siguientes:
Simplificar la estructura de navegación: Facilitar la búsqueda de información al reducir la cantidad de elementos en el menú de navegación y organizarlos en categorías claras. Un menú de navegación bien estructurado reduce la carga cognitiva y mejora la eficiencia de la navegación. Además es importante que el usuario pueda encontrar la información que busca de manera rápida y sencilla.
Mejorar la legibilidad y accesibilidad del contenido: Garantizar una experiencia de usuario óptima mediante el uso de diseños limpios y espacios en blanco para mejorar la legibilidad. La accesibilidad también debe ser priorizada, asegurando que todos los usuarios, independientemente de sus habilidades, puedan interactuar con la página. Cualquier persona que tenga algún tipo de impedimento físico o cognitivo debe poder acceder a la información de manera sencilla.
Incluir elementos visuales relevantes: Utilizar imágenes y gráficos para resaltar la información clave y guiar al usuario a través del contenido de manera intuitiva. Elementos visuales bien diseñados no solo mejoran la estética, sino que también facilitan la comprensión de la información. Los usuarios se fijan en las imágenes y gráficos antes que en el texto, por lo que es importante utilizarlos de manera efectiva para comunicar mensajes importantes.
Reducir el número de elementos en el menú de navegación: Simplificar el menú principal para evitar la sobrecarga de información, utilizando un diseño de menú desplegable que agrupe secciones relacionadas en categorías claras. Esto permite una navegación más intuitiva y eficiente. Además, se debe incluir una barra de búsqueda para facilitar la localización de información específica. Lo usuarios deben poder encontrar la información que buscan de manera rápida y sencilla.
Agrupar secciones relacionadas en categorías claras: Utilizar un diseño de menú desplegable para facilitar la navegación y acceso rápido a las secciones más importantes. Por ejemplo, las secciones podrían agruparse bajo categorías como "Investigaciones", "Publicaciones", "Eventos" y "Contacto". Esto hará que la información sea más accesible y fácil de encontrar para los usuarios, por lo que se sentirán más cómodos y satisfechos.
Utilizar una paleta de colores y elementos visuales coherentes: Mantener una paleta de colores que refleje la temática biomédica sin sobrecargar la página. Utilizar elementos visuales como iconos y gráficos para resaltar la información clave. Se han elegido los colores azul, verde y blanco porque son los que están más relacionados con el tema de la medicina en nuestro día a día, transmitiéndo ese tema a quien entre en la página.
Utilizar imágenes y gráficos relevantes: Incorporar imágenes de alta calidad y gráficos informativos que apoyen el contenido textual y guíen la navegación del usuario. Infografías y diagramas pueden ser particularmente útiles para explicar conceptos complejos. Si un usuario ve una imagen o un gráfico, es más probable que se interese por el contenido y lo lea, por lo que es importante utilizarlos de manera efectiva para mejorar la experiencia del usuario.
Utilizar espacios en blanco y diseños limpios: Mejorar la legibilidad y la comprensión de la información mediante el uso de espacios en blanco y diseños minimalistas. Un diseño despejado reduce la carga cognitiva y mejora la experiencia de lectura. Los diseños limpios son muy importantes de cara al usuario, ya que le facilitan la lectura y la comprensión de la información.
Crear una versión móvil adaptativa: Desarrollar una versión móvil de la página web para garantizar una experiencia óptima en dispositivos móviles, utilizando un diseño de respuesta fluida que se adapte al tamaño de pantalla. Esto incluye optimizar las imágenes y simplificar la navegación para pantallas más pequeñas. Hoy en día, la mayoría de las personas acceden a la web a través de sus dispositivos móviles, por lo que es esencial que la página web sea accesible y fácil de usar en estos dispositivos.
Utilizar un diseño de respuesta fluida: Asegurar que la página web se ajuste de manera adecuada a diferentes tamaños de pantalla, garantizando una navegación fácil y sin problemas en todos los dispositivos. Las pruebas de usabilidad en múltiples dispositivos son esenciales para verificar esta adaptabilidad. Si la respuesta no es fluida, el usuario puede sentirse frustrado y abandonar la página, por lo que es importante que la página web se adapte a cualquier dispositivo.
El rediseño de la página web del Centro de Investigación Biomédica (CIBM) busca mejorar la experiencia de usuario y la usabilidad mediante una estructura de navegación simplificada, una mejor legibilidad y accesibilidad del contenido, y la inclusión de elementos visuales relevantes. Al aplicar estos cambios, se espera que los usuarios puedan acceder a la información de manera más intuitiva y eficiente. Aunque tiene aspectos positivos, como el diseño visual atractivo y la estructura de navegación clara, la página web actual presenta áreas de mejora que pueden abordarse con un rediseño centrado en el usuario y en los principios de IU/UX/Usabilidad.
En este caso de estudio, he aplicado los conocimientos y principios de IU/UX/Usabilidad para analizar y proponer mejoras en la página web del Centro de Investigación Biomédica (CIBM) de la Universidad de Granada. A través del análisis realizado, identifiqué áreas de mejora en el diseño y usabilidad de la página web existente y propuse una serie de cambios para abordar estos problemas. Mi propuesta de rediseño se centró en simplificar la estructura de navegación, mejorar la legibilidad y accesibilidad del contenido, e incluir elementos visuales relevantes para guiar al usuario y mejorar la experiencia de usuario. Además, usando los conocimientos adquiridos en clase, he sido capaz de realizar diseños en las prácticas muy parecidos a como se hubiera hecho en la vida real, lo que me ha permitido adquirir una visión más global y detallada de los procesos y metodologías de diseño centrado en el usuario.
Considero que mi propuesta de rediseño aborda de manera efectiva los desafíos identificados y cumple con los objetivos establecidos. La simplificación de la estructura de navegación, la mejora de la legibilidad y la inclusión de elementos visuales ayudarán a los usuarios a encontrar la información relevante de manera más fácil y rápida.
Considero que mi propuesta de rediseño aborda de manera efectiva los desafíos identificados y cumple con los objetivos establecidos. La simplificación de la estructura de navegación, la mejora de la legibilidad y la inclusión de elementos visuales ayudarán a los usuarios a encontrar la información relevante de manera más fácil y rápida.