top of page
shutterstock_635037602.jpg

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

Research.png
Ideate.png
Sketch.png
Design.png
Test.png
Results.png
Ideate01.png
Research01.png

Esta sección //
 

Investigación

 

Lo que abordamos:

  1. Análisis competitivo

  2. Análisis heurístico

  3. Plan de investigación

  4. Poner en pantalla

  5. Entrevistas

Research

Había una gran desconexión entre
donde están los fans y la lista de bandas!

 

La mayoría de los lugares donde la gente común aquí se presenta no son los sitios enumerados anteriormente por lugares más comunes como las redes sociales y los sitios de venta de entradas.

1. Análisis competitivo // Investigación


 

El mejor lugar

para empezar fue una búsqueda en Google
 

Buscamos: 
“Sitios para que las bandas locales enumeren sus shows”

 

Y esto es lo que tenemos. De algunos de estos nunca habíamos oído hablar antes, lo cual fue sorprendente ya que toco en una banda... y estoy más interesado en esto que la mayoría de la gente.

Marketplace.jpeg
Anchor 1

Dónde están nuestros fans

03-WhereOurFansAre_edited.png

Otros sitios destacados

03-WhereOurFansAre_edited.png
162069703416817744.gif

Aquí es donde
los fanáticos están escuchando.

 

Hay alrededor de cuatro grandes jugadores en el espacio de músicos/gestores de giras. No funcionan muy bien entre sí.

  • No puedes listar directamente en Spotify
    y tengo que usar Songkick Tourbox.

     

  • BandsInTown puede empujar a Facebook.
    ¡Pero Facebook tiene su propia página de eventos!

     

  • Falta de control con Ticketmaster
     

  • No hay una lista adecuada de eventos en Instagram

  • Hay muchos jugadores en el espacio de los músicos/gestores de giras. No trabajan entre ellos.
     

  • Algunos de ellos empujan a las redes sociales oa otras plataformas.
     

  • Songkick es el jugador que realmente intenta en este espacio.
     

  • Incluso han estado trabajando con Google..BandsInTown y Songkick trabajan con Wix, una plataforma de sitio web que algunas bandas pueden usar.
     

  • Los fanáticos están en un espacio diferente al de las aplicaciones que usan las bandas para administrar las fechas de las giras. Es decir, quieres llegar a los fans en Facebook y Twitter, pero necesitas actualizar las fechas de la gira en tu sitio web con Songkick.
     

  • Los lugares controlan principalmente las listas de jugadores grandes como Ticketmaster, etc.
     

  • Los lugares enumeran las fechas de la gira con enlaces de boletos en sus sitios. Las bandas no tienen que abordar este lado de la lista.

2. Análisis Heurístico // Investigación

Nuestra heurística
El viaje comienza

Los tres sitios a continuación son sitios web que las bandas y los gerentes usan actualmente para rastrear y reservar sus conciertos. Queríamos sumergirnos en lo siguiente para ver qué funcionaba y qué se podía mejorar a medida que avanzamos en el diseño de nuestra plataforma.

02-ExampleWht.png
Songkick_edited.png

Songkick te permite organizar y realizar un seguimiento de tus bandas favoritas, recibir alertas de conciertos y comprar entradas. Obtenga fechas de gira instantáneas de su biblioteca de música.

BIT.png

Encuentra fechas de giras y eventos de música en vivo para todas tus bandas y artistas favoritos en tu ciudad. Obtenga entradas para conciertos, noticias y confirme su asistencia a los espectáculos con Bandsintown.

EF.png

Encuentre próximos eventos cerca de usted, con listados, fechas de giras y entradas para conciertos, festivales, películas, artes escénicas, eventos familiares, deportes y más.

*Lamentablemente, Eventful ya no está en funcionamiento. Ahora es algo llamado radio.com. COVID ha cobrado un gran precio en los espacios para eventos en vivo.

Nos enfocamos en estos tres aspectos del análisis heurístico cuando revisamos los orzuelos.

 

Puntuaciones generales (1-10)
1-3 No aceptable
4-6 Pasable
7-9 Reunión que los clientes necesitan bien

 

Enlace a la investigación completa
presentación aquí:

https://drive.google.com/file/d/1CjONuUwkaKODUc3hDLGjzYPqbqUo74Tb/view

HurChart.png

Control de usuario
y libertad


Los usuarios a menudo eligen funciones del sistema por error y necesitarán una "salida de emergencia" claramente marcada para salir del estado no deseado sin tener que pasar por un diálogo extenso. Admite deshacer y rehacer.

Coincidencia entre sistema
y el mundo real


El sistema debe hablar el idioma de los usuarios, con palabras, frases y conceptos familiares para el usuario, en lugar de términos orientados al sistema. Siga las convenciones del mundo real, haciendo que la información aparezca en un orden natural y lógico.

ayuda y
documentación


Aunque es mejor si el sistema se puede utilizar sin documentación, puede ser necesario proporcionar ayuda y documentación. Cualquier información de este tipo debe ser fácil de buscar, estar centrada en la tarea del usuario, enumerar los pasos concretos que deben llevarse a cabo y no ser demasiado extensa.

patada de canción

  Lugares prepoblados

ahorro de tiempo y esfuerzo
 

  Artistas Prepoblar

Para ganar tiempo
 

  Puede administrar
varios artistas

  El formulario de eventos es muy fácil

para editar, actualizar, eliminar y usar en general.

  Tiene una buena integración

para empujar a otras plataformas

estoy apuntando.

  En general, el diseño del sitio era  simple, nada realmente saltó

hacia mí.

  Este sitio es específicamente para bandas que enumeran las fechas de los espectáculos.

  El lenguaje de emisión de boletos/

el flujo de usuario podría aclararse/simplificarse para permitir

para un mejor entendimiento.

  La sección de ayuda es muy

      mal diseñado y
     necesita trabajo.

Bandsintown

  Puede administrar

varios artistas

  Lugares prepoblados

     Ahorro de tiempo

En general, el formulario "agregar evento"

realmente no respondía en      _cc781905-5cde- 3194-bb3b-136bad5cf58d_   _cc781905- 5cde-3194-bb3b-136bad5cf58d_     veces y con muchos errores.

No estaba claro cómo eliminar o editar fácilmente.

Los artistas se rellenan previamente: ahorran tiempo PERO esto es muy defectuoso  no siempre funciona ☹

Este sitio es específicamente para
Bandas que enumeran las fechas de los espectáculos.

El diseño del sitio era agradable pero

¡el diseño del formulario de eventos podría ser mucho mejor!

También podría tener alguna integración de sitio. Hace
proporcionar un enlace para compartir, pero
eso es muy limitado.

¡La ayuda del chatbot es mucho mejor que la parte de ayuda real del sitio y fue muy receptiva! ¡Ayuda impresionante! ¡Chatbot para ganar!

Memorable

  Fue fácil crear un evento, pero luego tuve que realizar pasos adicionales para encontrarlo y luego rastrearlo para poder editarlo o eliminarlo.

  Lugares prepoblados: ahorro de tiempo

Realmente no hay mucha integración con otros sitios.

  Este sitio es para hacer eventos en general.

En general, el diseño era torpe y corporativo. No es muy genial ni divertido.

No pude encontrar una manera de seguir a mis bandas, no aparecieron en la búsqueda.

Esa parte del sitio no funciona bien.

✘ La ayuda es terrible. No había ningún botón de ayuda en la parte superior. Solo puedes enviar un correo electrónico y realmente tuve que buscarlo.

3. Plan de Investigación // Investigación

Nuestra investigación

Plan

Para empezar por el camino correcto, necesitábamos tener un plan para dirigirnos a los usuarios potenciales correctos para la investigación en nuestra plataforma. 

Aquí está nuestro plan:

4. Cribado // Investigación

Estrechamiento

El campo

 

Solicitamos a 25 usuarios que obtuvieran información sobre quién sería el mejor para continuar en nuestra próxima ronda de entrevistas. En el camino obtuvimos algunas ideas realmente útiles para nuestra investigación.

Nuestro
Resultados del evaluador

 

Consejo profesional:Google Forms elimina todo el trabajo duro de visualizar sus datos, por lo que pude utilizar los gráficos que crean para ver mis datos a un alto nivel rápidamente.

5. Entrevistas // Investigación

lo que escuchamos

Nos pusimos en contacto con músicos y promotores locales.
Estas son algunas de las preguntas en las que queríamos profundizar.

Interview Frame.jpeg

nuestra guía

Entrevista

Preguntas:

  • ¿Sobre cuántos conciertos al mes publicas?
     

  • ¿Cuántas horas al mes dedica a publicar listados de giras?
     

  • ¿Hablar de la importancia de la participación de los fanáticos?
     

  • Nombre sus tres formas principales de correr la voz sobre los próximos conciertos.
     

  • ¿Qué servicios en línea utiliza para compartir la información de su próximo concierto?

  • ¿Trabajas en el móvil,
    escritorio o ambos?

     

  • Muéstrame cómo
    su proceso actual para publicar?

     

  • ¿Qué te parece más fácil?
     

  • ¿Qué te resulta más difícil?
     

  • que haría las cosas
    más fácil para ti?

     

  • Nombra la experiencia de tus sueños :)

Entrevista

Perspectivas
 

Lo que nuestro 
los usuarios están diciendo.

 

Después de hablar con nuestros usuarios potenciales, esto es
lo que escuchamos:

  • A los usuarios les gustaría saber mejor qué funciona realmente para impulsar la participación de los fanáticos con algunas métricas y datos.
     

  • El gran objetivo es lograr que los fanáticos participen y, a pesar de publicar en todas partes, los fanáticos que quieren ir se pierden la información sobre las fechas de los conciertos.
     

  • Los usuarios se sienten frustrados por el hecho de que necesitan volver a enumerar eventos en varios lugares.

  • Los lugares también pueden crear listados
    y no siempre trabajan con promotores o bandas, lo que conduce a listados y/o eventos duplicados.

     

  • A los usuarios les gustaría una mejor integración con los sitios y formatos que ya están usando para mantener su calendario.
     

  • Los usuarios saben que la mayoría de sus fans están en Facebook, pero cada vez es más difícil llegar a ellos en la plataforma.

1. Mapeo de afinidad // Síntesis
 

Cartografía

Nuestros resultados

Difundimos información de entrevistas de usuarios en subcategorías para crear un mapa de afinidad.

  • Número de espectáculos por mes

  • Horas que dedicas a promocionar cada programa

  • ¿A dónde llegas a los fans?

  • ¿Qué dispositivos usas?

  • Quién está a cargo de publicar listados de espectáculos

  • Maneras de hacerlo mejor

  • Puntos de dolor

  • Fin del juego

Ideate
Ideate01.png

Esta sección //
 

síntesis

 

Lo que abordamos:

  1. Mapeo de afinidad

  2. Mapeo de empatía

  3. Nuestras personas

  4. ¿Cómo podríamos

  5. Lluvia de ideas de ideas de soluciones

  6. Nuestras historias de usuarios

Liderando con empatía

Usando nuestros conocimientos de la afinidad
map desglosamos la base de usuarios
en tres categorías para nuestros
mapa de empatia

  • El rockero local

  • El guerrero de la carretera

  • El Promotor

2. Mapeo de empatía // Síntesis

Algunas de las ideas clave que
querían reunir eran:

 

  • Lo que ellos dicen

  • lo que escucharon

  • Cualquier dolor y ganancias

  • lo que pensaron

  • lo que ven

3. Nuestras Personas // Síntesis

Creando nuestro
personajes

Persona Grab.jpeg

¿A quién diablos nos dirigimos?

Echa un vistazo a nuestras tres personas

Primario

Sam Evergreen // El rockero local

Secundario

Chet Slick // El Promotor

Joan Lightning // El guerrero de la carretera

Cómo
Podríamos Preguntas

  • ¿Cómo podríamos usar los datos para obtener información de los fanáticos a partir de las listas de eventos?
     

  • ¿Cómo podríamos conectarnos mejor con la tecnología (calendario de Google,
    hojas de cálculo, etc.) que las bandas están usando actualmente?

     

  • ¿Cómo podemos hacer que la creación de eventos en dispositivos móviles sea más fácil de usar?
     

  • ¿Cómo podríamos agregar las plataformas de listados actuales para publicar listados de espectáculos en un solo centro?

4. ¿Cómo podríamos? // Síntesis

  • ¿Cómo podríamos combinar las formas de promoción digital y analógica para trabajar mejor juntas (boca a boca, postales, volantes, redes sociales, etc.)?
     

  • ¿Cómo podríamos crear listados de eventos que los fanáticos no se pierdan ni olviden?
     

  • ¿Cómo podemos minimizar la cantidad de tiempo que lleva crear y publicar listas en sitios relevantes?

5. Vídeo de la solución // Síntesis

Nuestro Diseño

Evolución

El proceso de ideación
 

Quería filmar mi proceso de ideación, así que configuré una plataforma de cámara personalizada para rastrearlo y que pudieras ver de arriba hacia abajo lo que estaba pensando en el camino. En este proceso, repasé mis preguntas de cómo podríamos formular en la sección anterior y hablé sobre algunos bocetos que pude generar en torno a ellos.

Creamos una serie de historias de usuarios y clasificamos cuáles priorizar para nuestro MVP (Producto Mínimo Viable). 

No dude en consultar el PDF a la izquierda.

5. Historias de usuarios // Síntesis

Nuestro

Cuentos

Sketch
Sketch01.png

Esta sección //
 

Bosquejo

 

Lo que abordamos:

  1. Bosquejo del mapa del sitio

  2. Rutas Rojas

  3. Flujos de usuario

  4. Bocetos en papel

  5. Pruebas de guerrilla

  6. Resultados de las pruebas

  7. Nuestros Wireframes 

  8. Visualizando nuestro Wireflow 

1. Bosquejo del mapa del sitio // Bosquejo

Cartografía

Nuestra Plataforma

Después de recopilar todos nuestros datos, comenzamos a hacer un mapa del sitio basado en los comentarios de nuestros usuarios sobre cómo optimizar mejor el proceso.

Después de un montón de bocetos aproximados
nuestro mapa del sitio terminó luciendo así.

02-SitemapNew.jpg

Nuestro MVP:

Planificando nuestras Rutas Rojas
 

Bandz N' Showz es una plataforma expansiva para la promoción continua de bandas.
Después de una cuidadosa consideración, las dos funciones más críticas que debemos abordar
antes de que podamos abordar cualquier otra cosa sería:

2. Rutas Rojas // Boceto

Incorporación de usuarios

¿Puede un usuario crear una cuenta, un perfil, vincular cuentas sociales e iniciar sesión? Básicamente, el proceso de incorporación para nuevos usuarios.

SM-Onboarding.png

Crear un nuevo espectáculo

¿Puede el usuario crear un programa, agregar otras bandas y compañeros de banda para contribuir al programa que creó? A partir de ahí, pueden usar nuestra plataforma para crear una campaña promocional con nuestro agregador de redes sociales para impulsar sus formas de planes sociales según el cronograma que establezcan.

SM-ALL.png

Buceando más profundo:

Patrones de flujo de usuario para nuestras rutas rojas

En esta etapa, queríamos diseñar todas las opciones potenciales que tendría un usuario a medida que avanza.
nuestras dos rutas rojas y lo que sucedería en cada uno de estos puntos clave del proceso.

1. Usuario incorporado 

2. Crear nuevo programa

3. Flujos de usuario // Bosquejo

RR-Onboarding.jpg
RR-CreateShow.jpg

Turing nuestro flujo
en bocetos

 

Una vez que tuvimos nuestro flujo en orden, nos tomamos un tiempo para crear algunos bocetos de nuestras rutas rojas.

trayendo

Nuestra visión

a la vida

4. Bocetos en papel // Boceto

StayAtHome02_edited.png

El ajuste de quedarse en casa

Desde que estábamos atrapados en el encierro de "Quédate en casa"
¡No podíamos dejar que eso nos detuviera!

 

Encontramos que los bocetos realmente toscos eran difíciles de trabajar con el zoom y queríamos que nuestros evaluadores pudieran leer las cosas con claridad, así que en este paso mejoramos el juego de bocetos.

 

Creamos unprototipo de baja fidelidadpara pruebas de usuarios remotos de nuestros bocetos de nuestros flujos de cable de ruta roja. Aquí está el antes y el después de nuestros simulacros de baja fidelidad. Dado que solo estaban reemplazando los bocetos para las pruebas de guerrilla, no se puede hacer clic en esta etapa.

Antes

Después

Guerrilla Probando nuestros bocetos

Durante tiempos de COVID

TestMockl.jpg

5. Pruebas de guerrilla // Sketch 

El plan maestro:Voy a hacer una serie de pruebas de usuario a través de compartir pantalla en línea con Zoom para nuestra plataforma Bands n' Showz. Recluté a los participantes en línea comunicándome con miembros de la comunidad musical que pensé que serían una buena opción para nuestra prueba, que podían administrar adecuadamente una llamada de Zoom y que estaban disponibles durante el período de tiempo de nuestra prueba. Una vez que se confirmó al participante, configuré un enlace de Google Hangout/Zoom para completar la prueba. (¡Esto fue en los primeros días de COVID, por lo que no todos eran expertos en zoom todavía!)

Con esto, espero marcar cualquier punto débil al principio del proceso para que podamos actualizar el diseño en consecuencia.

Estas son las dos prioridades sobre las que busco obtener información:
 

1.¿Cómo se registraría para obtener una cuenta con Bands N' Showz si es un usuario nuevo? Guíame a través del proceso de configuración de la cuenta.
 

2.Acabas de asegurar una fecha para un nuevo concierto y estás buscando incluirlo en la lista y promocionarlo entre las masas a través de Bands N' Showz. ¿Qué pasos darías para hacerlo?

Hallazgos principales

6. Resultados de las pruebas de guerrilla // Bosquejo

Artboard 1 copy 2_RGB.png
Artboard 1 copy 15_RGB.png

1. Incorporación:Debe haber una manera de optar por no participar, tener una opción gratuita y/o probar antes de agregar la información de la tarjeta de crédito. Los usuarios sintieron que era mucho por adelantado donde no invirtieron en ingresar toda la información hasta que la probaron primero. Los usuarios dijeron que si tenían que poner la información de pago por adelantado, se irían. Básicamente, solo quieren crear un nombre de usuario y una contraseña y luego poder hurgar desde allí en el panel de control del usuario. Además, la página "Hagámoslo" es redundante e innecesaria, por lo que deberíamos eliminarla.

 

 

2. Mostrar la página de Promo Wiz:Nuestros usuarios de prueba tuvieron la mayor confusión y problemas con esta página. Podría reconsiderar cómo diseñar esto para conectar Press Copy con Press Wiz y Social Copy con Social Scheduler para que trabajen mejor juntos como equipo. El programador social necesita más información en el prototipo, ya que los probadores no tenían claro qué era. Lo mismo ocurre con la prensa. También es necesario mencionar qué cosas son posiblemente más altas y cuáles son gratuitas.
 

3. Invitar a otros:Los evaluadores estaban confundidos acerca del botón "Invitar a otros". ¿Significaba invitar amigos? ¿Se refería a personas que no están en las redes sociales? ¿Se refería a otros administradores? Necesitar

Recomendaciones adicionales

  • Debajo de la biografía y la foto de perfil, debe mencionar que es para la banda/lugar/promotor y no para su biografía/foto de perfil personal.
     

  • Los menús desplegables no son desplegables, se completan automáticamente. Cambie el diseño para reflejar tan.
     

  • Quiere una opción para simplemente escribir el nombre de la banda que no se complete automáticamente como texto sin formato. No quería tener que agregar una banda que no está en la lista.
     

  • Igual que #2 y #3 para “lugar”.

  • Agregue la opción Nombre del evento, así como
    Nombre del tour. Dos cosas diferentes...
     

  • Llame al botón "agregar bandas adicionales" de manera más prominente
     

  • El logotipo va a la página de inicio en todas partes, no solo antes de iniciar sesión.
     

  • Saque la estrella para nuevos eventos, ya que era confuso para los probadores.
    ¿Hay otra forma de decir nuevo?
     

  • ¿Debería haber un botón de tablero de inicio en alguna parte?

7. Nuestros Wireframes // Boceto

Creando

Nuestro primer

Prototipo

Nuestros Wireframes

Utilizamos los conocimientos recopilados en la última ronda de pruebas de usuarios de guerrilla para mejorar nuestro diseño en la próxima ronda de creación de prototipos.

Nuestro flujo de alambre

Una vez que hicimos los ajustes en nuestras rutas rojas según los conocimientos durante las pruebas de guerrilla, necesitábamos conectar las dos rutas en un flujo de cables. 

8. Visualización de nuestro flujo de alambre // Boceto

WireFlow
Design
Design01.png

Esta sección //
 

Diseño

 

Lo que abordamos:

  1. Moodboard

  2. Guía de estilo

  3. Principios de la Gestalt

  4. Simulacros de alta fidelidad

  5. Construyendo nuestro prototipo

1. Moodboard // Diseño

Estableciendo el tono

MoodBoard.jpeg

también usamosmilanotepara crear un espacio más completo para intercambiar ideas sobre nuestro moodboard:

https://app.milanote.com/1JpgSO1Ers0gaH/01-bns_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í:

Guía de estilo completa de BNS InVision
 

Style Guide Screen Cap_edited_edited.png
Fonts.png
Colors.png
Style Guide Screen Cap_edited.jpg

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/

Google_edited.png

Nuestra página de inicio se encuentra
Diseño de materiales de Google

Homepage GoogleM.jpeg
Homepage GoogleM.jpeg

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

GM Page_edited.jpg
GM Page_edited.jpg

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.

shutterstock_1722342391-[Converted].jpg

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í! 

Test01.png

Esta sección //
 

Prueba

 

Lo que abordamos:

  1. Nuestro plan de prueba

  2. Pruebas de la primera ronda

  3. Resultados de la primera ronda

  4. Modificaciones de diseño

  5. Pruebas de la segunda ronda

Test

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.

Round 1 Testing.jpeg

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í:

Resultados completos de la prueba de la ronda 1 

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

Home Page Mock.jpg

Antes

Home Page Mock.jpg

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".

Pricing Plans.jpg

Antes

Pricing Plans.jpg

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.

Login.jpg

Antes

Login.jpg

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í.

Connect Accounts None Connected.jpg

Antes

Connect Accounts None Connected.jpg

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.

Dashboard Mock 1.jpg

Antes

Dashboard Mock 1.jpg

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.

Promotion Wiz copy.jpg

Antes

Admin Wiz.jpg

Después

Promotion Wiz.jpg

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.

shutterstock_1722342391-[Converted].jpg

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í:

Resultados completos de las pruebas de la Ronda 2 

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.

Results01.png

Esta sección //
 

Resultados

 

Lo que abordamos:

- Próximos pasos

- Resumen

Results

1. Próximos pasos // Resultados
Nuestros próximos pasos

Busque en Hootsuite y HubSpot:
METRO
ight 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?

6 meses
Diseño
Proyecto

Superar a
a más de 30
usuarios potenciales
y probadores

3 rondas de iteraciones

un emocionante
nuevoplataforma
para ayudar a conducir
asistencia de fans!

2. Resumen // Resultados
Puntos clave

  • LinkedIn
  • Artboard%201_RGB_edited
  • Vimeo
  • Instagram
  • Facebook

©2021 por UXME por Coyne Creative.

bottom of page