Bandz N' Showz
Transmitiendo el espectáculo
Proceso de Promoción
Músicos y promotores tienen problemas para impulsar la asistencia de fanáticos a los espectáculos...
Al intentar registrar las fechas de las giras, los usuarios (músicos, gerentes, etc.) tienen problemas para realizar un seguimiento de todos los sitios en los que necesitan publicar las fechas de las giras y, a menudo, tienen que hacerlo de forma redundante.
volver a publicar información en muchos sitios. Nos gustaría explorar formas de agilizar el proceso ahorrando tiempo y frustración a los usuarios mediante el desarrollo de una nueva plataforma.
Nuestro proceso
Este estudio de caso es muy complicado, haga clic en los iconos a continuación
si quieres saltar a cualquieraespecífico secciones.
Esta sección //
Diseño
Lo que abordamos:
-
Moodboard
-
Guía de estilo
-
Principios de la Gestalt
-
Simulacros de alta fidelidad
-
Construyendo nuestro prototipo
1. Moodboard // Diseño
Estableciendo el tono
también usamosmilanotepara crear un espacio más completo para intercambiar ideas sobre nuestro moodboard:
2. Guía de estilo // Diseño
Nuestra guía de estilo
Aquí hay algunas opciones de diseño de alto nivel que estamos utilizando para transmitir el ambiente de nuestra marca en toda nuestra comunidad. También estamos aprovechando mucha inspiración de laKit de diseño de materiales.¡Rocas de Google!
Puedes encontrar la guía de estilo completa aquí:
3. Principios Gestalt // Diseño
Material
El diseño se encuentra
Bandz N' Showz
1. Material Design es, en general, un conjunto de principios bastante flexibles que se pueden aplicar a un alto nivel, PERO básicamente el objetivo es mantener las cosas nítidas, consistentes, limpias y receptivas de una plataforma a otra.
2. Aquí hay un recurso que puede usar para profundizar en Material Design:https://material.io/
3. También encontramos algunos componentes que podemos usar en el futuro:https://gallery.io/appsyhttps://materialdesignkit.com/android-gui/
Nuestra página de inicio se encuentra
Diseño de materiales de Google
1.Movido nuestro contenido importante
hasta estar por encima del pliegue.
2.Añadida animación de desplazamiento de
testimonios de usuarios que
girar de izquierda a derecha.
3.Contenido dividido de arriba a abajo
fondo en recipientes que
se implementará mejor en dispositivos móviles.
Otras Modificaciones / Fuera de Guión
En general, agregó una mayor explicación de lo que es el producto y destacó nuestras asociaciones. Entonces, las personas que visitan el sitio por primera vez entienden lo que ofrecemos de inmediato :)
Próximos pasos
Potencial para ajustar el diseño una vez que lancemos para dispositivos móviles en el futuro para un diseño receptivo perfecto
Nuestra página de inicio se encuentra
Diseño de materiales de Google
1.Movido nuestro contenido importante
hasta estar por encima del pliegue.
2.Añadida animación de desplazamiento de
testimonios de usuarios que
girar de izquierda a derecha.
3.Contenido dividido de arriba a abajo
fondo en recipientes que
se implementará mejor en dispositivos móviles.
Otras Modificaciones / Fuera de Guión
En general, agregó una mayor explicación de lo que es el producto y destacó nuestras asociaciones. Entonces, las personas que visitan el sitio por primera vez entienden lo que ofrecemos de inmediato :)
Próximos pasos
Potencial para ajustar el diseño una vez que lancemos para dispositivos móviles en el futuro para un diseño receptivo perfecto
Nuestro Dashboard cumple
Diseño de materiales de Google
1.Movimos nuestra lista de programas hacia arriba para que sea lo primero que ve un usuario y está en la mitad superior de la página.
2.Mejor uso general de colores llamativos para separar secciones.
3.Se agregó en una navegación lateral específica para los usuarios que iniciaron sesión en el panel.
4.Espacio en blanco aumentado
y espacio para respirar en general.
Otras Modificaciones / Fuera de Guión
Las estadísticas son un poco más visuales y menos a la cuadrícula, queremos que sean un poco más artísticas.
Próximos pasos
Puede usar el componente de lista Material Design durante el desarrollo. ¿Qué otros activos podemos usar mientras estamos en desarrollo?
4. Simulacros de alta fidelidad // Diseño
Combinación de forma y función en el diseño
Mejoras con Estilo
Usando nuestra información de prueba de nuestras pruebas de gurilla, aquí hay algunas imágenes anteriores de cómo aplicamos los comentarios de nuestros probadores en nuestras maquetas de alta fidelidad en la siguiente ronda.
Esta secci ón //
Prueba
Lo que abordamos:
-
Nuestro plan de prueba
-
Pruebas de la primera ronda
-
Resultados de la primera ronda
-
Modificaciones de diseño
-
Pruebas de la segunda ronda
6. Construir nuestro prototipo // Diseño
Construyendo nuestro prototipo de trabajo
Una vez que creamos nuestros diseños de alta fidelidad, usamos InVision para crear un prototipo de trabajo de alta fidelidad para que nuestros usuarios lo probaran. Siéntase libre de desplazarse por la pantalla a continuación para tener una idea de nuestro diseño.
Esta pantalla de computadora es un prototipo funcional ¡haz clic en mí!
Prototipo de trabajo de pantalla completa
https://projects.invisionapp.com/d/main#/console/20027885/419518131/preview
![shutterstock_1722342391-[Converted].jpg](https://static.wixstatic.com/media/4325c1_2d914bbfa8fb4035961c55cceba47d33~mv2.jpg/v1/crop/x_392,y_708,w_4183,h_3617/fill/w_861,h_740,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/shutterstock_1722342391-%5BConverted%5D.jpg)
Esta sección //
Prueba
Lo que abordamos:
-
Nuestro plan de prueba
-
Pruebas de la primera ronda
-
Resultados de la primera ronda
-
Modificaciones de diseño
-
Pruebas de la segunda ronda
1. Nuestro plan de prueba // Prueba
Creando nuestro
Plan de prueba
Antes de comenzar a probar a nuestros usuarios
queríamos crear un plan de juego sólido.
Explore el PDF a la derecha
para revisar el plan completo.
2. Prueba de la primera ronda // Prueba
Proceso de prueba de la primera ronda
Entrevistamos a seis personas que encajan en la demografía objetivo de la aplicación como prueba remota moderada a través de zoom.
Esto se combinó con los conocimientos de cinco evaluadores de usuarios de TryMiUi no moderados para obtener una visión aún más profunda de la plataforma y cómo mejorar nuestro diseño.
3. Resultados de la primera ronda // Prueba
Resultados de la primera ronda
Perspectivas que buscamos obtener:
-
Sobre la primera impresión: ¿cómo interactuaría un usuario por primera vez con el sitio? ¿Qué hace?
-
¿El flujo de incorporación es fácil de entender y de interactuar para los usuarios?
-
¿Pueden los usuarios crear un nuevo programa desde cero?
-
¿Pueden los usuarios establecer un plan de promoción que se adapte a sus necesidades?
-
¿Pueden los usuarios agregar otros administradores a su evento?
Puedes revisar los resultados completos aquí:
Hallazgos principales
Problema
Solución
"Booking Magic" y "One Free Show" El idioma es confuso ya que actualmente
hacer más promoción que reserva.
-
Cambiar el idioma de la página de inicio
de “Reserva” a “Promoción”.
-
Tal vez agregar un lado de reserva a
la plataforma (al final del camino).
-
Explique "One Free Show" mejor diga algo como “Promover un espectáculo por mes”.
La página de inicio de sesión debe incluir el idioma
para que los nuevos usuarios creen una cuenta
-
Agregue un vínculo para crear una nueva cuenta en la página de destino de inicio de sesión/inicio de sesión (esto es estándar en la mayoría de los sitios).
-
Haga que el área en la que se puede hacer clic en el prototipo sea más grande
(hizo tropezar a algunas personas)
Todos los usuarios querían
la opción gratuita.
-
Cambiamos la pregunta que hicimos para suponer que tenían presupuesto. Estamos probando la opción de pago en este momento, por lo que no tenía sentido dejarse atrapar por la opción gratuita. Supongamos que la mayoría de los usuarios probarán primero la opción gratuita, pero estamos probando la facturación.
Barra de progreso durante la incorporación para mantener
usuarios comprometidos y/o saltan
botón más prominente.
-
Agregar barra de progreso a la incorporación
-
Agregar estado de perfil a la página de inicio
para que los usuarios agreguen al perfil
-
Hacer el botón de saltar al tablero
más prominente.
4. Modificaciones de diseño // Prueba
Nuestros ajustes clave
Antes
Después
Página de inicio
1.Idioma modificado para ser más claro sobre la oferta de productos.
Nuestro servicio se centra más en la Promoción/Participación de los fans y no es una plataforma de reservas (también conocida como Sonicbids).
"One Stop for Booking Magic" ahora es "One Stop for Gig Promo Magic".
Antes
Después
Precios
1.Barra de progreso añadida
2.Lenguaje de características de promoción reforzada.
3. Asegúrese de mantener la opción gratuita ya que asumimos que la mayoría de los usuarios probarán esto primero.
Antes
Después
Inicio de sesión
1.Se agregó una llamada a la acción para los nuevos usuarios. Muchas personas nuevas fueron directamente a esta página durante las pruebas, por lo que queremos asegurarnos de que haya una opción para que creen una nueva cuenta aquí.
Antes
Después
Conectar cuentas
1.Barra de progreso añadida
2.Incluyó una opción de "omitir por ahora" para optar por no participar en esta sección e ir directamente al tablero. Algunos usuarios querían probar las cosas antes de dedicar tiempo a conectar todas sus cuentas.
Antes
Después
Panel
1.Se agregó un ícono de fortaleza de perfil para alentar a los usuarios a completar completamente su perfil.
2. Resaltó la opción Create Show ya que esa es nuestra característica clave.
3.Se mejoró la forma en que mostramos los programas para incluir una llamada a cualquier programa que acaba de agregar arriba, luego enumerar los próximos programas por orden de fecha.
4.Se cambió el lenguaje de "Mostrar invitaciones", que la gente encontró confuso, a "Solicitudes de conciertos pendientes". También se agregó una notación para llamar la atención sobre las solicitudes de conciertos pendientes utilizando un nuevo tipo de icono de correo.
Antes
Después
Promoción Wix
1.Rompió en la página en dos páginas. Usuarios porque estaban pasando demasiadas cosas aquí y era confuso.
2.Se agregó una función de administración mejorada y claridad. Los usuarios ahora pueden ver a quién pidieron que fuera administrador en su programa. Usamos Facebook como inspiración ya que la mayoría de la gente está familiarizada con ese concepto.
3.Hizo que la página de promoción del programa fuera más expansiva con más opciones en cuanto a qué cuentas conectadas está usando y cuándo.
4.Incluyó algunas funciones pagas adicionales en esta página, con una mejor explicación de la oferta.
Prototipo de trabajo actualizado
Prototipo de trabajo de pantalla completa
https://projects.invisionapp.com/share/D4XHDNBWSVX#/pantallas
5. Resultados de las pruebas de la segunda ronda // Prueba
Resultados de las pruebas de la segunda ronda
En esta ronda, revisamos algunas de las ideas y los cambios que reunimos en la primera ronda. Luego hicimos 6 pruebas moderadas a través de zoom. Cinco de los usuarios eran usuarios nuevos y uno era un usuario recurrente.
Una vez que tuvimos la oportunidad de sumergirnos realmente con nuestros evaluadores, pudimos abordar algunos puntos de confusión y dolor. También encontramos algunas otras áreas que mejorarían nuestra experiencia de usuario en el avance de la Ronda 2.
Puedes revisar los resultados completos aquí:
Hallazgos principales
Problema
Solución
¿Cómo configuro qué día quiero publicar algo? AKA: ¿como el martes pero el martes 12 de junio y no el 16?
-
Agregue una opción de día calendario para mostrar el programador de promociones.
-
Agregue un botón Guardar a la derecha donde actualice qué promoción tiene en marcha hasta el momento.
¿Cómo puedo personalizar cada publicación?
sin pagar para que alguien lo haga.
-
Agregue un campo de texto para cada nueva promoción que deseen crear. Esto les permitiría establecer el texto que quieren para cada uno si así lo desean.
¿Hay una cuenta regresiva automatizada?
-
Configure una opción estándar automatizada de mejores prácticas que funcione. Tales como: un mes fuera, dos semanas fuera, como una semana fuera, el día anterior, el día de...
La página de administración necesita ser reelaborada un poco.
En general ampliar la flexibilidad y las preferencias.
-
Muestre si son o no miembros en Admin cuando ingrese el correo electrónico.
Me gusta si ya son usuarios de BNS...
-
Haga que este formulario se complete automáticamente si es un usuario en la plataforma o alguien con quien se ha conectado en el pasado.
-
Una vez introduzcas el email que vas a enviar puedes especificar qué preferencias hay. Consulta el documento de Google para ver un ejemplo.
-
Haz "x" solo di pendiente
-
Agregue un marcador para "propietario" para que sepa
quién es el creador del evento.
Mostrar pantallas de finalización
-
En general mostrar pantallas de finalización en el siguiente
ronda de prototipos si es posible.
-
Hacer que se pueda hacer clic en mi perfil en la navegación lateral.
Haz esto en todas las pantallas del tablero
-
Haga clic en el ícono de Chatbot/Ayuda con una ventana emergente.
-
Apriete el prototipo en general y haga que se pueda hacer clic en puntos adicionales donde los usuarios se hayan tropezado.
Esta sección //
Resultados
Lo que abordamos:
- Próximos pasos
- Resumen
1. Próximos pasos // Resultados
Nuestros próximos pasos
Busque en Hootsuite y HubSpot:
METROight obtener algunos buenos conocimientos de esas plataformas.
Iterar en prototipo:
Continúe iterando en la próxima ronda del prototipo para abordar las inquietudes de los usuarios sobre la página de administración y algunas opciones adicionales de la promoción junto con cualquier pequeño cambio de mantenimiento.
Prueba A/B:
Realice una prueba A/B para saber cuándo se debe realizar el pedido de facturación durante la incorporación.
Caso de estudio:
Cree un estudio de caso realmente impresionante a partir de lo que tenemos hasta ahora.
Presente con confianza:
Presenten esto a las damas que UX Lightning Talks en el futuro para obtener comentarios adicionales sobre esta presentación.
Buscar financiación:
¿Podría realmente construir esta cosa? ¿La gente me pagaría para hacer esto? ¿Cómo haría para hacer eso?