Buenas! En esta tarea se ha llevado a cabo una Prueba de Usabilidad para implementar mejoras al prototipo de la app BIKIPark. Se ha entrevistado de forma remota a 5 usuarios con la técnica Thinking Aloud. Algo que ha sido bastante útil para mejorar la experiencia de usuario del diseño.

Aquí podéis ver el prototipo con sus respectivas mejoras:

Prototipo

Y aquí dejo mi vídeo de presentación al cliente sobre el UX Case Study de BIKIPark.

Muchas gracias!

En esta tarea he decidido rediseñar la máquina vending de compra de billetes de metro de Porto, ya que recientemente estuve allí de viaje y pude observar que su experiencia de usuario no era la mejor…especialmente comparando su funcionamiento con otras máquinas de compra de billetes de metro de otras ciudades como la de París, con la cual no necesitabas ni instrucciones.

En este caso, esta máquina, aún disponiendo de multitud de instrucciones e información por toda su estructura, es difícil aclararse y puede dar lugar a confusión en muchos aspectos. Tanto en mi caso como en muchos de los turistas que trataban de comprar su billete era algo complicado, incluso llegando a tener que ayudar a muchos de ellos a sacar su billete.

Es por esto que he querido analizar en profundidad sus características y funcionamiento, detectar todos los problemas que impiden una buena experiencia y proponer nuevas mejoras así como un nuevo prototipo que los enmiende correctamente.

Aquí os dejo el vídeo explicativo con los dos flujos propuestos en el nuevo prototipo:

Y el enlace al prototipo en Figma:

Figma Prototipo

Y el dossier explicativo:

Muchas gracias!

Hola a tod@s! Primero de todo, disculpad la demora. Aquí os dejo mi propuesta para la interfaz web dentro del universo BIKI que debíamos llevar a cabo en esta segunda PEC. En mi caso he decidido prototipar una app ya que considero que al estar presente de forma continua y visible en el smartphone del usuario,  la presencia de la marca estará siempre en la mente del cliente.  Además de que es mucho más fácil e instantáneo acceder a la misma. También permite más personalización y, en definitiva, una mejor experiencia de usuario.

Nuestro objetivo era representar los siguientes dos flujos:

Deberemos diseñar dos flujos:

1. Localizar un aparcamiento, saber si hay plazas libres y reservar en el día y horas de preferencia del usuario.

2. Desbloquear la puerta de acceso al parking para introducir la bicicleta y desbloquearla de nuevo, más tarde, para poder dejar el servicio operativo para un nueva bicicleta.

En mi caso, además de estos flujos he querido añadir una barra de navegación con un hamburguer menu que muestre parte de la información que puedes encontrar en su web, como tarifas, faqs o contacto. También he añadido algunas opciones de personalización como favoritos o la opción de filtrado.

He querido añadir algunos detalles como un buscador con una microinteracción, con la idea de que conforme el usuario vaya rellenando el mapa se vaya actualizando y centrando en el lugar buscado.

También, me parecía importante que el usuario visualizase el lugar donde va a dejar su bici por lo que a la hora de reservar el parking he añadido la imagen de la estación de aparcamiento, así como unos iconos que muestran las puertas ocupadas y las disponibles, pudiendo seleccionar la disposición que prefiera.

En el segundo flujo quería jugar con el tema del candado en la barra de navegación inferior, diferenciando a través de los colores de la marca el estado de nuestra reserva, es decir: en gris si no hay ninguna reserva activa, en el color acento con el candado abierto cuando hay una reserva pero aún no se ha utilizado, y en el color primario con el candado ya cerrado cuando nuestra bicicleta ya se encuentra a resguardo en el aparcamiento. Estos colores también se muestran en las pantallas cuando se desbloquea y bloquea la puerta.

También le he añadido una opción en la que cuando tenemos nuestra bici aparcada se pueda mirar una cuenta regresiva del tiempo que nos queda, dando la opción de extenderlo, a este reloj se puede acceder dando click en el candado (en este caso, solo funcionaría cuando se mostrase naranja y cerrado), o desde «Mis parkings», donde se podrá finalizar el aparcamiento, pudiendo acceder tanto desde un sitio como de otro al código QR.

Aquí os dejo el prototipo:

Prototipo

Y aquí el vídeo de los flujos:

Vídeo

Espero que os guste!

Un saludo :)