App Renfe Cercanías

Rediseño. Usabilidad y experiencia de usuario

2022. Prueba técnica 48h. Mejora y rediseño. UX/UI, Design Thinking, research, empatía, conceptualización, diseño, prototipo e interacción.

El problema

Hoy en día Renfe dispone de un sistema informatizado para facilitar a los usuarios la forma de moverse por las ciudades en trenes de Cercanías, pero todavía muchas personas tienen problemas a diario a la hora de comprar billetes de forma online.

El objetivo

Esta muestra es una visión general del sistema de diseño de minube en el que trabajé para optimizar, dar consistencia y reducir errores y tiempos de diseño/ desarrollo. Se hizo un sistema de diseño atómico.

Proceso de diseño

Fases del proceso de trabajo

Investigar

Research

Datos relativos a la afluencia de Viajeros en Renfe Cercanías en 2021:

  • Más de 907.000 viajerosutilizan los trenes de Cercanías a diario.
  • Más de 907.000 viajerosutilizan los trenes de Cercanías de Madrid.
  • Más de 410.000 viajerosutilizan los trenes de Cercanías de Barcelona.
  • Más de 46.000 viajerosutilizan los trenes de Cercanías de Valencia.
Desk research

Contexto respecto a la problemática de compra de billetes en la app de Renfe Cercanías: En enero de 2019 la nueva app Renfe Cercanías integra el servicio de compra de billetes, pero al utilizarla algunos usuarios acaban frustrados y no llegan a comprar el billete porque la experiencia no es buena. Fuentes: Appsbuilder, Ditrendia.

El 42%

de los españoles realizan compras a través del móvil

Para el 43%

los motivos que les llevan a comprar desde el móvil son los procesos de compra rápidos y sencillos.

El 50%

de los usuarios considera los pagos digitales una alternativa más cómoda y segura

Benchmark

Hice una investigación sobre qué aplicaciones existen en el mercado que puedan ser referentes en cuanto a búsqueda de trayectos, compra de billetes y a la vez ejemplos de buena experiencia de usuario y usabilidad.

Empatizar

Netnografía

En esta investigación he podido comprobar que la mayoría de las personas abandonan el proceso de pago debido a la experiencia de usuario y usabilidad.

Los usuarios demandan una aplicación más simple, una interfaz más clara y un proceso de compra ágil. Para ellos es complicado llevar a cabo el proceso de compra de sus billetes online de manera satisfactoria debido a problemas de estructura, obsolescencia del producto y mala usabilidad.

User persona
Journey map as is

Así es la experiencia actual de Miriam cuando se dispone a comprar un billete de tren desde la app de Renfe Cercanías

Definir

Hipótesis

1. Si damos una buena experiencia de compra, entonces será más cómodo y rápido para los usuarios comprar el billete a través de la app.

2. Si ofrecemos la posibilidad de establecer jerarquías y reubicar los elementos más importantes para que los usuarios accedan de manera directa, no tendrán que perder tiempo buscándolos

Propuesta Única de Valor

Compra tus billetes de Renfe Cercanías de forma fácil, intuitiva, desde cualquier lugar

Conceptualizar

Journey map to be

Así se visualiza la experiencia de Miriam gracias a las nuevas mejoras de la aplicación.

Diseño

Rediseño y mejora de la app según las necesidades de los usuarios

1. Tabbar accesible, simplicación del menú. Los elementos más importantes del menú para la compra de billetes se han reubicado en el tabbar. * El resto de items al ser informativos se ubicarán dentro del perfil del usuario.

2. Reducción de 3 pantallas de búsqueda a 1 pantalla. Las pantallas de: origen destino / ciudad principal / seleccionar ida, ida y vuelta o abono recurrente se han reducido a una para poder seleccionar todas las características del billete en un sólo paso.

3. Se ha añadido el precio de la zona en los resultados de búsqueda.

4. Se ha mejorado la usabilidad definiendo los botones principales de compra (CTAs)

5. Se ha incluido un botón de guardar búsqueda, funcionalidad que antes no había, por lo que no se podían guardar trayectos en favoritos.

6. Se ha diseñado una página de detalle del trayecto con información ampliada. Incluyendo todas las paradas del trayecto.

7. Accesos directos. Se ha incluido un botón en la pantalla de éxito para acceder directamente al wallet, donde aparece el listado de billetes pasados y próximos. También se puede acceder al wallet directamente desde el tabbar (gracias a la reubicación de este item).

8. Se ha diseñado una nueva vista del billete con los datos necesarios y el código QR a un tamaño mayor para no tener que ampliarlo al pasar por los tornos.

Test con usuarios

Iteración tras test con usuarios

Se ha añadido una pantalla para los datos del viajero que no esté registrado ni logueado y se le da posibilidad de guardar la info para agilizar futuras compras.

Además se han incluido otros sistemas de pago como apple pay y paypal.

UI Style guide – Rediseño

App Renfe Cercanías vs Rediseño

App Renfe Cercanías actual

Mejoras / rediseño