UX/UI Case Study VI— Share Luck

Comparte y celebra con los tuyos

Celia Arias Pérez
Dec 28, 2019 · 8 min read

Share Luck es una aplicación que cobró vida a través del proyecto final del Bootcamp de Ironhack. Fue un proyecto individual y la duración fue de 10 días, 5 días empleados para la parte de UX y 5 días para la parte de UI.

El problema

Incertidumbre a la hora de cobrar el premio de un décimo compartido y su legalidad.

Casi el 76% de la población adulta residente en España compra Lotería de Navidad en 2016, es decir, más de 24 millones de personas, y 3 de cada 4 la comparten.

“He cogido un décimo en mi trabajo, coge otro en el tuyo y los llevamos a medias”

Todos hemos querido probar suerte y soñar con que nos toque una pizquita de dinero que nos haga la vida mucho más fácil. De esa “ilusión” se aprovecha precisamente la lotería, sea de la época que sea, que promete un cuantioso premio económico a cambio de casi nada. Jugársela a un número (o varios) y probar suerte. Solo, o acompañado, porque hay mucha gente que decide jugar y compartir sus décimos con amigos para que, en caso de que toque, el premio se reparta a partes iguales y todos salgan ganando, y además llevar más números, y con ello mayor probabilidad de resultar agraciados. El problema es que en el momento en el que hay dinero de por medio, algunos se olvidan de eso de la amistad y el acuerdo al que habían llegado al comprar el décimo que luego resulta premiado.

“A dinero en mano, el monte se hace llano”

Con el avance de la digitalización, es muy normal compartir los números por WhatsApp, con gente conocida y de confianza, con la que no se tendría que tener ningún problema. Pero esto si no se hace bien puede traer algún disgusto si el décimo resulta finalmente premiado. Además Whatsapp es una plataforma muy fácil de falsificar y manipular.

La solución

La solución es Share Luck, una aplicación con la que podrás guardar y compartir todos tus boletos de Loterías y Apuestas del Estado con tus amigos, familia, compañeros o con quien tú quieras y olvidarte de preocupaciones.

El proceso

He llegado a esta solución aplicando el método Design Thinking.

Empatizar

El blueprint me ayudó para bajar las ideas y suposiciones a tierra, y establecer un inicio del trabajo que iba a llevar a cabo durante los 10 días siguientes.

Blueprint

Tras realizar un análisis de mercado, vi que las maneras por las que se comparte actualmente lotería son:

  • La más utilizada, Whatsapp. Presenta muchos problemas ya que es una plataforma muy fácil de manipular y falsificar sus mensajes. Es muy difícil demostrar la participación en un boleto compartido, ya que se suele mandar una foto sin indicar otros requisitos imprescindibles para demostrar esa titularidad.
  • Por escrito. Es difícil realizarlo de esta manera cuando la gente con la que lo compartes está a kilómetros de ti.
  • De palabra. Las palabras se las lleva el viento.

De aquí pude sacar que no existe realmente una solución efectiva a este problema, por lo que se abre una oportunidad de negocio.

Antes de realizar las encuestas y entrevistas realicé un primer Lean UX Canvas y Lean Survey Canvas, para definir bien a quién tenía que preguntar, qué sabía ya, qué tenía que preguntar y cómo debía hacerlo.

Para conocer más sobre este problema realicé 8 entrevistas, entre ellas a abogados y administraciones, y lancé una encuesta que contestaron 261 personas. De ellas saqué algunos datos relevantes como los siguientes:

Definir

Después realicé un nuevo Lean UX Canvas y Affinity Diagram, que me ayudara a determinar qué camino tomar respondiendo a las necesidades de los usuarios.

Lean UX Canvas
Affinity Diagram

Una vez sintetizada toda la información de las encuestas y entrevistas creé a mi user persona, destacando sus objetivos y problemas, para poder entender mejor sus necesidades. Realicé también un Empathy map, para seguir empatizando con mi usuario y descubrir si realmente mi solución podría ayudarle.

El User Journey y User Scenario me ayudó a descubrir cómo podría ser la vida de mi usuario, las oportunidades de diseño, dónde podría actuar y cómo hacer para que sus pain points mejoren gracias a mi aplicación.

User Journey
User Scenario

Idear

Una vez detectadas las oportunidades de diseño, comencé a idear las posibles características de la aplicación.

HWM (How Might We): ¿Cómo podemos ayudar a Alberto a que no se sienta inseguro compartiendo lotería?

Tras un Brainstorming, que realicé con compañeros para que me aportaran nuevas ideas, organicé esas ideas en un MOSCOW. Este último me ayudó a decidir qué funcionalidades y características eran imprescindibles para el MVP de mi aplicación.

MOSCOW
  • Se debe generar un contrato legal a partir de los datos que proporcionan los usuarios.
  • Debe ser escalable a todos los sorteos de Loterías y Apuestas del Estado.
  • Debe ser muy sencilla de utilizar, ya que gran parte de los usuarios serán de edad avanzada.
  • Incorporar un escáner para la rápida detención e introducción del décimo o boleto en la app.
  • Poder crear grupos para compartir boletos de una manera más ágil.

Teniendo claro lo que quería añadir en el MVP de la aplicación, diseñé el Site Map que testeé con 5 personas, mediante un Card Sorting.

Site Map

Antes de empezar a diseñar el prototipo, tenía que tener claro qué acciones iba a realizar el usuario cuando entrara en la app, para posteriormente diseñar esas pantallas en Low-Fidelity.

User Flow

Prototipar

En este punto ya tenía clara la arquitectura de la información y la tareas que el usuario podría realizar, así que empecé a diseñar en papel la primera versión de mi prototipo, en baja fidelidad. Antes de esto, hice unos prototipos rápidos mediante un Crazy 8, para acercarme a una primera idea. Después realicé varios test de usabilidad para descubrir los puntos débiles de mi diseño y poder iterar sobre ellos.

Low Fidelity

En este paso ya utilicé Sketch para el segundo diseño del prototipo. Realicé también varios tests antes de pasar al diseño final, el High-Fidelity.

Branding & UI

¿Cómo llegué a elegir los colores? Éstos fueron escogidos a través del moodboard y mis atributos de marca. Quería que fuera una marca que transmitiese cercanía, seguridad, confianza, y como no, suerte.

Moodboard

El nombre escogido para la marca es “Share Luck”. “Suerte” y “Compartir” son dos palabras claves en mi proyecto, por lo que el nombre de mi marca no tiene mucho más que explicar. Decidí que fuera en inglés ya que sorteos como Euromillones se juegan en todo Europa, y podría llegar de esta manera a más usuarios.

Logotipo en positivo y negativo

Este documento recoge todas las pautas y referencias para que el diseño sea consistente y alineado con la voz y misión de la marca.

Tipografía: la fuente elegida es Gilroy, una sans serif con formas redondeadas y bastante carácter, que la hace más amigable y familiar. Además tiene gran legibilidad lo que la convierte en una fuente idónea para mi proyecto.

Colores: el color principal de Share Luck es el Neon Green. Cornflower para los textos, azul Sky para textos con enlaces y amarillo Gold para algunos detalles.

Consistencia:

Componentes:

Prototipo

En el primer flujo se muestra cómo una persona entra en la aplicación y crea una cuenta nueva.

El usuario crea un grupo con el que compartirá sus próximos décimos o boletos. Una vez creado, al resto de participantes les llega una notificación para aceptar o rechazar compartir lotería con dicho grupo.

El usuario entra en escáner para añadir un décimo y compartirlo con el resto.

El usuario accede al apartado de apuestas para ver el décimo que ha compartido y ver el contrato.

Landing page

Después de hacer el prototipo de la aplicación hice la landing page que sirve para promocionar y descargar la aplicación desde una web donde tiene toda la información para promocionarla.

Next Steps

Como próximos pasos me gustaría vincular la app a Bizum para resolver el tema de pagos divididos de décimos compartidos, y también poder saldar deudas de premios de cantidades pequeñas, que estén libres de impuestos.

🌟

Antes de terminar me gustaría agradecer a mis ironladies💖 (Alba y Clau) y a mi team de ping pong🏓, que siempre consiguen hacer que los proyectos sean más amenos y llevaderos por muy duros que parezcan; a los TA’s por su dedicación y paciencia, en especial a Nico en este caso; a Víctor y Sole por su confianza plena en mí durante el proyecto y ayuda constante. Gracias a todos.

Y con este case study cierro mi paso durante el bootcamp de Ironhack, que sin duda repetiría y recomendaría. 🚀

Once an Ironhacker, always an Ironhacker 💙✨

    Celia Arias Pérez

    Written by

    Industrial Designer & Product Development Engineer — Web & Graphic Designer — www.celia-arias.com

    More From Medium

    Related reads

    Related reads

    224

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade