← Back to list

Add a feature: Bicing

Añadiendo una nueva función a la app Smou: Reservar plaza para aparcar tu Bicing.

Pau Tarrago · 2021-04-07 17:50 · 21 claps · 5.6 min read
#bicing #ux-ui-design-thinking #lean #ironhack #app-design
Open on Medium ↗
Wiki topics: UX · UI/UX Design PRD · Product Design

Add a feature: Bicing

Añadiendo una nueva función a la app Smou: Reservar plaza para aparcar tu Bicing.

Llega el cuarto proyecto para el curso de UX/UI Part Time de Ironhack, y nos toca enfrentarnos por primera vez a trabajar individualmente. Ir en Bicing muchas veces ya es un trayecto que hacemos en solitario, así que seguramente sea la mejor manera!

¡Así que nos subimos a la bici y empezamos el trayecto!

Introducción:

Para este proyecto teníamos que añadir una nueva función a una app existente. No teníamos que tocar nada a la app, “simplemente” implementar esta nueva función dentro de un flujo ya establecido.

En mi caso se trataba de añadir la función de poder reservar plaza de parking de tu Bicing en la app Smou.

Como el proyecto estaba muy cerrado de tiempo y al ser individual, tenía que ser práctico, así que me centré en trabajarlo con la técnica de LEAN: Learning, Buiding & Measuring.

Learning:

Igual que aprendí a ir en bici de pequeño, debía empezar el proyecto aprendiendo cómo los usuarios utilizan el Bicing, tanto a la hora de trasladarse como a la hora de utilizar la app Smou.

Empecé pedaleando con una encuesta con 2 objetivos de investigación:

1: ¿Tiene el usuario un patrón de uso?

2: ¿Tiene el usuario confianza en la app?

Con estos objetivos quería ver cómo el usuario usa tanto el Bicing como la app, para tener insights que me ayudaran a crear una nueva feature óptima y a la vez intuitiva dentro de una app que ya funciona.

Hice una encuesta a +50 usuarios y, como había conseguido muchos insights, decidí realizar un card sorting enfocándolo a como usan el Bicing y qué pasos realiza el usuario en su día a día a la hora de usar la app Smou, centrándome en los días de trabajo, en los que el usuario va con más prisas y necesita tener su Bicing más a mano.

Este Card Sorting, sobretodo, me ayudó a la hora de pensar en los flujos, ya que vi cómo responde cada usuario en los momentos de “urgencia” a la hora de recoger su Bicing.

De las encuestas saqué dos conclusiones importantes:

Tras las encuestas, para aprender cómo los usuarios interactuan con la app Smou y para ver los pasos que seguirían a la hora de reservar una plaza de parking de su Bicing, hice un Card Sorting a 10 usuarios.

De la fase de Learning pude sacar dos insights que me dieron paso a la fase de Building:

  1. Los usuarios ven positivo el uso de rutas en sus trayectos.
  2. Los usuarios prefieren hacer todo un proceso a la vez en momentos de prisa, como el hecho de ir al trabajo en hora punta.

Building:

Empecé a hacer la ruta en mi Bicing habiendo aprendido mucho, ahora me tocaba pensar en la ruta que me llevaría a la parte de Building: crear los primeros prototipos para que el usuario pudiera llevar a cabo la nueva feature que tenía que implementar.

Es aquí donde Cristian, mi User Persona, se une a mi paseo en el Bicing:

Así que para ayudar a Cristian a poder aparcar siempre su Bicing cerca de su trabajo, empecé a construir mi propuesta de nueva Feature:

Con los datos de la investigación decidí que el eje central de mi propuesta sería la creación y uso de rutas entre estaciones para hacer las reservas. Las rutas ya tienen una implementación en la app y son bien valoradas por los usuarios, así que me aseguro que la nueva feature sea intuitiva para el usuario.

¿Por qué centrarme en las rutas como eje para poder reservar plaza en destino?

Creo que es una solución óptima, tanto para Cristian como para Smou. Al seleccionar la ruta que va a hacer, Cristian consigue un recorrido óptimo para poder llegar a tiempo a su trabajo, a la par que Smou puede tener acceso a los tiempos en el que el usuario usará su Bicing y así poder tener de una forma. más segura plazas libres en las estaciones de destino de los usuarios.

Así que empecé construyendo la nueva feature: ¿Dónde es necesario crear una ruta antes de poder reservar plaza en destino, y finalmente llegar con un tiempo marcado por la app a destino?.

Como trabajaba con muchas pantallas ya diseñadas de la app Smou, evité trabajar los primeros prototipos en baja e hice un prototipo en Mid Fi.

Mi primer prototipo fue muy complejo, lleno de pasos y con un user Flow eterno:

Ví claramente que lo que tenía que hacer era…

¡SIMPLIFICAR, SIMPLIFICAR Y SIMPLIFICAR!

Measuring:

Así que me puse a pedalear con más fuerza en esta parte con un poco de cuesta en la que me encontraba. ¡Simplificar no siempre es fácil!

Tenía que simplificar los pasos que el usuario tenía que hacer a la hora de reservar su plaza para aparcar el Bicing a través de la creación de una ruta:

  1. Diseñé una intro en la app que mostraba al usuario cómo utilizar la nueva feature. En los nuevos ajustes hice que la pantalla fuera más simple y con la información a mayor tamaño:

  1. Diseñé una página en la app donde focalizaba todos los pasos posibles ahí. De esta forma conseguía minimizar los pasos en la nueva feature a la vez que el usuario tenía a modo de resumen toda la info necesaria para su trayecto:

  1. Finalmente mejoré la página en la que el usuario ya está en ruta con su Bicing y donde puede ver en una misma página toda la información necesaria para su ruta:

Una vez aplicados estos cambios ya estaba casi acabando mi trayecto en Bicing por esta nueva feature en smou: Realicé un prototipo en HiFi final para la presentación, donde todo el flujo había sido minimizado y mejorado.

El resultado es un proceso de reserva de plaza en destino donde el usuario crea inicialmente una ruta de casa al trabajo para luego reservar la bici deseada en la estación de origen y donde tiene una plaza reservada para aparcar su Bicing en destino.

Este es el prototipo final:

https://www.figma.com/proto/FFqof0SIFlnvVnvMQrtp2J/BICING?node-id=49%3A0&viewport=109%2C344%2C0.16697874665260315&scaling=contain

Next Steps:

El trayecto en Bici durante el proceso ya casi está, tan solo pensar en qué rutas hacer una vez acabado el proyecto:

    • Crear los alternative paths y llevar a Test.
  1. Crear pantallas y/o cuestionarios en las incidencias durante el trayecto

Conclusiones:

Me he dado cuenta que en cada paso realizado he ido aprendiendo nuevos conceptos y maneras de trabajar, pero sobretodo mis fortalezas y debilidades: trabajar individualmente ha sido duro y he visto que muchas cosas que creía fáciles, vi que no lo eran tanto, SE ECHA DE MENOS EL TRABAJO EN EQUIPO!

Finalmente, aparco la bici y a descansar, como cualquier viaje, este ha sido divertido, donde he podido descubrir muchas cosas nuevas y donde he pedaleado fuerte en las cuestas que me he ido encontrando, pero siempre con tranquilidad y con un objetivo claro: DISFRUTAR DEL TRAYECTO!

Si habéis llegado hasta aquí, espero que haya sido interesante y lo hayáis disfrutado! Muchas gracias y por favor, dadme vuestra opinión, que me será de gran ayuda :)


메타데이터
post_id
8a4a2a27fa09
slug
add-a-feature-bicing-8a4a2a27fa09
url
https://medium.com/@pau-tarrago/add-a-feature-bicing-8a4a2a27fa09
canonical_url
https://medium.com/@pau-tarrago/add-a-feature-bicing-8a4a2a27fa09
author_url
https://medium.com/@pau-tarrago
status
ok
fetched_at
2026-07-28 09:42:13