Movilike
Caso práctico App UX/UI
MoviLike
Briefing
MoviLike es una propuesta de aplicación de movilidad que aúne los diferentes servicios que hoy en día hay presentes en una ciudad como Madrid o Barcelona. ¿Cuántas apps de movilidad tienes instaladas? Cabify, City, E-mov, Uber, Lime, Acciona, BlaBlaCar…
¿Son necesarias? ¿Acaso no es posible un rastreador de movilidad? Piensa en el ahorro de tiempo, dinero y espacio en el dispositivo
Casos de uso mínimos a cubrir:
– Alquiler de un servicio de movilidad.
– Compartir un servicio de movilidad.
– Dar de alta mi vehículo para transportar a terceros, por ejemplo al trabajo o un viaje de larga distancia.
Puntos extra deseables:
– Comparador de ofertas.
– Gamificación, retos y descuentos por buena puntuación.
MoviLike
research
Al tratarse de una App en la que confluyen los servicios de muchas empresas de movilidad, comencé mi investigación conociendo bien cómo funcionan los diferentes servicios y sus aplicaciones.
Investigación de campo
Instalando y probando las aplicaciones en mi teléfono.
Cooltra
Wibble
ShareNow
Zity
MoviLike
Competencia
Se localizaron varias apps que hacen un servicio similar o parecido a la propuesta. Estas se analizaron en profundad, su funcionamiento e integraciones con los servicios de movilidad.
Tras analizar las 3 aplicaciones llego a varias conclusiones:
– Ninguna ofrece servicios de VTC.
– No tienen integrados ninguno de los operadores, para hacer el alquiler o reserva siempre tienes que salir a la app del operador, por lo tanto el ahorro en espacio en el teléfono no existe.
CityTrips – Toda la movilidad
Meep – transporte público, taxi y más
Urbi – urban mobility aggregator
MoviLike
USER PERSONAS
MoviLike
ideas
Integración directa con las apps para evitar:
– Tener las apps de todos los operadores (ahorro de memoria del teléfono).
– La salida de la aplicación a las aplicaciones de terceros.
Crear las dos opciones integrada y no integrada.
Diferenciar
Yo conduzco
– Alquiler de servicio
Quiero que me lleven
– Transporte publico
– VTC o Taxi
Compartir mi coche
Incluirlo en la opción en «quiero que me lleven» porqué usa el buscador de origen y destino.
MoviLike
Workflow
MoviLike
wireframes
MoviLike
gamificación
Creación del concepto Like de MoviLike.
– Los operadores integrados con Movilike, proporcionan al usuario Likes con cada uno de sus trayectos o usos.
– Estos Likes se van acumulando en el perfil de usuario.
– Se pueden utilizar de distintas maneras como por ejemplo, para descontar precio al pagar un alquiler o promociones internas de la aplicación (sistema de fidelización de clientes).
– El usuario solo recibirá Likes con los operadores integrados con MoviLike (con los demás se informará de los que hubiera recibido si ese operador estuviera integrado con MoviLike).
– Los operadores integrados aparecerán más arriba en los filtros, y llevarán el sello de «operador integrado» para que el usuario lo sepa en todo momento, además se beneficiarán de un uso más sencillo y de poder aplicar descuentos con Likes a los clientes.
– Esto además ayuda a que MoviLike pueda conseguir de forma más sencilla las integraciones directas con los operadores e incluso preguntar a los usuarios (en encuestas o por email), si quieren que un operador se integre con MoviLike, y usar esos datos para convencer al operador para la integración, generando negocio para MoviLike.
Creación del concepto
Like de MoviLike.
– Los operadores integrados con Movilike, proporcionan al usuario Likes con cada uno de sus trayectos o usos.
– Estos Likes se van acumulando en el perfil de usuario.
– Se pueden utilizar de distintas maneras como por ejemplo, para descontar precio al pagar un alquiler o promociones internas de la aplicación (sistema de fidelización de clientes).
– El usuario solo recibirá Likes con los operadores integrados con MoviLike (con los demás se informará de los que hubiera recibido si ese operador estuviera integrado con MoviLike).
– Los operadores integrados aparecerán más arriba en los filtros, y llevarán el sello de «operador integrado» para que el usuario lo sepa en todo momento, además se beneficiarán de un uso más sencillo y de poder aplicar descuentos con Likes a los clientes.
– Esto además ayuda a que MoviLike pueda conseguir de forma más sencilla las integraciones directas con los operadores e incluso preguntar a los usuarios (en encuestas o por email), si quieren que un operador se integre con MoviLike, y usar esos datos para convencer al operador para la integración, generando negocio para MoviLike.
MoviLike
Tipografías
Elección de una tipografía de fácil lectura y comprensión.
Poppins
Poppins Regular
Poppins Bold
Poppins Black
A B C D E F G H I J K L M N
Ñ O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n
ñ o p q r s t u v w x y z
0123456789
MoviLike
colores
Por la cantidad de colores que tienen las apps de movilidad integradas, se han elegido unas tonalidades que no coincidan con ninguno de los operadores.
MoviLike
logo
MoviLike
DIseño de la aplicación
Pantalla de carga
Inicio de sesión
Inicio de sesión sencillo válido con email y teléfono
registro
Recomiendo incluir un registro para así poder tener un mejor control de los usuarios, acepten el tratamiento de sus datos y además que al cambiar de teléfono solo tengan que iniciar sesión
Inicio de sesión
Inicio de sesión sencillo válido con email y teléfono
registro
Recomiendo incluir un registro para así poder tener un mejor control de los usuarios, acepten el tratamiento de sus datos y además que al cambiar de teléfono solo tengan que iniciar sesión
Validación de Carnet de conducir
Se le pregunta al usuario si va a conducir o no.
En el caso de que SI, pasa a las siguientes pantallas donde rellenará sus datos y nuestro equipo validará los mismos.
Si el usuario contesta que NO, es dirigido a la pantalla principal. Si quisiera en algún momento realizar un alquiler, la aplicación le traerá a esta pantalla para validar su documentación. También puede realizar esta acción, en el momento que quiera, en su perfil.
Validación de Carnet de conducir
Se le pregunta al usuario si va a conducir o no.
En el caso de que SI, pasa a las siguientes pantallas donde rellenará sus datos y nuestro equipo validará los mismos.
Si el usuario contesta que NO, es dirigido a la pantalla principal. Si quisiera en algún momento realizar un alquiler, la aplicación le traerá a esta pantalla para validar su documentación. También puede realizar esta acción, en el momento que quiera, en su perfil.
pantalla principal
Contenido:
– Saludo y nombre del usuario
– Likes acumulados
– Quiero que me lleven
– Buscador de texto
– Incluir opción de buscar por audio
– Botones directos (favoritos, recientes, ir a casa)
– Yo conduzco
– Link a mapa con ubicación
– Se pueden apreciar operadores cercanos
– Ofertas, descuentos y paquetes
– Zona donde ver ofertas destacadas
– Zona de canjeo de likes (sistema de fidelización)
– Menú
Contenido:
– Saludo y nombre del usuario
– Likes acumulados
– Quiero que me lleven
– Buscador de texto
– Incluir opción de buscar por audio
– Botones directos (favoritos, recientes, ir a casa)
– Yo conduzco
– Link a mapa con ubicación
– Se pueden apreciar operadores cercanos
– Ofertas, descuentos y paquetes
– Zona donde ver ofertas destacadas
– Zona de canjeo de likes (sistema de fidelización)
– Menú
Activación de operadores
Se crea esta zona para ver en una lista todos los operadores.
Dando prioridad a los operadores integrados con MoviLike.
Operadores integrados
Solo se necesita iniciar sesión (dentro de la app MoviLike), para poder utilizar sus servicios.
El usuario debe iniciar sesión con el usuario y contraseña del operador, para poder compartir y confirmar sus datos.
Operadores NO integrados
El usuario deberá mantener la aplicación del operador en su teléfono, ya que se le dirigirá a ella cuando quiera utilizar sus servicios. Pero si deberá vincular su cuenta (iniciando sesión en la app del operador), para vincular las dos aplicaciones.
Ejemplo de
operador NO integrado
Operadores integrados
Solo se necesita iniciar sesión (dentro de la app MoviLike), para poder utilizar sus servicios.
El usuario debe iniciar sesión con el usuario y contraseña del operador, para poder compartir y confirmar sus datos.
Operadores NO integrados
El usuario deberá mantener la aplicación del operador en su teléfono, ya que se le dirigirá a ella cuando quiera utilizar sus servicios. Pero si deberá vincular su cuenta (iniciando sesión en la app del operador), para vincular las dos aplicaciones.
Ejemplo de
operador NO integrado
1. Proceso «Quiero que me lleven»
Buscador de destino
– Se puede modificar el origen.
– Cambiar el orden.
– Añadir paradas.
– Incluyendo de nuevo los botones de favoritos, recientes e ir a casa.
Opciones
– Pide un coche con conductor.
– Transporte público, está información la aplicación la importaría de Google Maps o la aplicación de trasporte público de la ciudad.
– Opción de compartir tu coche y publicar un viaje.
– Yo conduzco, que como hemos visto en el workflow te lleva de nuevo al mapa de reservas, desde el Origen.
1. Proceso
«Quiero que me lleven»
Buscador de destino
– Se puede modificar el origen.
– Cambiar el orden.
– Añadir paradas.
– Incluyendo de nuevo los botones de favoritos, recientes e ir a casa.
Opciones
– Pide un coche con conductor.
– Transporte público, está información la aplicación la importaría de Google Maps o la aplicación de trasporte público de la ciudad.
– Opción de compartir tu coche y publicar un viaje.
– Yo conduzco, que como hemos visto en el workflow te lleva de nuevo al mapa de reservas, desde el Origen.
Filtro para hora de salida
o hora de llegada y fecha
Se incluye
la hora y fecha de salida
Se presentan al usuario las opciones que tiene para llegar a su destino
Filtro para hora de salida
o hora de llegada y fecha
Se incluye
la hora y fecha de salida
Se presentan al usuario las opciones que tiene para llegar a su destino
Filtros
Resumen
– En esta zona se incluyen todos los datos para encontrar el vehículo y poder contactar con el conductor si fuera necesario.
Tu viaje
– Resumen final del trayecto completo en el que, si el operador es compatible, se podrá dejar una propina y una opinión del viaje.
– Además en esta zona se le informa al usuario de los Likes que ha recibido en su perfil (si el operador está integrado en MoviLike).
2. Proceso «Yo conduzco»
Mapa principal, con buscador
para cambiar ubicación
Operadores
– En el mapa se muestran los vehículos disponibles, el tipo de vehículo y el operador que lo gestiona.
Elección con Zoom de un operador
Según el tipo de vehículo elegido, se presentarán
unos datos y botones distintos
Coche
Moto
Patinete
Bicicleta
Elección con Zoom de un operador
Según el tipo de vehículo elegido, se presentarán unos datos y botones distintos
Coche
Moto
Patinete
Bicicleta
Listado de Vehículos
(según cercanía al usuario)
Proceso de reserva
– En la pantalla aparecerá el tiempo restante que le queda al usuario de la reserva, además del mapa para que el usuario sepa en todo momento donde está el vehículo y poder llegar a el con facilidad.
Además se incluirán notificaciones cuando falten 5 min para el final de la reserva y en el total del tiempo.
Filtros
Listado de Vehículos
(según cercanía al usuario)
Proceso de reserva
– En la pantalla aparecerá el tiempo restante que le queda al usuario de la reserva, además del mapa para que el usuario sepa en todo momento donde está el vehículo y poder llegar a el con facilidad.
Además se incluirán notificaciones cuando falten 5 min para el final de la reserva y en el total del tiempo.
Filtros
Resumen en marcha con botón de ayuda e instrucciones de uso
Resumen fin de viaje con todos los datos necesarios
Uso de Likes
– Se ha incluido en el resumen la posibilidad de utilizar tus Likes para pagar. Además de informar al usuario de cuantos ha recibido por este trayecto (si el operador está integrado con MoviLike).
– Si el operador NO está integrado con MoviLike, recibirá un mensaje de cuanto habría recibido.
Pantalla para
compartir un viaje
Se pueden modificar los datos
del vehículo o darlo de alta
Filtros
modo oscuro
