Fulbito nace como una idea para solventar las dificultades que surgen a la hora de organizar a un grupo numeroso de personas para realizar una actividad. En un inicio se piensa orientarlo al mundo del fútbol amateur, donde una gran cantidad de gente lucha diariamente para que 10 personas concuerden en el mismo lugar y horario.

Soy convocado por mi colega Ezequiel Ávila García, quien me cuenta su idea y juntos empezamos a encarar el proyecto con la visión de crear una app para celulares Android. Comenzamos a trabajar ambos en el brainstorming, arquitectura y primeros diagramas, y luego yo paso a enfocarme en el diseño de interfaces y experiencia de usuario.

Un error común que suele suceder en la industria del software es pensar las funcionalidades que queremos que tenga la app como si nosotros fuéramos los usuarios finales. Como diseñador UX me enfoqué en imaginar al usuario, desde que tiene una necesidad, hasta que la sacia utilizando la app, dándole gratificación pero teniendo en cuenta también las restricciones técnicas del producto.

Buscamos crear un modelo (Persona) que represente los deseos, las metas y el contexto en el que el usuario va a utilizar la app. Una vez se tuvo ese modelo, se pensó cómo interactúa esa “Persona” con nuestra app, creándose asi los casos de uso.

Asimismo tuvimos entrevistas con posibles usuarios, desde jugadores regulares hasta dueños de canchas de alquiler para ir perfeccionando cada uno de estos modelos y conocer mejor la problemática que intentamos resolver.

Un ejemplo de un draft de este proceso:

Teniendo en cuenta las características de nuestra Persona, sus casos de uso, y las restricciones por ser un usuario mobile, comenzamos a crear primero una serie de pasos simples, pensando como el usuario pasa por todo el proceso hasta tener su necesidad satisfecha. Una vez realizado esto, iteramos sobre el modelo agregando cada vez más detalles, desde una vista alto nivel, pudiendo visualizar cómo serían las pantallas por donde transcurre el usuario.

Con el camino del usuario por la aplicación claro, comencé a trabajar en cada una de las pantallas de las principales funcionalidades. Al ser implementadas en el código real comenzaron a surgir detalles específicos, los mismos fueron contemplados para abarcar todas las bifurcaciones en casos de error.

Algunos ejemplos de estas pantallas terminadas son los siguientes: