Una app simple para moverse
con tranquilidad
Una app simple para moverse
con tranquilidad
EMPATIZAR
EMPATIZAR
CONCEPTUALIZAR
CONCEPTUALIZAR
DISEÑAR
DISEÑAR
EMPATIZAR
EMPATIZAR
2
2
3
3
Empatizamos con estas personas entendiendo que el problema es que la experiencia digital no está pensada para su realidad.
Empatizamos con estas personas entendiendo que el problema es que la experiencia digital no está pensada para su realidad.
•Poca confianza al usar el celular
•Poca confianza al usar el celular
• Preferencia por apoyarse en un familiar o tercero para resolver tareas digitales.
• Preferencia por apoyarse en un familiar o tercero para resolver tareas digitales.
• Confusión ante demasiadas opciones
• Confusión ante demasiadas opciones
EMPATIZAR
2
3
Investigación
• Investigación en foros
• Investigación contextual
• 8 entrevistas a adultos mayores de +60 a 70 años
Conclusiones de las entrevistas
Conclusiones de las entrevistas
• Los adultos de 60–65 se manejan con más facilidad en entornos digitales.
• Los adultos de 60–65 se manejan con más facilidad en entornos digitales.
• Los de 70 suelen tener más dificultades, necesitan más ayuda y no suelen ubicarse con mapas.
• Los de 70 suelen tener más dificultades, necesitan más ayuda y no suelen ubicarse con mapas.
• Ambos grupos priorizan claridad, facilidad y seguridad.
• Ambos grupos priorizan claridad, facilidad y seguridad.
1
1
2. CONCEPTUALIZACIÓN
2. CONCEPTUALIZACIÓN
3
3
1
1
2. CONCEPTUALIZACIÓN
2. CONCEPTUALIZACIÓN
3
3
Moverse con tranquilidad también es una necesidad digital
Moverse con tranquilidad también es una necesidad digital
• La experiencia digital actual no acompaña su realidad
• La experiencia digital actual no acompaña su realidad
• La autonomía varía según la edad y la familiaridad tecnológica
• La autonomía varía según la edad y la familiaridad tecnológica
• La confianza se construye desde la simplicidad
• La confianza se construye desde la simplicidad
1
1
2. CONCEPTUALIZACIÓN
3
3
Hallazgos clave para
orientar la estrategia
• Menos complejidad, más simpleza.
• Acompañamiento para usar con confianza.
• Elementos claros, interacción más fácil.
1
2. CONCEPTUALIZACIÓN
3
Dificultades digitales
Demasiados pasos, funciones confusas,
uso complejo de mapas.
Apoyo de terceros
Ayuda externa, poca confianza, baja autonomía
Ayuda externa, poca confianza, baja autonomía
Necesidad de confianza
Claridad, simplicidad, seguridad
Claridad, simplicidad, seguridad
Etapa
Etapa
Acciones
Acciones
Emociones
Emociones
Punto de dolor
Punto de dolor
Oportunidades
Oportunidades
Antes del viaje
Antes del viaje
Quiere
trasladarse
Quiere
trasladarse
🫤Inseguridades
y dudas
🫤Inseguridades
y dudas
No sabe por donde empezar
No sabe por donde empezar
Inicio fácil y guiado
Inicio fácil y guiado
Solicitud
del viaje
Solicitud
del viaje
Intenta pedir el viaje
Intenta pedir el viaje
🤨Confusión
🤨Confusión
Demasiados pasos
Demasiados pasos
Procesos simple y directo
Procesos simple y directo
Durante el viaje
Durante el viaje
Espera y sigue el trayecto
Espera y sigue el trayecto
😌Necesidad de tranquilidad
😌Necesidad de tranquilidad
Falta de información clara
Falta de información clara
Datos visibles y apoyo
Datos visibles y apoyo
Llegada y cierre
Llegada y cierre
Finaliza el recorrido
Finaliza el recorrido
🔒Aliviio y seguridad
🔒Aliviio y seguridad
Fin poco claro
Fin poco claro
Cierre claro y seguro
Cierre claro y seguro
1
2. CONCEPTUALIZACIÓN
3
Conclusiones
• El mayor problema aparece al iniciar y gestionar el viaje
• El mayor problema aparece al iniciar y gestionar el viaje
• La claridad de la información es fundamental durante todo el recorrido
• La claridad de la información es fundamental durante todo el recorrido
• Una experiencia simple y predecible favorece una mayor autonomía.
• Una experiencia simple y predecible favorece una mayor autonomía.
1
2
DISEÑO
1
1
2
2
DISEÑO
DISEÑO
Antes de meterme de lleno en el diseño me hice tres preguntas claves
Antes de meterme de lleno en el diseño me hice tres preguntas claves
• ¿Cómo lograr que pedir un traslado sea fácil de entender desde el primer paso?
• ¿Cómo lograr que pedir un traslado sea fácil de entender desde el primer paso?
• ¿Qué información necesita ver el usuario para sentirse seguro durante todo el recorrido?
• ¿Qué información necesita ver el usuario para sentirse seguro durante todo el recorrido?
• ¿Cómo diseñar una experiencia que favorezca
la autonomía sin generar confusión?
• ¿Cómo diseñar una experiencia que favorezca
la autonomía sin generar confusión?
1
1
2
2
DISEÑAR
DISEÑAR
Una vez respondidas estas preguntas empezamos a diseñar por pasos
Una vez respondidas estas preguntas empezamos a diseñar por pasos
• Definir el sistema operativo
• Definir el sistema operativo
• Crear el UI Kits
• Crear el UI Kits
• Definir los flujos clave
• Definir los flujos clave
Conclusiones claves
Conclusiones claves
• El sistema operativo definió la base de la interfaz.
• El sistema operativo definió la base de la interfaz.
• El UI Kit aportó consistencia visual.
• El UI Kit aportó consistencia visual.
• El flujo principal ordenó la experiencia.
• El flujo principal ordenó la experiencia.
Características destacadas del flujo
Características destacadas del flujo
• Solicitud de viaje por llamada
• Solicitud de viaje por llamada
• Seguimiento simple del recorrido
• Seguimiento simple del recorrido
• Información esencial y visible
• Información esencial y visible
Logotipo
Logotipo
La tipografía transmite movimiento y fluidez, mientras que la “o” suma un sentido funcional vinculado a la orientación y el traslado.
La punta inferior de la “o” remite a una brújula o pin de ubicación, asociando la marca con guía y recorrido.
Movy se percibe como una marca cercana, simple y confiable, vinculada al movimiento y a la orientación.
Las curvas generan sensación de movimiento, la tipografía refuerza la idea de fluidez y dinamismo. El logotipo combina una tipografía moderna con un símbolo integrado en la letra “O”. La punta inferior en la “O” funciona como un pin de ubicación
Las curvas generan sensación de movimiento, la tipografía refuerza la idea de fluidez y dinamismo. El logotipo combina una tipografía moderna con un símbolo integrado en la letra “O”.
La punta inferior en la “O” funciona como un pin de ubicación
Un logotipo simple, reconocible y con significado funcional.
Un logotipo simple, reconocible y con significado funcional.
Colores
Colores
#0C3255
Identidad, encabezados, marca
Confianza, estabilidad y seguridad
#0C3255
Identidad, encabezados, marca
Confianza, estabilidad y seguridad
#FBB900
Llamados a la acción y precio
Acción y foco
#FBB900
Llamados a la acción y precio
Acción y foco
#000000
Texto principal y contraste
#000000
Texto principal y contraste
0%
0%
0%
40%
40%
40%
30%
30%
30%
20%
20%
20%
Grises
Estructura y orden,
evitan saturación visual
Grises
Estructura y orden,
evitan saturación visual
Contrast Ratio
7.51:1
WCAG: AAA
UI Kits y Tipofrafía
UI Kits y Tipofrafía
Heading 1
Heading 1
Heading 2
Heading 2
Heading 3
Heading 3
Heading 4
Heading 4
Body1
Body1
Body2
Body2
Inter Font
Fue elegida por su alta legibilidad en pantallas, reduciendo el esfuerzo visual y transmitiendo una experiencia simple y confiable.
Inter Font
Fue elegida por su alta legibilidad en pantallas, reduciendo el esfuerzo visual y transmitiendo una experiencia simple y confiable.
Wireframes
Wireframes
Aspectos destacados del diseño general
Aspectos destacados del diseño general
• Interfaz clara y de lectura rápida
• Interfaz clara y de lectura rápida
• Acciones principales muy visibles
• Acciones principales muy visibles
• Recorrido simplificado con tiempo estimado en lugar de mapa
• Recorrido simplificado con tiempo estimado en lugar de mapa
Resultados
Resultados
Mal
Regular
Excelente
Viaje completado
Total a pagar
Gs.12.000
Tu conductor a sido
Oscar Sánchez
¿Cómo calificaría
su experiencia?
Mayor comprensión de la app
Reducción de la confusión durante el recorrido
Simplificación de la solicitud y el seguimiento del viaje.
Mayor comprensión de la app
Reducción de la confusión durante el recorrido
Simplificación de la solicitud y el seguimiento del viaje.