Proyecto final Ironhack — Chooser

Álvaro Medrano Campos
5 min readOct 25, 2018

--

Proyecto seleccionado para presentar en el Hackshow (Octubre 2018, UX Full Time Madrid).

Screens

Para mi proyecto final de Ironhack lo primero que tenía que hacer era encontrar un problema para empezar a investigar sobre él.

Siempre se dice que que vivir en ciudades grandes como Madrid es genial por la oferta de eventos culturales y de ocio que hay, sin embargo, cuándo hablo con gente, muchas veces comentan que se han perdido un evento que les interesaba porque no conocían a nadie que también quisiera ir.

Así es como les planteé mi proyecto a los TA’s de Ironhack:

“¿Qué pasa cuando quieres ir a un evento, pero no conoces a nadie más que quiera ir? ¿Vas solo, no vas, o qué ocurre?”.

Era consciente de que la competencia en apps de eventos es muy grande y de que, a pesar escuchar esta necesidad en mi círculo de personas, puede que no existiera para el público general. También hay que tener en cuenta que solamente tenemos 2 semanas para terminar el proyecto.

Aunque en este post sólo vamos a comentar los más relevantes para el proyecto, para la parte de UX he realizado los siguientes ejercicios: blueprint, business analysis, lean survey canvas, interview guide, lean ux canvas, user personas, empathy map, user journey, problem & hypothesis statement, affinity diagram, mindmap, moscow, user stories, sitemap, userflow, card sorting, crazy 8s, low-fidelity prototype and concept testing y mid-fidelity prototype.

Y para la parte de UI: brand attributes + moodboard, picking color, choosing and pairing fonts, style tile, atomic design y high-fidelity prototype.

1ª parte: UX

Tras realizar encuestas y entrevistas, estas son algunas de las conclusiones que conseguí:

Los eventos a los que les gustaría ir con mayor frecuencia son: conciertos, exposiciones, charlas y obras de teatro o monólogos.

¿Porqué motivos no van todo lo que les gustaría?

Con estos datos, el LEAN UX CANVAS me ayudó a entender mejor el problema:

LEAN UX CANVAS

Durante las entrevistas descubrí que la hora de que alguien les acompañe a un evento, lo más importante es tener gustos e intereses comunes con esa persona. Sin embargo, de las 5 personas entrevistadas, los 2 chicos me contaron que a veces han ido solos a eventos y que no tendrían ningún problema en asistir con una persona desconocida mientras tengan intereses comunes con ella, sin embargo, las 3 chicas me dijeron que no irían solas y que sería muy complicado que fuesen con un desconocido.

Sabía que había otros productos como Wegow que ya permitían chatear con otros asistentes. Sin embargo, esta funcionalidad no estaba resolviendo el problema para las chicas que entrevisté, por eso decidí basar mi user persona en ellas.

Os la presento, se llama Marta, se acaba de mudar a Madrid, no bebe alcohol y le encantan la música y los libros.

User persona

Después de esto, una de las herramientas que me ha sido más útil es el empathy map:

Empathy map

Y el Affinity diagram:

Con este problema definido, y tras un proceso de ideación estás son las funcionalidades principales que debía tener mi MVP:

  • Filtrado por sub-categorías
  • Recomendaciones personalizadas ajustables con el feedback del usuario
  • Códigos descuento para que comparta con personas de su red
  • Lista de asistentes con valoraciones y lista de eventos a los que ha asistido

Para saber como agrupar las categorías y sub-categorías realicé un card sorting:

Card sorting

Al principio tenía dudas de dónde colocar los monólogos, pero pude comprobar que todo el mundo lo iba a buscar en obras de teatros.

En cuanto a la arquitectura de la información, aquí os muestro el sitemap. No es especialmente complejo pero sí que tuve que iterarlo varias veces:

Sitemap

Por último, realicé el low-fidelity prototype a mano y el mid-fidelity prototype:

mid-fidelity prototype

2ª parte: UI

Mi producto iba a mostrar una selección muy personalizada de eventos culturales.

Empecé a testear con varios moodboards para encontrar un estilo visual que encajase. El moodboard que utilicé finalmente fue este:

Moodboard

Y de aquí salió el style tile, que también tuvo que ser iterado varias veces:

Style tile

Para este proyecto, teníamos muy poco tiempo para dedicar al branding, sin embrago, en el isotipo, quería representar que el contenido que se muestra en mi producto está muy personalizado y no muestra nada que no le interese al usuario.

Inspiración de formas
Logo final

Aquí podéis ver algunas pantallas más:

Y el prototipo final:

Prototipo

En cuanto a los next steps, la funcionalidad que queremos añadir más adelante es geolocalización en eventos para contactar con otros asistentes. Ya que, aunque vayan acompañados les gustaría poder contactar con otros asistentes con intereses comunes, por ejemplo, para hacer networking.

Presentando mi proyecto en el Hackshow
Video de la presentación

--

--