san.
DE EN ES
Aplicación Plant-Me

Diseño de producto UX/UI · 2024

Proyecto académico · UX/UI

Plant-
Me

Diseñando una experiencia que transforma la incertidumbre en decisiones claras para el cuidado de las plantas.

← Volver a proyectos
01 / ContextoUX/UI

Cuidar una planta parece sencillo hasta que algo va mal.

¿Qué le ocurre?

¿Cómo puedo recuperarla?

¿Estoy haciendo lo correcto?

El problema no era la falta de información, sino la dificultad para convertir información dispersa en una decisión clara.

Plant-Me nace para transformar esa incertidumbre en una experiencia de cuidado más clara, guiada y fácil de seguir.

Mi rol
  • Entrevisté usuarios y mapeé sus user journeys
  • Diseñé la navegación alrededor de las tareas más frecuentes
  • Prioricé el escaneo como acción principal tras detectar fricción en los tests
  • Testeé la interfaz y ajusté la jerarquía según los resultados
Contexto
Proyecto académico · UX/UI
Resultado
Rediseño de una aplicación móvil
Herramientas
Figma · Optimal Workshop · Google Forms
02 / El desafío

No se trataba de ofrecer más información, sino de ayudar a decidir mejor.

01

Identificar

Entender qué ocurre con una planta.

02

Recomendar

Traducir información dispersa en pasos claros.

03

Acompañar

Facilitar seguimiento sin añadir complejidad.

03 / Comprender antes de diseñar

Comprender antes
de diseñar.

Antes de definir la interfaz, necesitaba entender cómo las personas cuidaban realmente sus plantas y qué dificultades encontraban durante ese proceso.

Las entrevistas, la encuesta y el análisis de referentes revelaron tres hallazgos que terminaron guiando todas las decisiones de diseño.

Hallazgo 1

Las personas no buscaban aprender más sobre plantas.

Necesitaban saber qué hacer cuando aparecía un problema concreto.

Hallazgo 2

La información estaba dispersa.

Resolver una única duda implicaba consultar distintas fuentes, generando más incertidumbre que confianza.

Hallazgo 3

El móvil ya formaba parte del proceso.

La cámara, el acceso inmediato y el uso en contexto convertían el teléfono en el entorno más adecuado para acompañar el cuidado diario.

Entrevistas5

Presenciales de 20–40 min, con y sin experiencia previa en plantas.

Encuesta20

Respuestas online, para validar los patrones a mayor escala.

HallazgoNo reconocía enfermedades comunes de sus plantas.El hallazgo que impulsó el diagnóstico por foto.

Ana · 32 · Enfermera

Cuidadora experimentada

Convive con varias plantas, aprende de forma autónoma y busca información fiable para anticiparse a los problemas.

Juan · 25 · Estudiante

Novato en jardinería

Acaba de comprar su primera planta. Necesita comprender lo esencial y actuar sin contrastar múltiples fuentes.

User Journey Maps

Del comportamiento a la decisión de diseño.

Los recorridos mantienen solo los puntos que ayudan a entender qué necesitaba cambiar en la interfaz.

  • Acción del usuario
  • Punto de dolor
  • Respuesta de diseño
User Journey Map 01

Ana:Mantener el control

DescubreEvalúaCuidaContinúa
Acción del usuario

Busca información específica.

Compara consejos y funciones.

Organiza cuidados por planta.

Revisa alertas y evolución.

Punto de dolor

Fuentes dispersas.

Consejos demasiado genéricos.

Información sin prioridad.

Fácil olvidar volver a la aplicación.

Respuesta de diseño

Beneficios claros desde el inicio.

Preguntas frecuentes y ayuda contextual.

Panel personalizado y calendario.

Recordatorios relevantes.

User Journey Map 02

Juan:Resolver una urgencia

AccedeDiagnosticaResuelveRegresa
Acción del usuario

Crea una cuenta o inicia sesión.

Escanea una planta enferma.

Consulta cuidados y suministros.

Comprueba su evolución.

Punto de dolor

No entiende aún el valor.

No sabe dónde iniciar el escaneo.

No sabe qué solución priorizar.

No tiene hábito de seguimiento.

Respuesta de diseño

Acceso breve y explicativo.

Llamada a la acción de cámara visible.

Pasos ordenados y accionables.

Guía y recordatorios simples.

Del boceto al flujo

Antes de la interfaz, el papel.

Cada pantalla se bocetó primero a mano, marcando en color los puntos clave: botones, mensajes y decisiones de cada paso.

04 / Arquitectura de interacción

Dos recorridos.
Una misma lógica.

Los flujos conectan orientación, diagnóstico y acción sin obligar al usuario a interpretar información técnica por su cuenta.

Card sorting11

Participantes en el card sorting, para definir cómo agrupar y nombrar las secciones antes de cerrar la navegación final.

Entrada y acompañamiento

Presentar la ayuda antes de pedir decisiones.

El primer recorrido enlaza descarga, registro o acceso, bienvenida y tutorial. Después conduce a la pantalla principal y a Guíame, introduciendo el cuidado guiado de forma progresiva.

  • Acceso y registro
  • Introducción contextual
  • Entrada al cuidado guiado
Flujo de introducción y cuidado guiado de Plant-Me
Diagnóstico y orientación

Convertir una señal visual en una acción concreta.

El segundo recorrido parte del escaneo de una hoja, muestra el diagnóstico y conduce a recomendaciones de cuidado y soluciones concretas.

  • Escaneo e identificación
  • Diagnóstico y recomendaciones
  • Plan de cuidados
Flujo de diagnóstico y recomendaciones de Plant-Me
05 / Decisiones de diseño

Hallazgos convertidos
en decisiones.

Cada decisión de la interfaz responde a una necesidad detectada durante la investigación.

El objetivo no era añadir funcionalidades, sino reducir la incertidumbre y facilitar el cuidado diario de las plantas.

Diseñar alrededor de las tareas

De categorías a acciones frecuentes.

Hallazgo: Las personas necesitaban resolver tareas concretas.
Decisión: En lugar de organizar la aplicación por categorías, estructuré la navegación alrededor de las acciones que los usuarios realizan con más frecuencia: identificar una planta, consultar sus cuidados o hacer seguimiento.
Resultado: La navegación queda conectada con lo que el usuario necesita hacer.

Barra superior y navegación inferior de Plant-Me
Un centro para el cuidado diario

Mi hogar como punto de partida.

Hallazgo: El cuidado necesitaba continuidad.
Decisión: "Mi hogar" se convirtió en el punto de partida de toda la experiencia. Reúne el estado de las plantas, el calendario de cuidados, las recomendaciones y el acceso al diagnóstico.
Resultado: El cuidado diario queda reunido en una única vista.

Pantalla Mi hogar con acceso al escaneo
Hacer visible lo importante

El escaneo como acción principal.

Hallazgo: El usuario necesitaba saber qué ocurría con una planta sin recorrer varios pasos.
Decisión: El escaneo pasó a ocupar un lugar protagonista dentro del flujo principal para reducir los pasos necesarios hasta obtener una recomendación.
Resultado: La acción crítica aparece antes y con mayor claridad.

Interfaz de escaneo de plantas
Iterar a partir de las pruebas

Ajustar la jerarquía de acciones.

Hallazgo: Las pruebas de usabilidad detectaron pequeños puntos de fricción.
Decisión: Ajustar la jerarquía visual de las acciones principales.
Resultado: Acceso, orientación y escaneo ganan claridad sin añadir complejidad.

Pantalla de acceso de Plant-Me
06 / Iteración

Ajustes tras
la prueba.

3
usuarios reales
RegistroEscaneo de planta

Testeé el prototipo grabando pantalla y audio mientras completaban dos tareas: registrarse y escanear una planta.

Comparativa antes y después de la iteración de Plant-Me
Antes / después

Más claridad sin añadir complejidad.

ProblemaEn el test, las tres personas dudaban dónde tocar para escanear una planta: la cámara quedaba escondida entre otras opciones y el diagnóstico tardaba varios pasos en aparecer.

SoluciónConvertí el escaneo en la acción principal de la pantalla de inicio, con un botón de cámara grande y persistente que lleva directo al diagnóstico.

Estas mejoras salieron directamente del test, no de una intuición: reorganicé acceso, bienvenida y escaneo para que la experiencia guiara mejor el siguiente paso.

Acceso

Entrada más directa.

El acceso se simplificó para evitar que el registro bloqueara la exploración inicial.

Bienvenida

Carga visible, cero clics de más.

Los tres usuarios esperaban que la pantalla de bienvenida cambiara sola; añadí un indicador de carga para que avanzara automáticamente, sin necesidad de tocar la pantalla.

Acción principal

Escaneo más visible.

Los tres tardaron en encontrar dónde escanear: la llamada a la acción de cámara ganó presencia para que el diagnóstico pudiera iniciarse sin búsqueda previa.

Mirando atrás
3 de 3 usuariosNo localizaron el botón de escaneo en el primer intento. Tras el rediseño: acceso en 1 toque desde la pantalla de inicio.

Plant-Me me permitió comprobar cómo una buena investigación no solo ayuda a comprender a las personas, sino también a tomar mejores decisiones de diseño.

Si continuara desarrollando el proyecto, profundizaría en la personalización de las recomendaciones y validaría la experiencia con un mayor número de usuarios para seguir refinando el producto.

Volver a proyectos ↗
Siguiente proyectoRuta del Císter ↗