En esta segunda parte del análisis vamos a identificar los errores de usabilidad que estén afectando a la experiencia de usuario en la pantalla TU PRÓXIMA GUAGUA así como explorar la solución que se propone para resolver el problema.

1️⃣ En la primera parte de este análisis se exploró la usabilidad del flujo “Tu próxima guagua” de la web de Titsa, el servicio de transporte público de Tenerife.

A través de una una experiencia real simulada en primera persona acompañada posteriormente de un ejercicio de investigación estadística, comprobé cómo pequeños fallos en el diseño y la estructura podían convertir una necesidad urgente en una experiencia frustrante.

La búsqueda de una parada cercana, algo aparentemente sencillo, se veía obstaculizada por errores en los resultados, exceso de información y falta de orientación visual.

👉🏻 El resultado: abandono del sitio y dependencia de herramientas externas como Google Maps.

2️⃣ En esta segunda parte, continúo el proceso centrándome en el análisis heurístico de las pantallas conflictivas así como examinaremos webs de servicios de transporte similares para identificar patrones exitosos en funcionalidad, diseño y experiencia de usuario que puedan adaptarse a TU PRÓXIMA GUAGUA.

Finalizará esta segunda parte con las propuestas de mejora y rediseño, mostrando cómo una interfaz más clara, coherente y empática puede transformar una situación de estrés en una experiencia útil, fluida y humana además de resolver el principal problema: el abandono por parte del usuario.

📱 Pantallas Analizadas: principios heurísticos

Vamos a identificar los errores de usabilidad que estén afectando a la experiencia de usuario en la pantalla TU PRÓXIMA GUAGUA

Por norma general, el usuario llega a esta pantalla vía mobile puesto que su comportamiento de búsqueda o acceso a la web viene dado en situaciones donde éste se encuentra fuera de su domicilio o centro de trabajo.

Por tanto, se realizaron capturas de pantalla del flujo experimentado en esta pantalla para ir haciendo comentarios o indicando los pain points descubiertos durante la experiencia.

Desde módulos que no aportan valor al usuario en la pantalla hasta falta de jerarquía de la información o scroll excesivo pasando por la falta de apoyo visual en la funcionalidad de búsqueda por dirección postal, esta sección muestra errores de usabilidad fácilmente reconocibles empleando los principios heurísticos:

Teniendo en cuenta el Índice de Severidad de Nielsen, se determinó la siguiente escala de 1 a 4 para calificar la severidad de los problemas de usabilidad:

💡 Solución propuesta

Tras detectar los principales problemas de usabilidad, llega el momento de mirar hacia afuera. En esta fase, analizo otras webs y servicios de transporte similares para identificar buenas prácticas y entender cómo resuelven una necesidad parecida.

A partir de ese aprendizaje, propongo nuevas soluciones aplicadas al flujo “Tu próxima guagua”, representadas en wireframes que muestran cómo estas mejoras podrían integrarse de forma más clara y funcional en la interfaz.

🕵🏻‍♂️ Benchmarking: explorando otros patrones exitosos

Antes de diseñar cualquier mejora, es fundamental entender cómo otros servicios abordan un mismo problema.

Por eso, el siguiente paso consiste en analizar diferentes plataformas de transporte público y observar qué patrones, recursos o interacciones podrían servir de referencia para optimizar la experiencia digital de Titsa.

Para focalizar la investigación, se tuvo en cuenta la web de transporte público por autobús en la isla de Gran Canaria (Guaguas Municipales), la de Madrid (EMT Madrid) y la de Bilbao (Bilbobus): una regional y dos con gran referencia a nivel nacional.

¿Tendrán estas webs las recomendaciones que sugerimos tras la detección de errores de usabilidad? En el supuesto que sí, ¿cómo los aplican? Veamos cómo:

1️⃣ Guaguas Municipales (Gran Canaria)

Al entrar en la web, lo primero que se observa es la misma sección que en la web de Titsa: Próxima Guagua. Al hacer click, sólo se encuentra disponible la opción de búsqueda por nº de parada y no la de la dirección o ubicación por parte del usuario.

Tratando de encontrar alguna opción similar, hacemos click sobre la pestaña ‘’¿A dónde vas?’’ y encontramos esta vez la posibilidad de insertar origen y destino para comprobar si hay paradas cerca o establecer una ruta de interés.

Una vez se hace click, la pantalla nos obliga a salir de la web y nos redirige a Google Maps, desde donde se puede encontrar las paradas y líneas propias así como las posibles rutas para llevarnos al destino que se indicó al inicio de la acción.

✅ Pros:

• El acceso a la funcionalidad es visible directamente desde la home.
• Flujo reducido en escasas pantallas. No se hace pesada la navegación.
• Ofrece una solución al no poder buscar por dirección postal.

❌ Contras:

• No existe la posibilidad de buscar por dirección postal (no cubre la necesidad).
• El campo de la sección ‘’¿A dónde vas?’’ no ofrece resultados predictivos ni aviso sobre si la dirección está bien o mal dispuesta.
• La acción de búsqueda de una ruta según origen y destino lleva a un mapa…externo a la web: provoca el abandono del usuario a otra solución fuera de la propia web en lugar de mantenerlo dentro.

2️⃣ EMT Madrid

En el caso de la web de la EMT de Madrid, dentro de la sección Mi Autobús, tenemos la opción de buscar en la propia home por nº de parada para ver el tráfico en tiempo real o, la opción ‘’Navega por Madrid’’, en la que a través de un mapa interactivo el usuario puede indicar su ubicación o geolocalizarse.

Aunque la funcionalidad del mapa provoca que el usuario salga a otra URL, se puede entender que pertenece a EMT Madrid. En este mapa interactivo, se pueden ver las paradas dispuestas y, al hacer click sobre una de ellas, se arroja información acerca de las líneas que pasan, el tiempo de llegada,…

También es interesante cómo posibilitan la acción de buscar paradas según una dirección determinada por el usuario en la pestaña ‘’Cerca de Mí’’. Destacable el campo de ‘’Distancia’’ para acotar el nº de paradas cerca de una ubicación.

✅ Pros:

• El acceso a la funcionalidad es visible directamente desde la home.
• Ofrece las soluciones que se plantean en este análisis.
• La jerarquía de información y las guías de navegación están correctamente estipuladas.
• Ofrece varias soluciones para buscar paradas, líneas,…

❌ Contras:

• El flujo se hace un tanto largo para una funcionalidad que debe ser más rápida y eficiente.
• El mapa interactivo fuerza al usuario a abandonar la web. Es complejo de interpretar y entender por el usuario la vuelta desde el mapa interactivo a la web, en caso de que lo requiera.
• Se perciben errores que comprometen la accesibilidad como textos de escaso tamaño o falta de contraste entre texto y bloques con relleno de color.

3️⃣ Bilbobús (Bilbao)

Tanto si es en la propia home haciendo un poco de scroll o en la sección del menú ‘’¿Dónde está mi Bilbobus?’’, podemos dar con la funcionalidad de buscar paradas de autobús por dirección postal. Fácil y directo.

Además, observamos que, al introducir parte de la dirección donde accionamos la funcionalidad, nos ofrece resultados predictivos para facilitar al usuario la solución.

Una vez se hace click, y de forma visual, ofrece todos los resultados de las paradas cerca de la posición del usuario con sus líneas y tiempos en llegar.

En estos módulos de paradas, ademas podemos hacer click para ver más información sobre las mismas o incluso acceder a un mapa o a una pantalla con las horas de paso de cada línea.

Quizás el único aspecto negativo es que al interaccionar con el mapa, nos extrae de la pantalla y nos lleva a Google Maps, como en el caso de Guaguas Municipales.

✅ Pros:

• El acceso a la funcionalidad es visible directamente desde la home y desde el menú de forma intuitiva.
• Ofrece las soluciones que se plantean en este análisis.
• Destacable funcionalidad de resultados predictivos.
• La jerarquía de información y las guías de navegación están correctamente estipuladas.
• El flujo es sencillo, optimizado y directo. No hay pérdida.

❌ Contras:

• El mapa de paradas fuerza al usuario a abandonar la web.
• Se perciben errores que comprometen la usabilidad como falta de consistencia en iconos o colores excesivamente vibrantes que pueden elevar la carga cognitiva del usuario.

Wireframes: materializando las mejoras a validar

Tras analizar las buenas prácticas identificadas en otros servicios, llega el momento de trasladar esas conclusiones al contexto de Titsa.

En esta fase, se desarrollan una serie de wireframes que materializan las propuestas de mejora en la estructura y disposición visual de las pantallas, con el objetivo principal de resolver los problemas detectados durante el análisis de usabilidad.

Estos prototipos permiten visualizar cómo las soluciones planteadas pueden simplificar la interacción, guiar al usuario de forma más intuitiva y, en definitiva, mejorar la experiencia dentro del flujo “Tu próxima guagua”.

A continuación, y una vez hemos visto cómo hace la competencia, se muestran las mejoras en wireframes, detallando las mejoras sugeridas e identificarlas en la interfaz:

En primer lugar, cabe destacar la aplicación de dos funcionalidades principales en una misma pantalla, optimizando el espacio disponible y reduciendo los módulos o contenidos que no aporten valor al usuario.

El objetivo es focalizar la interacción en resolver la necesidad con el menor número de clics posible:

🔎 Funcionalidad por BÚSQUEDA

El usuario puede introducir una dirección para localizar las paradas más cercanas a su ubicación. Esta función incorpora resultados predictivos limitados a direcciones dentro de la isla, lo que facilita la selección correcta y evita errores o confusiones.

Una vez seleccionada la dirección sugerida, la pantalla muestra la información de la parada, incluyendo su nombre, código y un botón de “Más info”, que abre una ventana modal con detalles adicionales sobre las líneas disponibles y los tiempos estimados de llegada, sin necesidad de abandonar la pantalla principal.

💬 La búsqueda predictiva mejora la eficiencia de la tarea y reduce la carga cognitiva, al guiar al usuario hacia resultados válidos y evitar errores en la introducción de direcciones. Esta optimización incrementa la usabilidad percibida y elimina un pain point clave del proceso.

Con el objetivo de mejorar la estética y la usabilidad de la ventana modal, se prioriza una presentación visual clara y estructurada, reduciendo la carga informativa y mostrando únicamente los datos más relevantes para la toma de decisión.

Además, se mantiene el campo de búsqueda por código como una opción avanzada para usuarios experimentados, permitiendo acceder de forma directa y eficiente a la información cuando ya disponen de dicho dato.

🗺️ Funcionalidad por MAPA

En este caso, la acción está orientada a la búsqueda de paradas mediante un mapa interactivo, que permite al usuario geolocalizarse y visualizar las paradas más próximas a su ubicación en tiempo real.

Siguiendo la misma lógica de consistencia que la funcionalidad anterior, una ventana modal se superpone sobre la pantalla principal para mostrar la información detallada de la parada seleccionada, incluyendo líneas disponibles, rutas y tiempos estimados de llegada.

Con esta solución se evita la necesidad de recurrir a servicios externos como Google Maps, manteniendo la experiencia dentro del propio entorno digital de Titsa y reduciendo la fricción en el flujo de interacción.

Por otro lado, con el objetivo de simplificar la navegación y reducir la carga cognitiva, se eliminaron o rediseñaron los módulos que no aportaban valor, como el menú del header y del footer.

Asimismo, se ajustaron funcionalidades clave para optimizar la experiencia de uso, destacando la integración de un botón flotante de contacto directo con Titsa, que mejora la accesibilidad y agiliza la resolución de dudas o incidencias durante la interacción.

📌 A modo resumen, se exponen a continuación, de forma clara y concisa, las mejoras implementadas, los problemas que resuelven y el impacto esperado en la experiencia del usuario:

❇️ Conclusiones y recomendaciones

🤔 ¿Qué resolvemos con estas dos funcionalidades? Extraigamos las principales conclusiones y recomendaciones de diseño para mejorar la experiencia de usuario.

✨ Diseño en Alta Fidelidad (Hi-Fi)

Tras haber planteado los wireframes, veamos cómo se traducirían visualmente una vez pasamos a un prototipo de alta fidelidad de la pantalla TU PRÓXIMA GUAGUA:

Mediante la implementación de las dos funcionalidades planteadas, resolvemos los problemas de usabilidad que posee la página a la hora de solventar una solución al usuario al buscar paradas próximas.

En concreto, además de resolver la necesidad del usuario conseguimos tres hitos importantes:

1️⃣ El usuario no se frustra a la hora de navegar por esta sección y encuentra la solución de forma más eficiente y optimizada.

2️⃣ Al cumplir con sus expectativas, el usuario mantiene la confianza y volverá a utilizar la web para resolver problemas futuros. Aumenta la fidelidad hacia nuestro portal.

3️⃣ Evitamos que el usuario abandone desesperado nuestra web y descubra otras soluciones de terceros. Prevenimos el abandono con nuestra hipotética solución.

Prinicipales conclusiones y futuribles: testear para validar

👉🏻De cara a futuras implementaciones y mejoras, recomendar un rediseño a nivel estético y minimalista para reducir la carga cognitiva del usuario a través del flujo de pantallas. Es especialmente crítico el error de la versión responsive mobile respecto a la de escritorio.

👉🏻 Por otro lado, revisaría aquellos módulos donde exista una combinación de elementos textuales y fondos de color para comprobar si comprometen a la accesibilidad, como el de contacto por teléfono que vimos en las pantallas analizadas.

👉🏻Mantener unos correctos estándares de consistencia en los botones, iconos y tipografías se antoja como prioritario para facilitar al usuario el reconocimiento de cada pantalla y mejorar su experiencia de navegación a través de la web.

👉🏻Por tanto, con las mejoras implementadas y mostradas anteriormente, podremos corregir y resolver aquellos pain points que afectaban a la usabilidad y, por consiguiente, a la experiencia de usuario de los ciudadanos de Tenerife.

👉🏻Como próximos pasos, trataría de validar las soluciones propuestas mediante tests de usabilidad 📲 a usuarios reales, tanto pasajeros habituales como turistas, con el ánimo de comprobar si se han producido mejoras en el sistema.

👉🏻Además, tendría en cuenta el feedback de los usuarios 💬 una vez se haya lanzado esta actualización.

🙏 Por último, darte las gracias por dedicar tu tiempo a leer esta segunda parte del análisis 🙏

Más allá de detectar errores o rediseñar pantallas, este proyecto busca recordar la importancia de diseñar experiencias que realmente acompañen al usuario, especialmente en momentos cotidianos donde la tecnología debe simplificar, no complicar.

Si te interesa el tema o quieres compartir tu punto de vista sobre cómo mejorar la experiencia digital en servicios públicos, 🗨️ te invito a dejar tu opinión en los comentarios. Me encantará leerte.

¡Hasta pronto! 👋🏻

Este análisis busca identificar y resolver los problemas clave de usabilidad en la web de TITSA para mejorar la experiencia de los usuarios y fomentar un uso más eficiente del servicio de transporte.

Contexto

Para la elaboración de este proyecto, nos solicitaron el análisis de usabilidad de un flujo crítico de la versión web de TITSA -servicio de transporte de Tenerife (Islas Canarias)-, para detectar aquellos errores que puedan estar generando una deficiente experiencia de usuario por parte de los pasajeros.

Con el objetivo de mejorar la usabilidad de la versión web del servicio de transporte por autobús en Tenerife, se ha basado este análisis de usabilidad aplicando los principios heurísticos.

La web en la que se centra este análisis es la propia de la empresa que gestiona el servicio a nivel insular: Titsa (https://titsa.com/).

A modo de hacer referencia al perfil de usuario, la web está dirigida a pasajeros frecuentes y turistas en Tenerife que necesitan consultar horarios o planificar rutas de forma rápida, especialmente en situaciones urgentes.

Para encontrar evidentes y posibles pain points, nos centramos en la pantalla TU PRÓXIMA GUAGUA (https://titsa.com/index.php/tus-guaguas/tu-proxima-guagua), concretamente de la versión mobile, a través de un user flow desarrollado en primera persona simulando la experiencia del pasajero al consultar dicha pantalla en un momento de necesidad urgente.

Esta página tiene como objetivo facilitar al usuario la consulta, búsqueda y planificación de rutas en transporte público en la isla de Tenerife. Aunque no posee la funcionalidad de comprar tickets, el usuario puede consultar las líneas de transporte así como los horarios, rutas o información de vehículos de transporte público y paradas / estaciones cercanas.

Pero, ¿por qué este análisis?

Como decía anteriormente, este análisis profundiza en la usabilidad del flujo clave “Tu próxima guagua”, un punto crítico para los usuarios móviles que buscan información de manera rápida y efectiva en relación al transporte público de Tenerife.

Un flujo poco usable puede generar frustración en los usuarios, impactar negativamente en la percepción de la marca y reducir la frecuencia de uso del servicio digital.

Es por ello que la esencia de este proyecto es la de corregir posibles puntos de fricción respecto al usuario en el flujo de búsqueda y resultados para corregirlos a posteriori teniendo en cuenta los principios heurísticos de Nielsen.

Algunos datos de interés

Conozcamos los datos relevantes a tener en cuenta de cara al análisis. ¿Es una web demadada por los usuarios de la isla de Tenerife?

Antes de comenzar con el análisis de usabilidad se ha querido partir desde los datos más significativos acerca del uso del transporte público por autobús en Tenerife así como para verificar si la web es uno de sus medios de información más utilizados por los ciudadanos.

¿Cuántos pasajeros moviliza Titsa al año? 👥

¿Es la web de Titsa uno de sus medios más utilizados? 🤔

¿Desde qué dispositivo visitan los usuarios la web de Titsa? 📱💻

Para encontrar información de valor a nivel estadístico, se ha recurrido a fuentes o medios de comunicación como El Día -medio local de alta recurrencia- además de la propia web de Titsa, especialmente de su apartado de Transparencia.

Tras la búsqueda, se ha concluido que, durante el primer cuatrimestre de 2024, el número total de pasajeros registrados ascendió hasta 26.895.127 millones, lo que supone un 20% más respecto al año anterior.

⚠️ Este porcentaje nos hace pensar en las posibles implicaciones que puedan generar impacto en la web mobile de TITSA como:

1. el aumento de tráfico ⬆️🌐 por parte de un mayor número de usuarios; la consiguiente posible percepción positiva como negativa de la usabilidad respecto al flujo de navegación de la web;
2. la revisión de posibles puntos de fricción 🙅🏼‍♂️ que dificulten la experiencia del usuario en la web, influenciando directamente a la percepción de la marca.

En cuanto al volumen previsto, Rosa Dávila -presidenta del cabildo de Tenerife- apunta que «la gratuidad ha transformado por completo la movilidad en la Isla, logrando un incremento medio anual de pasajeros superior al 20%» resultando este hito en un total de 80 millones de pasajeros a finales de 2024. En 2023, la cifra total ascendió a 69,4 millones de pasajeros.

💬 «La gratuidad ha transformado por completo la movilidad en la Isla, logrando un incremento medio anual de pasajeros superior al 20%».

Rosa Dávila, presidenta del cabildo de Tenerife

Otro de los datos significativos es el registro de viajes diarios realizados, alcanzando un total estimado de 7.000 trayectos. Esto da a entender la gran afluencia de este medio de transporte y su incremento observado durante los meses de 2024.

Por otro lado, si observamos la siguiente gráfica, se puede determinar lo siguiente:

• El medio de información más utilizado por los usuarios a la hora de buscar información acerca del transporte público por autobús de Titsa es el dispositivo móvil📱👑
• Hasta un 56% de los usuarios señala informarse a través de la web móvil (-5% respecto al año anterior) 📲
• Sin embargo, el 44% prefiere hacerlo a través de la app móvil (-7,5% respecto al año anterior) 🧐

Estos datos tienen diversas lecturas:

1. El 56% de los usuarios acceden desde la web móvil, lo que indica que este canal debe ser una prioridad para optimizar la experiencia.
2. Teniendo en cuenta la bajada de porcentaje respecto al año anterior en ambos canales nos sugiere que existe la posibilidad de que el usuario no esté experimentando una correcta navegación en la web, provocando frustración y abandono del canal.

Las preguntas que se formularon tras ver estos resultados fueron las siguientes:

¿Es la web de Titsa, en su versión mobile, usable para sus usuarios?

¿Será capaz de responder ante una situación excepcional por parte de un usuario?

La web en su versión mobile, ¿está realmente a la altura de los ciudadanos?

User flow: analizando el journey del usuario…en primera persona

Pongámonos en la piel de un usuario de Titsa y comprobemos el recorrido que tendría en una situación excepcional de su día a día.

Para comenzar a responder a las respuestas planteadas tras la investigación, se planteó un contexto excepcional de una persona que usualmente toma su propio vehículo como transporte pero, tras tener que depositarlo en el taller unos días, debe moverse en transporte público.

Para comprobarlo de mejor manera, ¿por qué no hacerlo nosotros mismos? En este caso, yo mismo quise hacer de cliente misterioso y llevar a cabo la acción:

Transcripción de las anotaciones:

1️⃣ El usuario ha asistido a una cita médica en otro municipio 🏥😃

2️⃣ Tras la cita, necesita coger una ‘’guagua’’ (autobús) para volver a la parada desde donde llegó 🚌😃

3️⃣ Al salir de la cita, se da cuenta que tiene una reunión y va con el tiempo justo💨 🏃🏼‍♂️‍➡😅

4️⃣ Desea conocer cuánto tardará la próxima guagua en salir pero no conoce el nº de la parada ⏱️🚍 😕

5️⃣ Entra en la web de TITSA, en la sección ‘’TU PRÓXIMA GUAGUA’’📲😕

6️⃣ Una vez en esta pantalla, al no conocer el nº de parada, escoge la opción ‘’Introducir la dirección’’ y que el sistema le indique las paradas cercanas con sus líneas 📍😣

7️⃣ El usuario se frusta porque el formulario arroja muchos resultados que no se ajustan a su necesidad (diferentes municipios) 🙅🏼‍♂️😖

8️⃣ Termina por desistir, abandonar la web y realizar la búsqueda por Google Maps 🤬

Al no disponer de coche, tuve que asistir a una cita con el dentista en taxi, ya que llegaba apurado tras una reunión de equipo. Tras finalizar la cita, recibo un mensaje de un cliente adelantando una reunión programada.

Esto me coge por sorpresa ya que tengo que apresurarme y buscar alguna guagua o parada cerca de la ubicación donde me encuentro que me lleve de vuelta a la oficina.

ℹ️ Guagua es como llamamos en Tenerife a los autobuses urbanos e interurbanos.

Como no suelo ir en transporte público, no tengo la app de Titsa instalada por lo que procedo a buscar directamente en la web. Encuentro dentro del menú la sección TU PRÓXIMA GUAGUA, intuyendo que es el lugar ideal para resolver la situación.

Encuentro dos campos en esta pantalla: dirección postal y nº de parada. Como no conozco la zona, tampoco las paradas cercanas por lo que opto por incluir la dirección del dentista, confiando en encontrar las paradas con sus respectivas líneas cerca de mí.

Al incluir la dirección, por motivos que desconozco, los resultados que me ofrece la web son variados, en un listado, de los cuales no tengo claro cual seleccionar para comprobar si me queda cerca o no. Incluso observo que hay resultados de lugares de otros municipios. El hecho de no disponer de una manera más visual o precisa me genera inquietud y malestar.

Tras sentir frustración y ver que necesitaba apresurarme, abandono la web y procedo a buscar en Google Maps, desde donde pude encontrar las paradas más cercanas con las respectivas líneas y tiempos de llegada real-time.

💬 «Tras sentir frustración y ver que necesitaba apresurarme, abandono la web y procedo a buscar en Google Maps…» 😣😡

La primera conclusión que extraigo de esta experiencia es que, ante una situación excepcional, la web no respondió ante mi necesidad. El resultado fue el abandono de la web para descubrir que, con otra app -ajena a Titsa-, podía encontrar la solución a mi problema en ese momento.

Esto sugiere dos escenarios:

1️⃣ Si me veo en otra situación similar, no confiaría de nuevo en ‘’perder el tiempo’’ entrando en la web de Titsa;

2️⃣ Descubrí que Google Maps me cubre la necesidad en menor tiempo y de forma más efectiva.

Comprobemos los errores de usabilidad que encontramos en la pantalla TU PRÓXIMA GUAGUA para poder asociarlos con los principios heurísticos y ofrecer recomendaciones / soluciones para solventar el problema experimentado.

👉🏼 Continuará en la parte II 😇

Una solución basada en Design Sprint para controlar el Hambre Emocional integrando la IA

Descubriendo la situación

Vivimos en una sociedad donde la alimentación y el bienestar emocional se encuentran en un punto de confrontación debido al alto ritmo de vida al que estamos sometidos/as.

En este sentido, la alimentación puede actuar como un mecanismo de alivio emocional ante situaciones estresantes o desagradables.

Cuando este recurso se convierte en un patrón repetitivo y se utiliza de forma sistemática para gestionar el malestar emocional, estamos ante un caso de hambre emocional , en otras palabras, concebir el hecho de comer como una actividad capaz de llenar un vacío.

Ante el desafío que teníamos por delante en el equipo, decidimos apostar por una metodología ágil y estructurada que facilitara avanzar con rapidez y claridad: el Design Sprint.

Durante cinco días de trabajo intensivo, logramos alinear al equipo, fomentar la generación de ideas, construir un prototipo funcional y validarlo con usuarios reales. A continuación, comparto cómo llevamos a cabo cada una de las dinámicas del proceso.

Entendiendo el problema

A nivel nacional español, el 45% de los adultos reconoce que sus hábitos alimenticios están condicionados por la situación emocional que experimenta en el momento de comer.

Esta tendencia se vuelve algo más llamativa cuando observamos los datos a nivel mundial. Hasta el 70% de la población a nivel mundial reconocen que de forma recurrente suelen aliviar sus emociones inestables a través de la comida.

Arrancando el proyecto

Iniciamos el proyecto con una reunión de kick-off para reconocer aquellas claves que nos permitirían definir el reto al que nos enfrentamos: cómo ayudar a la población a hacerle frente al hambre emocional a través de la tecnología.

En base a esta cuestión y teniendo en mente que la solución debía estar basada en la tecnología cercana y confiable, tuvimos claro que ésta además debía integrarse fácilmente en los usuarios para una mejor experiencia en los usuarios, acompañándolos y asesorándolos en sus conductas emocionales y nutricionales.

Es en este punto cuando comenzamos por plantear las Sprint Questions, necesarias para saber si la solución que iríamos a plantear tiene potencial de éxito.

En paralelo, creamos los mapas de usuarios, tratando de ponernos en la piel de dos personas que supusimos para poner el foco en la realidad de los usuarios:

Tras transformarlas aplicando la técnica How Might We…? y tras organizarlas en un mapa de afinidad, seleccionamos las que más convencían mediante votación silenciosa. Marcamos en rojo la formulaciones más votadas que darían forma al reto y posteriormente al desarrollo de la solución:

¿Cómo podríamos ayudar al usuario a mantener un control a largo plazo de sus emociones y la alimentación?

Habemus reto: rienda suelta a la generación de ideas

Una vez el reto estuvo definido, comenzamos el proceso de generación de ideas mediante el uso de diferentes técnicas de research (Lightning Demos) así como de ideación (Museo del Arte, Boceto de 4 Pasos, Crazy 8 y Storyboard).

El objetivo estaba claro: abrir la mente, inspirarse y evitar empezar de cero. Rompiendo bloqueos creativos y retroalimentarnos unos a otros.

Llegando a la idea: AlterIA, la app para controlar el hambre emocional

¿Por qué no planteamos un asistente que sea como ‘’tu propio yo’’ al que debes atender y cuidar? A simple vista puede parecer poco original ya que en su momento se inventó el tamagotchi o incluso en el boom de las app de juegos en smartphones llegó a ser bastante popular Pou.

Quisimos llevarlo a otro nivel: el de la autoconsciencia del usuario a través de la empatía de una mascota virtual que sería ‘’su propio yo’’, en otras palabras: su alter ego.

Es por eso que se nos ocurrió AlterIA, un asistente de voz integrado por Inteligencia Artificial cuya misión es conciliar el estado emocional del usuario con su bienestar nutricional. En tiempo real. En cualquier momento.

Tres funcionalidades principales

AlterIA está planteada como una solución cercana e íntima para el usuario. En todo momento debe sentirse a gusto con la interfaz y ser capaz de reconocerse a sí mismo a través de la mascota.

Es por eso que las tres funcionalidades planteadas para testear la idea fueron:

Vayamos una por una:

1️⃣ Detección de emociones: basado en la integración de la IA en un sistema de interfaz de usuario por voz (VUI), la mascota es capaz de identificar patrones e inputs emocionales mediante la voz para establecer un diagnóstico de la situación y un debido asesoramiento al usuario con recomendaciones ajustadas a la emoción determinada que está experimentando en el momento.

2️⃣ Escáner de comidas: empleando la cámara del smartphone, la IA integrada en el sistema está capacitada para escanear los platos del usuario, evaluar si está indicado o contraindicado según el estado emocional que está sintiendo en el momento, analizando sus valores nutricionales y llevando a cabo un registro histórico de cada escáner para un control a futuro.

3️⃣ Mascota personalizable: la principal funcionalidad puesto que es la que otorga mayor confiabilidad en el usuario. Debe representar a quién la personalice y ser capaz de convertirse en su propio ‘’alter ego’’.

🤔¿Cómo íbamos a integrar las tres funcionalidades?🤔 A partir de los siguientes elementos claves:

• Botones claros y accesibles que refuercen el affordance de cada funcionalidad en la interfaz.
• UX Copywriting: hablar en el idioma del usuario, empatizando con el mismo de forma natural. La positividad se antoja como clave.
• Accesibilidad: el principal punto a tener en cuenta. Tanto la interfaz como el flujo o journey del usuario debe ser amable y adaptado para aquellas personas con diferentes capacidades auditivas, visuales, cognitivas,…

Tras plantear los wireframes organizando las tres funcionalidades en un flujo intuitivo y fluido para el usuario, decidimos llevar a cabo el prototipo en alta fidelidad para poder testear la idea con usuarios reales:

¿Es la solución al problema? Testeamos la idea con usuarios.

Para validar el prototipo, seleccionamos una muestra de 5 usuarios, de diferentes perfiles y estilos de vida.

Los resultados fueron positivos:

FUTURIBLES: aspectos donde comenzar a iterar…

Aunque los resultados del test a usuarios fueron generalmente positivos, analizamos las respuestas de cada uno de los usuarios que participaron en el testing con el objetivo de extraer información de valor que nos permitiese tener en cuenta mejoras o futuras implementaciones:

📌 En el onboarding, debería incluirse algún campo a rellenar para personas con TCA (trastorno de conducta alimentaria) o similar.

📌 Implementar alguna funcionalidad relacionada con el periodo menstrual.

📌 La mascota debe tener un estilo más humano e interactuar con voz en todo momento — no sólo por escrito-.

📌 Aunque el 100% consideró que es una app intuitiva, la Home tendría que contener un dashboard.

📌 Afinar la tecnología IA que detecta los patrones y escaneado de alimentos para mayor fiabilidad.

📌 Como modelo de negocio, añadir funcionalidades freemium que permitiesen monetizar la app.

Conclusiones

El objetivo que nos propusieron fue idear, crear y validar una solución en un tiempo reducido, con el ánimo de ahorrar y optimizar recursos.

La metodología Design Sprint nos ha ayudado a la hora de crear un prototipo con el que realizar un test con usuarios reales, el cual ha confirmado que el prototipo planteado durante el proceso responde de forma eficaz a las necesidades detectadas inicialmente.

Los participantes no solo comprendieron el flujo de la solución sin necesidad de explicaciones adicionales, sino que también valoraron de forma muy positiva la utilidad, usabilidad y enfoque de la propuesta.

Este resultado reafirma la potencia del enfoque iterativo y de trabajo colaborativo del Design Sprint, especialmente gracias al uso de técnicas como el Mapa de Usuario, que nos permitió enfocar correctamente el problema desde el inicio, y los Bocetos de 4 pasos, que facilitaron la generación de ideas y soluciones variadas, bien fundamentadas y con potencial.

💬 Y ahora te pregunto, ¿crees que un alter ego digital te ayudaría a conciliar tus emociones y la forma en la que te alimentas? ¿Confiarías en la Inteligencia Artificial para aprender a mejorar tu bienestar, tanto físico como mental? Escríbeme en comentarios: ¡todo feedback es bienvenido!☺️

Explorando funcionalidades disparatadas

Si hiciste click y llegaste aquí es porque la curiosidad te puede.

Sí, porque esta idea que a continuación te cuento nace a partir de una challenge que aceptamos con muchas ganas Andrea Robledo, Nicolás Navarrete y yo.

Nos propusieron un ejercicio que fomentase la creatividad del equipo basado en las funcionalidades o diseños disparatados que popularizó Soren T Iverson.

¿El reto? Pensar en una marca conocida e idear una funcionalidad disparatada para su web, app o plataforma.

Con el ánimo de darle rienda a la creatividad, decidimos comenzar con un brainstorming para seleccionar una marca con la que llevar a cabo este reto.

Tras aportar cada uno varias opciones con posibles ideas “locas” que implementar, votamos y el resultado fue abrumador: Revolut y el descubrimiento del saldo ajeno ¡qué cotillas😱!

💡¿Por qué fue la idea más votada?

Simple: la curiosidad, el cotilleo, el chisme. Eso que tanto nos gusta en España.

Y es que al fin y al cabo, hay un estudio que dice que “el 89% de los españoles reconocen que les gustarían espiar lo que hacen y dicen en las redes sus hijos, parejas y conocidos”.

De media, se dedican unos 52 minutos al día a cotillear (¡casi una hora!) y es lo que hacemos durante el 65% del tiempo que dura una conversación.

🛠️ Poniendo en marcha la idea

Nosotros no íbamos a romper la estadística así que nos pusimos manos a la obra y planteamos en el posible flujo de pantallas que tendría esta funcionalidad.

¿Y pudiéramos saber cuánto dinero tiene el banco ahorrado la gente a nuestro alrededor?

Para que ésta destacase en la pantalla principal de la app de Revolut, una app fintech, pensamos en insertar una card en el carrusel debajo de la información de saldo del usuario.

Dimos por hecho que si el usuario -como buen cotilla- sabe que tiene la posibilidad de espiar a sus contactos o personas desconocidas a su alrededor, sin dudarlo haría click para probar la funcionalidad.

🎯 El objetivo

El objetivo es que el usuario reconozca esta nueva funcionalidad y que “le pique la curiosidad”. Una vez haga click, saltará a una pantalla de mapa geolicalizable donde podrá ver dos tipos de avatares clickables:

• Amigos de Revolut: pudiendo ver su foto de contacto o avatar, información de contacto, el saldo disponible en cuenta y sus últimas 5 transacciones.
• Usuarios desconocidos: obteniendo información sobre el dinero ahorrado en cuenta y sus últimas 5 transacciones. El anonimato se garantiza al 100%.

🖥️ Plasmando la idea

Una vez tuvimos claros los flujos y elementos de cada pantalla, conceptualizamos los wireframes en baja fidelidad para organizar la estructura;

y, posteriormente, aplicamos la capa visual y llevamos a cabo el prototipo en alta fidelidad para comprobar si los flujos que planteamos no inducían a error y que la experiencia de usuario no se viese afectada por ningún elemento.

😏 ¿Te animas a comprobar cómo funciona?

¿Te picaría la curiosidad de saber el dinero ahorrado de los demás o piensas que la curiosidad mató al gato?🤔

Te dejamos por aquí el prototipo👇🏻

🧐 ¿Qué aprendimos de todo esto?

1️⃣ En primer lugar, la creatividad es necesaria trabajarla y potenciarla a través de técnicas o herramientas que nos permitan llegar más allá en el proceso de ideación.

2️⃣ En segundo lugar, la retroalimentación de ideas entre diferentes integrantes del equipo enriquece cada proyecto. De cada idea surgen otras que acortan el camino hasta la iluminación del proyecto.

3️⃣ En tercer lugar, pensar y empatizar con el usuario es tener gran parte del trabajo realizado. Dale lo que necesita y mejora su experiencia. Lo agradecerá. Lo agradeceremos.