INTRO
Pantallas de Error
Diseño UX para app de meditación
UX/UI · Branding
Diseño de pantallas de error para la app de meditación Headspace, enfocadas en comunicar problemas técnicos de forma amable y coherente con la experiencia del producto.
PROBLEMA
Los errores mal comunicados generan frustración, lo peor que puede pasar en medio de una meditación. El tono importa tanto como el diseño.
NECESIDADES
→ Comunicar errores sin generar estrés o frustración
→ Mantener coherencia con el tono calmado de la app
→ Hacer comprensible cada tipo de error para el usuario
OBJETIVO
Diseñar pantallas de error claras y tranquilizadoras que acompañen al usuario incluso en momentos de error. El mensaje no tiene que interrumpir, sino guiar al usuario a solucionarlo. Una comunicación que mantenga la calma y la confianza en la app.
DECISIONES DE DISEÑO
Diseñé una estética suave, tonos morados y formas redondeadas para mantener la sensación de calma. Realicé ilustraciones de gatos con estilo minimalista, alineadas con el lenguaje visual, para humanizar el error y hacerlo más cercano.
SOLUCIÓN
→ Pantalla de error de conexión clara y comprensible para el usuario
→ Pantalla de error de audio con enfoque tranquilo
→ Pantalla de suscripción caducada sin complicaciones
→ Uso de ilustraciones minimalistas para suavizar la experiencia
APRENDIZAJE
Este proyecto me ayudó a entender la importancia del tono en UX, especialmente en momentos negativos, y cómo el diseño puede reducir la frustración del usuario.
DISEÑO VISUAL
Paleta cromática
Tipografía
Aa
Sofia Pro Soft Bold
Aa
Sofia Pro Soft
HERRAMIENTAS
→ Realizado con Adobe Illustrator y Figma