Cuando estaba creando la aplicación de Eatly, desde el inicio, tenía claro que quería incluir muchas funcionalidades valiosas para los usuarios, pero también entendía que no bastaba con tener buenas ideas si no estaban bien estructuradas y alineadas con sus necesidades reales. Para ponerte un poco más en contexto, Eatly es una app conceptual enfocada en la alimentación consciente y emocional.
Antes de diseñar interfaces, decidí centrarme en la fase de investigación UX. El objetivo: conectar con los usuarios potenciales, comprender cómo piensan, qué buscan y cómo navegan la información, para así construir una experiencia sólida, clara y empática desde la raíz.
Objetivos del proyecto
Antes de diseñar cualquier pantalla, era indispensable entender al usuario y validar las ideas desde su mirada. Esta fase estratégica tenía como objetivos:
- Investigar en profundidad al público objetivo de Eatly, sus contextos y motivaciones.
- Definir las funcionalidades clave de la app de forma clara y priorizada.
- Establecer la arquitectura de contenidos: qué mostrar, cómo agruparlo y cómo nombrarlo.
- Validar las decisiones de organización y navegación mediante técnicas de investigación centradas en el usuario.
Tareas realizadas
Este proyecto se desarrolló con una aproximación metodológica basada en UX Research. Las tareas incluyeron:
- Análisis de usuarios potenciales y definición de perfiles.
- Diseño de funcionalidades basado en necesidades reales.
- Ejercicios de card sorting presencial y digital para organizar la información.
- Definición de una primera estructura navegable.
- Validación temprana de términos, agrupaciones y accesos.
- Definición visual de la marca
Análisis del público objetivo
Antes de poder llevar a cabo la actividad de card sorting, fue indispensable realizar una fase previa de análisis centrada en identificar y definir los perfiles de usuario potenciales que consumirían una app como Eatly. Esta etapa me permitió no solo acotar el tipo de funcionalidades a testear, sino también asegurar que las decisiones de arquitectura partieran de necesidades reales.
Me enfoqué especialmente en entender quiénes utilizan apps similares del sector salud, bienestar o alimentación consciente, observando patrones comunes y puntos de fricción en sus experiencias.
A partir de esa base, definí cinco perfiles clave, cada uno con necesidades y objetivos distintos.
| Perfil de Usuario | Necesidades | Objetivo al usar Eatly |
|---|---|---|
| Persona en terapia psicológica con TCA | Llevar un registro emocional y alimenticio, detectar patrones y aprender a relacionarse mejor con la comida. | Usar el diario como herramienta terapéutica, identificar desencadenantes y hacer seguimiento. |
| Persona que quiere mejorar su peso | Tomar conciencia de qué come, cuándo y por qué; ganar control sin seguir dietas estrictas. | Observar y modificar hábitos de alimentación desde la conciencia y la compasión. |
| Profesional con poco tiempo para cocinar | Encontrar recetas rápidas y saludables, según nivel de energía y tiempo disponible. | Ahorrar tiempo en la planificación sin renunciar a comer bien. |
| Persona con ansiedad o tristeza ocasional | Contar con acompañamiento suave en días difíciles, con sugerencias fáciles y reconfortantes. | Sentirse acompañado/a y validado/a, con recetas adaptadas a su estado emocional. |
| Padre/madre que quiere educar en alimentación sana a sus hijos | Tener ideas de comidas equilibradas que pueda compartir en familia, enseñar hábitos saludables sin obsesiones. | Educar a través del ejemplo, conocer alternativas sanas y accesibles para toda la familia. |
Para ello, combiné una revisión exhaustiva de productos competidores con entrevistas exploratorias, lo que me permitió identificar motivaciones, barreras y objetivos clave de los distintos perfiles. Esta información fue fundamental para estructurar correctamente las tarjetas del test y validar su lógica desde el punto de vista del usuario final.
Card Sorting: ordenar antes de diseñar
Teniendo claro el universo de funcionalidades que quería incluir, el siguiente paso fue entender cómo los usuarios las agruparían y nombrarían por sí mismos. Aquí es donde el card sorting jugó un papel fundamental.
¿Qué es el card sorting?
El card sorting es una técnica de investigación que permite conocer cómo los usuarios agrupan e interpretan distintos contenidos o funciones. En este caso, quería saber:
- ¿Qué funcionalidades consideran relacionadas?
- ¿Qué términos les resultan más intuitivos?
- ¿Cómo estructurarían ellos la navegación?
Dinámica presencial y online de card sorting
Diseñé una sesión presencial con distintos usuarios en la que les entregué tarjetas con funcionalidades clave y les pedí que las agruparan como les pareciera más lógico. Fueron un total de 20 usuarios los cuáles realizaron la actividad, de los cuáles 4 eran de la versión online.
Por otro lado, con la ayuda de herramientas como UXtweak, realicé el mismo estudio de manera online, para así ampliar el rango de personas que realizaban dicha actividad. El estudio de Eatly está disponible en abierto para que los usuarios pudieran realizarlo.
En esta actividad, se propusieron una serie de funcionalidades representativas del contenido que EATLY podría incluir, como por ejemplo:
- Ver resumen de día
- Registrar una comida
- Ver historial alimenticio
- Realizar ejercicios de mindfulness
- Buscar receta por estado de ánimo
- Cambiar objetivos personales
- Guardar receta como favorita
- Acceder a mini-guías
- Ver vídeos de expertos
- Revisar hábitos semanales
Para ello, el usuario contaba con un listado completo de las funcionalidades a mano izquierda y luego diferentes secciones posibles para crear y ir moviendo las tarjetas como se muestra a la derecha:
Esta herramienta, especializada en card sorting me permitió:
- Medir tiempos, patrones de respuesta y niveles de acuerdo.
- Visualizar cómo se agrupaban las funcionalidades.
- Identificar coincidencias o contradicciones entre participantes.
El objetivo de ambas actividades, tanto presencial como online, era descubrir cómo interpretaban y conectaban cada función, para poder definir una estructura intuitiva, pensada desde su lógica y no desde supuestos de diseño. Esta dinámica me permitió observar patrones naturales de agrupación, detectar funcionalidades que generaban duda o que se solapaban conceptualmente, y también ver cómo varía la percepción según el perfil de usuario.
Esa diversidad de interpretaciones es clave a la hora de construir una experiencia que funcione para distintos perfiles.Además, el ejercicio permitió entender qué elementos los usuarios consideran prioritarios, qué necesitan tener más accesibles y qué flujos esperan encontrar agrupados. Todo esto resultó esencial para sentar las bases de una navegación clara, coherente y adaptada al contexto real de uso.
Validación del Card Sorting
Una vez realizada la actividad de card sorting, consideré clave combinar insights tanto cualitativos como cuantitativos. En este caso, trabajé con una versión remota mediante la herramienta UXtweak, lo que permitió obtener métricas objetivas que complementan la observación directa de usuarios.
Metodología combinada: presencial vs online
He utilizado esta técnica tanto en dinámicas presenciales como en entornos online. La diferencia principal radica en el tipo de feedback que se obtiene:
- En el formato presencial, los usuarios suelen aprovechar la ocasión para hacer preguntas o verbalizar dudasmientras agrupan las tarjetas. Este comportamiento me permitió identificar confusiones o malentendidos sobre funcionalidades en tiempo real, algo muy valioso para reajustar etiquetas, contenidos o jerarquías.
- Por otro lado, el entorno online ofrece métricas más detalladas, como el tiempo invertido, el número de categorías creadas o la tasa de abandono. Aunque no hay diálogo directo, el análisis de datos permite detectar patrones de agrupación y evaluar consistencia entre usuarios.
Métricas obtenidas (UXtweak)
Para evaluar de forma objetiva la eficacia de la arquitectura planteada, utilicé la herramienta UXtweak en su versión online, que permite medir el comportamiento de los usuarios en tareas de card sorting. Este enfoque me ofreció una visión cuantitativa complementaria a los insights cualitativos, con datos como tiempos de finalización, patrones de agrupación y coherencia entre participantes.
Lo primero que podemos observar dentro de dicha herramienta es la pantalla de Overview con información sobre la actividad realizada:
Con ello podemos ver que del estudio online participaron 4 usuarios (3 completos y 1 abandono). Los resultados clave fueron:
| Métrica | Resultado |
|---|---|
| Usuarios que completaron la tarea | 3 de 4 |
| Tiempo medio de realización | 2 min 7 s |
| Total de categorías únicas creadas | 9 |
| Categorías por usuario (media) | 3 |
| Ubicación de todos los participantes | España |
Además, se observó que uno de los usuarios no agrupó ninguna tarjeta, por lo que fue excluido del análisis. El resto generó agrupaciones consistentes, con coincidencias en categorías como:
- Inicio
- Recetas
- Registro y seguimiento
- Educación y acompañamiento
- Perfil / Formación / Otros
Estas agrupaciones coinciden con las funcionalidades clave que habíamos definido en fases anteriores, lo cual valida tanto la estructura general como el lenguaje usado. También es interesante ver cómo algunas tarjetas fueron agrupadas bajo “otros” o sin nombre, lo que indica que podrían necesitar una revisión en su redacción o en el contexto donde se presentan.
Las categorias qu hena definido los usuarios a partir de la actividad de card sorting han sido las siguientes:
Hallazgos relevantes del proceso de card sorting
Esta fase de investigación fue clave para definir una arquitectura sólida y coherente en Eatly, basada directamente en la lógica de quienes la van a utilizar. A través del card sorting, obtuve una perspectiva real sobre cómo los usuarios entienden, agrupan y priorizan las funcionalidades, lo que me permitió tomar decisiones informadas desde el inicio.
Entre los aprendizajes más relevantes destacaría:
- Validar antes de diseñar permite detectar errores conceptuales y mejorar la experiencia final desde la raíz.
- Las personas agrupan la información de forma distinta a la que podríamos prever como diseñadoras, lo que subraya la importancia de observar sin asumir.
- El card sorting, aunque sencillo en su ejecución, resulta muy potente para estructurar productos complejos de forma intuitiva.
- Identifiqué términos y etiquetas confusas que, gracias al test, pude redefinir a tiempo para garantizar mayor claridad y comprensión.
Gracias a esta exploración temprana, la app no solo integra funcionalidades útiles, sino que también cuenta con una estructura accesible, natural y alineada con el modelo mental del usuario.
Primeros pasos en la definición visual de la marca
Tras validar la arquitectura con usuarios reales, comencé a trabajar en los primeros elementos visuales de marca. Busqué que el universo gráfico de Eatly transmitiera cercanía y claridad, en línea con los valores del producto. El logotipo combina formas redondeadas con un tono naranja vibrante (F97324) sobre un fondo suave y cálido (FDF9ED), generando una atmósfera accesible y optimista.
Uno de los elementos más representativos es la “E” inicial, que adopta la forma de un tenedor estilizado. Esta decisión refuerza de forma directa la idea de alimentación, manteniendo una estética amable y fácilmente reconocible. A partir de aquí, se empecé a construir la identidad visual que acompañaría a la app en sus siguientes fases de diseño.
Este proyecto de investigación y conceptualización para Eatly me permitió validar decisiones desde el inicio, entendiendo de forma profunda cómo piensan y qué necesitan los futuros usuarios. Apostar por una base estructural sólida no solo optimizó la futura experiencia de uso, sino que también facilitó un diseño visual alineado y con sentido. Ha sido una fase clave para construir una app coherente, accesible y verdaderamente centrada en las personas.
Diseñadora UX/UI y Especialista en Marketing Digital
Creando experiencias intuitivas y estrategias efectivas.
