Jaime Cibrán

Home UX Projects Videogames Projects Download CV









Portfolio de UX







AuraTemp



Año: 2026


Herramientas: Figma, FigJam ,User Interviews


Mi rol: UX Reseach, Interaction Design


Prototipo



¿En que consiste?

AuraTemp es un proyecto académico de UX centrado en la prevención de golpes de calor en trabajadores expuestos a altas temperaturas durante su jornada laboral. El sistema combina un wearable textil inteligente con una aplicación móvil que monitoriza en tiempo real la temperatura corporal y el ritmo cardíaco para anticipar situaciones de riesgo antes de que se conviertan en una emergencia.

El objetivo principal del proyecto fue transformar datos fisiológicos complejos en información clara y accionable que ayudara a los trabajadores a tomar decisiones preventivas sin interrumpir su actividad.

Dentro del proyecto, se tomaron decisiones de UX, incluyendo la definición de la arquitectura del dashboard, los cambios de estado, el sistema de alertas hápticas y la experiencia de uso en contexto laboral. Asimismo, se desarrollaron wireframes y se participó en el diseño de la interfaz final, asegurando coherencia visual y claridad en la lectura de los datos.




Nuestra hipotesis

Las olas de calor incrementan significativamente el riesgo de problemas de salud, como agotamiento y deshidratación, reduciendo el rendimiento y la calidad de vida de las personas que realizan trabajos al aire libre.





¿Por qué es necesario un sistema como AuraTemp?



El problema

En España, el aumento de las temperaturas ya no es solo una cuestión climática, sino una problemática laboral y de salud pública. En los últimos cinco años, más de 600 trabajadores han sufrido bajas laborales debido a las altas temperaturas, según datos de la Central Sindical Independiente y de Funcionarios (CSIF). Además, el 44% de las muertes por calor en el entorno laboral registradas desde 2003 se han producido en los últimos tres años, evidenciando una aceleración del riesgo y la necesidad urgente de adaptación en los entornos de trabajo al aire libre. Estos datos reflejan que las medidas actuales no están siendo suficientes para prevenir el impacto real del calor en la salud de los trabajadores.

Fuentes:
Central Sindical Independiente y de Funcionarios (CSIF).
El Español – Sección Salud.

Investigación Primaria




Algunos apuntes del NoteTaker durante las entrevistas





Para comprender el impacto real del calor en trabajadores expuestos, realizamos investigación primaria cualitativa en la Comunidad de Madrid. El objetivo fue entender cómo se vive el riesgo térmico en la práctica y qué limitaciones presentan las medidas actuales de prevención.

Metodología


  • Entrevistas en profundidad de formal presencial y online.

  • Entrevistas de guerrilla a pie de calle.

  • Registro mediante grabaciones para análisis posterior.


Participantes


Trabajadores entre 35 y 65 años, empleados en construcción y otros trabajos al aire libre




Voces del campo: Recopilación de citas directas en las entrevistas

Insights Clave

A través de investigaciones secundarias y entrevistas a usuarios, se identifico los diferentes patrones:


  • Responsabilidad institucional vs. individual: La seguridad laboral depende de los protocolos de cada empresa y no de la voluntad de los trabajadores, quienes son los principales afectados por la falta de estándares.

  • Brecha entre formación y acción: Aunque existe capacitación teórica, esta no se traduce en una capacidad real de respuesta ni genera una sensación de seguridad efectiva en el entorno de trabajo.

  • El riesgo como desgaste acumulativo: La exposición al calor no se percibe como un evento aislado o repentino, sino como un proceso de agotamiento constante que drena la energía del trabajador a lo largo del día.

User Persona




Pedro Medina (42 años) - Peon de obra.






Puntos de Dolor


Su protección y horarios dependen de la empresa o el jefe, no de él.


La teoría que recibe no le genera seguridad ni capacidad de acción real en la obra.


No tiene un método definido para detectar el riesgo de golpe de calor.



Necesidades


Simplicidad: Herramientas que no interfieran con su flujo de trabajo.


Accionabilidad: Instrucciones prácticas para aplicar durante la jornada.


Salud a largo plazo: Trabajar de forma segura sin afectar su bienestar futuro.



Nuestro reto


¿Cómo ayudar a trabajadores expuestos a altas temperaturas a anticipar riesgos físicos y tomar decisiones informadas durante su jornada laboral?



Crear un producto que ayude a las personas a monitorear su estado de salud para prevenir golpes de calor durante sus jornadas laborales y recibir recomendaciones de recuperación personalizadas según su cuerpo y sus necesidades, con un modelo de acceso impulsado por alianzas con instituciones públicas, organizaciones sociales y financiación externa.




Solucion: AuraTemp




A partir de los hallazgos de investigación y la fase de ideación, desarrollamos un sistema compuesto por un wearable textil inteligente y una aplicación móvil.


AuraBand – El wearable


AuraBand es un dispositivo textil inteligente diseñado para integrarse de forma natural en la jornada laboral.


El wearable monitoriza temperatura corporal y ritmo cardíaco, interpretando estos datos para detectar cambios en el estado térmico del usuario. A través de vibraciones hápticas, el sistema emite recordatorios discretos de hidratación o descanso sin interrumpir la actividad laboral.



¿Como funcionaría?


Para representar el recorrido del usuario se ha realizado un storyboard. ​​​​​​​En esta primera secuencia se representa el momento en el que el trabajador descubre el servicio, comprende su propósito y decide solicitar el dispositivo. Desde el primer punto de contacto hasta la recepción y vinculación del wearable, el objetivo es que la incorporación al sistema sea clara, accesible y sin fricción.





La segunda parte del storyboard muestra el sistema en acción dentro del entorno real de trabajo. Aquí AuraBand deja de ser un producto y se convierte en una herramienta preventiva integrada en la rutina del usuario.






Desarollo





Wireframes-Dashboard


Se desarrollaron wireframes para definir la estructura del sistema, explorando la organización de la información, los flujos de usuario y la jerarquía visual del dashboard, asegurando una navegación clara y adaptada al contexto de uso.


El wearable monitoriza temperatura corporal y ritmo cardíaco, interpretando estos datos para detectar cambios en el estado térmico del usuario. A través de vibraciones hápticas, el sistema emite recordatorios discretos de hidratación o descanso sin interrumpir la actividad laboral.




Website – Solicitud del dispositivo


El sitio web funciona como punto de entrada al servicio. Está diseñado para que trabajadores expuestos al calor puedan informarse, entender el propósito del proyecto y solicitar el dispositivo de forma sencilla.


La estructura prioriza claridad y confianza: explicación breve del problema, cómo funciona AuraTemp, requisitos para acceder al dispositivo y un formulario de inscripción optimizado para completar en pocos pasos.






App – Monitorización y prevención en tiempo real


La aplicación móvil es el núcleo del sistema. Su función es traducir datos fisiológicos (temperatura corporal y ritmo cardíaco) en información clara y accionable.


El wearable monitoriza temperatura corporal y ritmo cardíaco, interpretando estos datos para detectar cambios en el estado térmico del usuario. A través de vibraciones hápticas, el sistema emite recordatorios discretos de hidratación o descanso sin interrumpir la actividad laboral.

Pantallas clave





Vinculación del dispositivo


La experiencia comienza con la conexión de AuraBand vía Bluetooth. La interfaz guía al usuario de forma simple y directa durante el proceso de enlace, confirmando visualmente cuando el dispositivo está correctamente conectado.


El objetivo fue diseñar una primera interacción clara y sin fricción, considerando que el público objetivo puede no tener alta familiaridad tecnológica.






Tutorial de alertas hápticas


Una vez conectado el dispositivo, la app introduce el sistema de alertas hápticas.


AuraBand utiliza vibraciones diferenciadas para comunicar acciones preventivas sin necesidad de consultar el teléfono:


2 vibraciones → Recordatorio de hidratación


3 vibraciones → Recordatorio de descanso





Dashboard – Estados térmicos


El dashboard principal traduce los datos biométricos en estados claros y visuales mediante un sistema de códigos de color:


Verde → Estado estable

Amarillo → Moderado

Rojo → En riesgo

Cada estado muestra temperatura corporal y ritmo cardíaco en tiempo real, permitiendo una lectura rápida incluso en contextos de esfuerzo físico. El diseño prioriza jerarquía visual, contraste y reducción de carga cognitiva.



Recordatorios en pantalla


Además de las vibraciones, la aplicación refuerza las alertas con mensajes visuales cuando es necesario.


Los recordatorios de hidratación y descanso aparecen en pantalla de forma clara y directa, guiando al usuario hacia acciones preventivas concretas.



Prototipo en Figma


Aprendizajes

AuraTemp es un proyecto académico donde se realizó todos los pasos del doble diamante para realizar la propuesta.



Durante todo el proceso, aprendí a estructurar un servicio utilizando herramientas como user persona y user journey para conectar insights reales con decisiones de diseño. La fase de entrevistas fue clave para entender cómo traducir experiencias físicas —como el agotamiento acumulado por calor— en oportunidades de intervención digital.



Este proyecto fue el que me hizo reforzar mis dotes como Interaction Desginer, realizando wireframes, definición de los flujos y de interacción. Estuve enfocado en la sección de la configuración de la aplicación, pero también tuve una importante labor en el aspecto visual de los estados térmicos del dashboard.



¿Quieres conocer en más proyectos de UX donde he trabajado?


No dudes en consultar el resto de mi trabajo.




Feelstep
Arcadia