Lubi: Design Thinking UX / UI

Manu León
5 min readAug 24, 2021

Lubi es una aplicación móvil diseñada para mantener el contacto con amigos a través de planes y actividades.

Premio a mejor proyecto del bootcamp UX/UI May 2021 Ironhack

Estrategia

Desing thinking.

Roles:

Product designer, user researcher, visual designer, interaction designer y tester.

Duración:

2 semanas

Herramientas UX

Encuestas, entrevistas, análisis de competencia, lean UX, mapa de empatía, user persona, user journey, user scenario, userflow, MoSCoW, cardsorting, sitemap, crazy 8, prototipo de lo-fi y mid-fi, concept testing.

Herramientas UI

Moodboard, desirability testing, style tile, style guide, UI kit, prototipo hi-fi.

Utilizamos diferentes herramientas durante todo el proceso como Whimsical, Optimalworkshop durante el proceso de UX y el prototipo con Figma.

Project overview

El objetivo de este proyecto es detectar una problemática y aplicar el proceso de desing thinking para materializarlo en un producto digital.

Así nace Lubi, al analizar como afecta a las personas el perderse eventos, planes o actividades por falta de información u organización, ayudando a mantener el contacto con tus amigos.

UX research

Empezamos con el proceso design thinking, investigando y recopilando la información necesaria para identificar los objetivos de nuestro MVP, realizando un total de 62 encuestas y 12 entrevistas.

Los resultados demostraron que los usuarios se sienten frustrados al perderse planes o eventos.

Solución del producto

A partir de la investigación, decidimos como tendrían que ser los aspectos clave:

  • Descubre qué pasa en tu ciudad en tiempo real.
  • Crear un plan y notificar a los contactos.
  • Facilidad de los usuarios de avisar a sus contactos de un plan espontaneo.
  • Eventos y planes actualizados a los que apuntarse.

Continuamos con el análisis competitivo para obtener más información y ver los puntos fuertes y débiles de cada aplicación o web de la competencia tanto directa como indirecta.

Realizando un prototipo Lo-fi + testeos, llegando hasta un Mid-Fi.

Detalles pantallas Mid-fi

Volvimos a realizar testeos con el prototipo Mid-Fi y encontramos datos importantes para mejorar nuestro flujo:

  • Pantalla Home: Rediseño del sistema de filtrado y amigos conectados.
  • Aumentar el tamaño de las cards.
  • UX Writing de las diferentes pantallas.

Semana 2: UI

Para desarrollar el proceso de UI, partimos de un moodboard y tomamos decisiones de tipografía, paleta de color, espaciado, alineamiento, sombras y consistencia.

En la siguiente Style tile se puede ver una muestra de las decisiones de diseño que hemos tomado.

Style Tile
  • Isotipo
  • Creación de logotipo.
  • Tipografía: Nunito y Open Sans
  • Paleta de colores.
  • Consistencia de los botones.
  • Iconografía.

Prototipo Hi-fidelity

A continuación vamos a ver los flujos del prototipo Hi-fi que solucionan los principales problemas que detectamos durante el proceso de UX

Crear un plan

En la parte superior tenemos chips con diferentes filtros rápidos para seleccionar los planes que queremos ver en nuestro mapa.

Creamos un plan, rellenando los datos necesarios, finalizando con las diferentes opciones de compartirlo.

Eventos según tus intereses

Puedes importar tu música para que salgan eventos según tus gustos.

Apúntate a un evento y avisa a tus amigos automáticamente.

Saluda a tus amigos

En la parte superior vemos los filtros, con los que podemos acceder rápidamente y modificar nuestras preferencias.

Vemos que tenemos un amigo compartiendo un plan, al cual podremos apuntarnos y hablar con el. Además de poder ver nuestros amigos y los planes que están compartiendo pinchando en la zona inferior izquierda.

Retos principales

Iteración de la pantalla principal

Fue un verdadero reto, al tener mucha información que mostrar como el sistema de filtrado, eventos y amigos conectados en una misma pantalla teniendo varias fases hasta llegar el diseño final.

El reto de la privacidad

El tema de privacidad y confidencialidad fue uno de los mayores problemas que afrontamos a la hora de defender este proyecto, analizando las diferentes leyes, para poder tener una aplicación segura y fiable para los usuarios.

Lubi puede obtener información sobre la localización de usuarios, estos datos se consideran datos de carácter personal y sometidos, por tanto, a la LOPD.

Al utilizar la geolocalización tenemos que cumplir con una serie de requisitos según la LOPD:

  • Conseguir el consentimiento previo, específico e informado del usuario.
  • Advertir de los fines para los cuales los datos de localización geográfica van a ser tratados.
  • Los servicios de geolocalización deberían estar desactivados por defecto.

Podemos concluir indicando que los desarrolladores de aplicaciones móviles están obligados, en cuanto que recogen y tratan datos de carácter personal, al cumplimiento de estas normas.

Conclusión y aprendizaje

La experiencia durante este proceso me enseñó mucho sobre priorizar y saber donde enfocarme en cada paso, para sacar adelante el MVP.

  • Construir un MVP. En dos semanas tienes una cantidad de tiempo limitada y es fácil caer en el error de ir intentando añadir cosas nuevas cada día, la clave es centrarse en las funciones basadas en las necesidades de los usuarios.
  • Detalles. A veces es mejor dar un paso atrás o avanzar en otras pantallas al momento de trabajar en la interfaz del usuario, aceptando los cambios y modificando las prioridades.

Si queréis ver mas el prototipo podéis hacerlo desde este link:

Ver el prototipo en Figma

Para hablar, o contactar conmigo: Linkedin

Gracias por vuestra atención, espero que les haya gustado y que lo encontraran tan interesante como nosotros.

--

--