En este proyecto se ha desarrollado el diseño de una aplicación para la gestión de eventos, inspirada en plataformas como Eventbrite. El objetivo principal ha sido permitir que un usuario pueda actuar como organizador, creando, gestionando y publicando sus propios eventos de forma sencilla e intuitiva.

A lo largo del proceso se ha trabajado en la construcción de un flujo completo dentro de Figma, desde la creación del evento hasta su publicación y visualización en una lista de eventos. El diseño se ha realizado aplicando un sistema de diseño (UI Kit) para mantener coherencia visual en toda la interfaz.

Además, se han realizado pruebas de usabilidad con usuarios para evaluar la comprensión y facilidad de uso del prototipo. Estas pruebas han permitido identificar algunos puntos de mejora, como la claridad en la selección de etiquetas y la falta de filtros en la búsqueda de eventos. A partir de estos resultados, se ha iterado el diseño para mejorar la experiencia de usuario.

En conclusión, este proyecto refleja un proceso de diseño iterativo centrado en el usuario, donde se ha pasado de una estructura inicial a un prototipo de alta fidelidad validado mediante pruebas reales.

https://www.figma.com/design/JKiBdpLWakBkAGtdWq3kew/Reto-4?node-id=24-943&t=wYbKcdVP3fx3j3Mt-1

En este Reto 2 he desarrollado un primer prototipo de baja fidelidad junto con un UI Kit básico para una aplicación móvil inspirada en el flujo de creación y gestión de eventos de tipo Eventbrite, adaptado a un contexto mobile-first.

El objetivo principal ha sido analizar y estructurar el proceso que sigue una persona organizadora al crear un evento, desde el inicio de sesión hasta su publicación. A partir de este análisis, he diseñado un flujo sencillo que permite crear, editar, guardar como borrador y publicar eventos de forma clara e intuitiva.

El trabajo se centra en la organización de componentes básicos y en la definición de un sistema de diseño inicial, así como en la exploración de la experiencia de usuario mediante un prototipo de baja fidelidad que prioriza la estructura y la lógica del flujo sobre el detalle visual.

Análisis UX de controles físicos en un microondas Cecotec

En este análisis se evalúa el panel de control de un microondas desde la perspectiva del Diseño Centrado en el Usuario, tomando como referencia los conceptos propuestos por Don Norman en La psicología de los objetos cotidianos. El objetivo es identificar posibles brechas de ejecución y brechas de evaluación presentes en la interacción.

Las brechas de ejecución hacen referencia a las dificultades que puede experimentar el usuario al intentar comprender cómo realizar una acción en el sistema (qué hacer y cómo hacerlo).

Las brechas de evaluación se refieren a las dificultades para interpretar si la acción realizada ha tenido el efecto esperado, es decir, si el sistema ha respondido correctamente.

A través de este análisis se busca detectar oportunidades de mejora que aumenten la claridad, la comprensión y la sensación de control durante la interacción.

ICONOGRAFÍA AMBIGUA

El significado de algunos iconos no está claro para los usuarios, carecen de affordance claro y no permite anticipar la acción asociada ni tiene un apoyo textual.

AFFORDANCE INSUFICIENTE

Aunque la rueda comunica correctamente la acción de giro, no indica claramente que también puede presionarse como acción secundaria.

UNIFORMIDAD DE CONTROLES

La disposición de los controles no mantiene una relación espacial directa con la información mostrada en la pantalla así como tampoco corresponden los iconos de los botones con los de la pantalla.

Todos los controles poseen el mismo peso visual, dificultando identificar acciones principales y secundarias.

Brechas de evaluación

FEEDBACK POCO CLARO

El display muestra información, pero no siempre comunica claramente el estado lo que dicultad la identifación de que la acción que se ha ejecutado es la correcta o si hay manera de cancelarla.

Test Heuristico

Se realiza un análisis del panel de control aplicando principios heurísticos de usabilidad basados en el modelo de Don Norman, evaluando la visibilidad del estado del sistema, la correspondencia entre controles y funciones y la claridad del feedback.
1. Visibilidad del estado del sistema
El display del microondas proporciona información numérica y simbólica, aunque la simultaneidad de iconos puede dificultar la interpretación clara del estado activo.
2. Correspondencia entre el sistema y el mundo real
Algunos controles basados en iconografía requieren interpretación previa, lo que puede generar una distancia entre el modelo mental del usuario y el diseño del sistema.
3. Control y libertad del usuario
La ausencia de una indicación clara de cancelación o reversión puede reducir la percepción de control durante la interacción.
4. Consistencia y estándares
La dependencia exclusiva de símbolos puede requerir aprendizaje, especialmente si no siguen estándares ampliamente reconocidos.

Modelo del diseñador / usuario / imagen del sistema

Modelo del diseñador
El diseño parece estar basado en iconografía simplificada, suponiendo que los usuarios reconocerán los símbolos sin necesidad de texto adicional.

Modelo del usuario
El usuario espera controles autoexplicativos, con señalización clara de funciones y retroalimentación comprensible.

Imagen del sistema
La apariencia del panel transmite un sistema técnico con múltiples funciones, cuya interpretación depende del aprendizaje previo del usuario.

Propuesta de mejora / Brechas de evaluación y ejecución

Este rediseño se basa en la identificación de brechas de ejecución y evaluación en el panel original.

La reorganización de los elementos busca facilitar la comprensión de cómo interactuar con el sistema y cómo interpretar su estado.

En la parte superior se ubican los botones principales (Start, Stop y Cancel), otorgando mayor claridad a las acciones más relevantes. Esta disposición reduce la brecha de ejecución al hacer más visibles las funciones principales y mejorar la identificación de las acciones disponibles.

El display se sitúa en una posición central, reforzando su papel como elemento de retroalimentación del sistema. Además, incorpora indicadores visuales que muestran el estado activo mediante señales luminosas, mejorando la brecha de evaluación al permitir al usuario comprender si la acción realizada ha sido ejecutada correctamente.

La inclusión de etiquetas textuales en los controles inferiores reduce la ambigüedad iconográfica y mejora la correspondencia entre el modelo mental del usuario y la imagen del sistema. Finalmente, la rueda mantiene su función con indicación clara de giro y “Push”, reforzando su affordance y su comprensión de uso.

Topografía (Mapping)

Análisis de la relación espacial entre los controles físicos y los elementos que controlan en el sistema.

Este análisis de topografía (mapping) examina la relación espacial entre los controles y sus efectos en el sistema, con el objetivo de determinar si la disposición facilita la comprensión o si puede inducir a error.

Disposición de los controles
Los controles no parecen seguir una organización espacial que refleje claramente su función dentro del sistema.

Relación control–pantalla
La distancia física y la disposición entre la rueda y el display no establecen una correspondencia visual inmediata que facilite la comprensión del efecto de la acción.

Impacto en la experiencia
Una topografía más clara podría reducir la carga cognitiva del usuario y mejorar la comprensión del funcionamiento del sistema.

Propuesta de mejora

Este análisis de topografía (mapping) evalúa la relación espacial entre los controles físicos del microondas y los resultados que producen en el sistema.

En la nueva propuesta, los botones principales se agrupan en la parte superior, mientras que las funciones secundarias se organizan en una columna inferior con etiquetado textual. Esta distribución favorece la agrupación funcional y mejora la coherencia espacial del sistema.

El display se posiciona de forma central y visualmente dominante, estableciendo una estructura clara entre información y controles. La alineación entre los iconos del display y los iconos de los botones laterales refuerza la relación directa entre acción y resultado.

Asimismo, la disposición vertical facilita la comprensión del flujo de uso, ya que los elementos relacionados se encuentran espacialmente vinculados. Esta organización mejora la interpretación del sistema y reduce la carga cognitiva del usuario.