Diseño

Live Experience

Bianca Leyte
Project overview

Producto:
Live Experience es una compañia encargada de vender
boletos para eventos como conciertos, exposiciones,
deportes y teatro, desde artistas nacionales como
internacionales, ofreciendo shows de calidad y creando
experiencias inolvidables para sus clientes.

Duaración del proyecto:

Septiembre 2022-Febrero 2023.
Project overview

El problema:
Los usuarios tienen dificultades para comprar
boletos, además de que no estan conforme
con sus asientos.
La meta:
Diseñar una aplicación para Live Experience
que sea fácil de usar y además mostrar la
vista desde diferentes puntos del recinto
donde se llevará acabo un evento.
Project overview

Mi rol:
Diseñador UX para Live Experience
Responsabilidades:
Realizar entrevistas, diseños en papel,
maquetas, prototipos de baja y alta fidelidad
en figma, estudios de usabilidad e iteración del
mismo.
 ● Investigación de Usuario
Entendiendo ● Personas
al usuario ● Declaración de los problemas
● Mapas de Usuario
User research: summary

Las entrevistas con los usuarios fueron necesarias para entender los problemas principales que tenían
al comprar boletos para un evento, qué sentimientos les causaba realizar todo el proceso de compra y
las necesidades especiales a personas con discapacidad que también quieren disfrutar de estos
eventos.
Los usuarios mostraron y declararon frustraciones, en algunas eran las misma situaciones y las
especiales que fueron tomadas en cuenta que sirven para ayudar a todos los usuarios.
User research: pain points

1 2 3

Dificultad Asientos Discapacidad

Personas de 18 a 65 Ninguna aplicación o página Las personas con
años no comprenden muestra la vista de algun tipo de
todo el proceso de difernetes secciones, discapacidad tiene
compra debido a creando cierta difucultades para
confusiones que les incertidumbre en el asiento completar el proceso.
generan las páginas. a alegir.
Persona: Ying

Problem statement:
Aridai es una trabajadora de
26 años que quiere
disfrutar de eventos y
principalmente conciertos,
pasarla bien con su novio y
amigos mientras escucha a
sus artistas favoritos.
User journey map

El mapa de Aridai nos

muestra su recorrido,
obteniendo información
relevante para conocer sus
necesidades y mejorar su
experiencia.
 Starting ● Paper wireframes
● Digital wireframes
the design ● Low-fidelity prototype
● Usability studies
 Botón para
cambiar el

Digital wireframes texto a voz.

Como fase inicial se creo

una página principal para dar
a entender al usuario todas
las funciones que tiene.
Botón para
iniciar la
compra.
Digital wireframes Easy access to
navigation
that’s screen
reader friendly.

Menú para acceder

directamente a otros frames
sin necesidad de dar todo un
recorrido a la aplicación
Low-fidelity prototype

El prototipo de bja fidelidad se

creo con el fin de colocar los
elementos importantes y saer
que cumplen con las funciones y
necesidades principales por las
cuales se crea la app.
Accede aquí.
 Refining ● Mockups
● High-fidelity prototype
the design ● Accessibility
Mockups
Before usability studies After usability studies

Diseños tempranos
agregando, color, botones y
algunos iconos, para
comenzar un estudio de
usabilidad de live experience.
Mockups
Before usability study 2 After usability study 2

El segundo estudio demostró

la falta de pasos, por lo que
se agregaron frames,iconos,
principios de Gestalt y
transiciones.
Key mockups
High-fidelity prototype

El prototipo final de alta

fidelidad, contiene
transiciones y un flujo
para cada frame.

Puedes verlo aquí.

Accessibility considerations

1 2 3

Provee imágenes y Usa iconos comunes Tiene un mapa 360

deslizamiento para de apps, pero con el para tener un
visualizar diferentes estilo del diseño aproximación de la
eventos seleccionado. vista desde la zona del
recinto.
Going forward ● Takeaways
● Next steps
Takeaways
Impact:
“Me gusta que tenga el mapa, ya que antes
tenia que investigar los recintos y tener una
idea de como se veria por zona, lo que me
quitaba tiempo de compra”
What I learned:
Aprendí que el proceso tiene
diferentes pasos para mejorar el
diseño, plantillas, y usar gestalt, para
una vez este lista su funcionalidad,
despues solo enfocarnos en darle un
mejos aspecto visual.
Next steps

1 2

Recibir feedbacks de Crear una identidad mas

usuarios del producto final, precisa de la marca, así
para darle las mejoras que como comprender mejor el
ellos necesiten. proceso hacia la creación
de la app en el backend.
Let’s connect!

Gracias por revisar mi proceso, agradeceré las mejoras que puedas enviarme
Email: bianka.mtl5@gmail.com