Puerto Jam: App para Comparsas y Centros Culturales

De Casiopea



TítuloAgrupaciones culturales
Tipo de ProyectoProyecto de Taller
Palabras Claveapp, experiencia de usuario, interacción, Organización, Comunicación.
Período2018-2018
AsignaturaTaller de Diseño de Interacción
Del CursoTaller de Diseño de Interacción 2018
CarrerasDiseño, Interacción y Servicios
Alumno(s)Samuel cordat, Alejandro Marambio, Lunapaz
ProfesorHerbert Spencer
Logopuertojam.png



Proyecto de Estudio Centrado en las necesidades reales de los Usuarios

Introducción

Respecto a la tercera etapa del taller de interacción se propone crear, junto con alumnos de la escuela de ingeniería informática, un producto que repare en las necesidades reales de los usuarios al que pretende responder este proyecto. Este proceso tiene cuatro etapas de fundamentales de desarrollo, las cuales son: definir, idear, prototipar e iterar.

El caso en cuestión son: la organización y promoción de actividades culturales en valparaíso y los diferentes actores que agrupan estas áreas de estimulación artística.

En primer momento se realizarán entrevistas directas con gestores de proyectos, esto es para observar la dinámica de la agrupación y sus formatos de organización, así como también, promueven e invitan a la ciudadania a participar. Posteriormente comenzaremos la etapa de elaboración del producto que solucione las problemáticas encontradas.

Proyecto Iota

Area informática

  • Matías Allende
  • Octavio Gómez
  • Esteban Soto
  • Juan Cristóbal Soto

Area de diseño

  • Luna Fuenzalida
  • Samuel Corbat
  • Alejandro Marambio

Casos de estudio

Los casos de estudio son agrupaciones que promueven la actividad cultural de la quinta región e invitan a la ciudadanía en la participación de sus proyectos. El tema a resolver sería ver como se organizan y gestionan sus actividades.

"La calle es la mejor manera de promocionar la actividad cultural de la ciudad y a los grupos que están recién emergiendo"


Entrevistas

  1. Gestión Interna
    1. ¿Cómo definen esta organización o proyecto?
    2. ¿De que tipo de disciplinas esta compuesta?
    3. ¿Cuántas personas son parte de la organización? Puede ser un estimado.
    4. ¿Tienen algún tipo de registro de los Integrantes?¿cómo es?
    5. ¿Qué debilidades ves en la forma en como organizan a sus integrantes y los eventos que desarrollan?
    6. ¿Cómo piensan ustedes que la tecnología podría ayudarlos?



  1. Gestión Externa Interacción con la calle y sus pares
    1. ¿Existe alguna interacción con agrupaciones que realizan las mismas actividades? ¿Se comunican o relacionan para fortalecerse?
    2. ¿Cómo divulgan sus eventos?
    3. ¿Qué manera sienten que es más efectiva?
    4. ¿Se sienten satisfechos con sus convocatorias?
    5. ¿Cómo la tecnología puede mejorar estas relaciones y la comunicación?

Caso 1 "Centro Juvenil Raíces"


  • RESPUESTAS
  1. Interno
    1. ) Centro Juvenil Cultural Raíces, Es una organización funcional, que desarrolla distintos talleres y proyectos sociales como el Proyecto UDUMBARA, que trabaja con distintas disciplinas artísticos culturales y deportivas con el fin de ayudar a la comunidad.
    2. ) Batucada, Malabarismo, Danza y ensamble de bronces. (solo por el CC) y anexado al proyecto, Capoeira a cargo de la agrupación Abadá Capoeira.
    3. ) 8 personas, en la organización, 40 personas beneficiadas directamente, y más de 1500 personas beneficiadas indirectamente.
    4. ) Registro de integrantes en un libro de socios, pero no muestra activos e inactivos ( que ya no participan) y por medio de grupos de redes sociales.
    5. ) De tener mayor control en la entrega de información de los que participan.
  2. Externo
    1. ) Nosotros si, por medio de redes sociales.
    2. ) Por medios de Redes sociales y la ayuda de Villalemanagram.
    3. ) Presencial y redes sociales y amigos.
    4. ) En realidad no me siento satisfecho, siento que podemos llegar a más personas que aún no se enteran.
    5. ) puede mejorar por ejemplo en tener una ficha de cada integrante, y saber en que taller está cada uno y saber que cosas tiene cada integrante ya aprendido y en que eventos a participado, instrumento o especialidad en la que se desenvuelve. por ejemplo:
  • Juanita perez: Danza, Tipo de danza: Afro y tango.
  • Adrian Rojas:Batucada y Danza.
  • Batucada: Repique y Fondo.
  • Danza: Jazz y break dance.

"Tener una ficha como un curriculum de cada participante. Saber si se le facilito un instrumento, y si lo entrego o no"

Modelo de organización
  • OBSERVACIONES

Cabe destacar que en esta de agrupación existe un problema en el control de sus integrantes (que están vigentes en la participación) y control de sus activos. También como mejorar la integración de artistas específicos. "tener una ficha de cada integrante, saber en que taller está cada uno y que características tiene cada integrante ya aprendido; eventos que a participado, instrumento o especialidad en la que se desenvuelve". Si bien, Utilizan redes sociales para gestionar sus proyectos, todavía se les hace difícil controlar todo tipo de plataformas que no están diseñadas para entretejer específicamente este tipo de actividades. Poder entregar mayor información directa a los que participan y a la ciudadanía "siento que podemos llegar a más personas que aún no se enteran"

Caso 2 Centro Cultural"La Casa"

Página Web https://www.lacasacentrocultural.cl/

Modelo de organización


Caso 3 Comparsa cultural "La Gritona"

Comparsa La gritona tocando en la calle. Interacción directa con el público, utiliza el color como estímulo de la música

https://www.youtube.com/watch?v=ppKd2SNmNMk


  • RESPUESTAS
  1. Interno
    1. ) Comparsa cultural "La Gritona, es un bloque de artistas que trabajan bajo sistema horizontal con un rol social, llevando la cultura de las artes escénicas a la calle y poblaciones. Tambien somos una escuela abierta, donde cualquiera puede integrarse y aprender desde cero, nos interesa potenciar y entregar nuevas habilidades y que estas personas las compartan.
    2. ) Se compone de tres bloques de artistas; Músicos (percusiones y vientos), bailarines y figurines.
    3. ) 8 personas en la organización, 60 participantes activos, 40 participantes itinerantes.
    4. ) Solo el bloque de baile, cuaderno simple.
    5. ) Impuntualidad de los asistentes, se cree que se debe al amplio rango etario del cual se compone la organización, el ritmo y diferencias de actividades realizadas por cada participante produce una complicación a hola de implementar un horario de ensayo.
    6. ) Creación de "memos" automáticos antes de los horarios de ensayo que ya están previamente acordados en conjunto.
  1. Externo
    1. ) Sí, si bien funcionamos por lo general solos, hemos hecho actividades colaborativas con otro tipo de agrupaciones, Tinkus, agrupaciones teatrales, otras comparsas, etc. Nos comunicamos si hay actividades en conjunto, a tráves de gestores como "Mil tambores" y "Roto Porteño"
    2. ) Tenemos tres tipos de formas de divulgación de eventos.
  • "A la gorra"(un grupo más reducido de participantes se presenta en la calle y divulgan los próximos eventos entre actos)
  • "Boca en boca"
  • A través de Facebook e Instagram (redes que posee la agrupación)
    1. ) En nuestro caso lo más efectivo es por Facebook, ya que el perfil de la comparsa es seguido por un gran número de personas, pero nos gusta implementarlos todos, ya que se restringeel público solo por la plataforma facebook, "nos gustan que lleguen y participen más amigos artistas que se enteran por el boca en boca por ejemplo".
    2. ) La comparsa tiene su público, pero nos interesa seguir llegando a esos lugares donde la cultura es apartada, como otras necesidades.
    3. ) ???????????????

Encuesta Pública

1
2
3
4
5
6
7

Mapa de actores

  • Agrupaciones: Diferentes agrupaciones que buscan o promueven músicos o artistas locales que participen en sus actividades.
  • Músicos de diferentes áreas: percusión, vientos, etc. Que buscan agrupaciones de las que puedan asociarse.
  • Artistas de diferentes áreas: baile, malabares, manualidades, etc.
  • Gestores de centros culturales: con el fin de organizar su asociación.
  • Gestores de eventos: que buscan y promueven actividades.
  • Personas de la ciudad que buscan eventos y actividades en Valparaíso
  • Personas que buscan aprender o experimentar alguna actividad artística
  • Extranjeros que buscan eventos y actividades temporales de la ciudad.

Posibles propuestas que implementaría la aplicación

Basándonos en un código 'HTML' combinado con 'JavaScript' y modelado con 'CSS' se realizará una aplicación web. Haciendo uso de la API de Google Maps se logrará obtener un mapa personalizado con los marcadores que pida el cliente representando los eventos cercanos al usuario. La interfaz planeada es tener un 'iFrame' del mapa como fondo de la aplicación web y haciendo uso de 'javascript' se manejará sobre el mapa una interfaz amigable e intuitiva para el usuario. La aplicación pretende resolver los problemas propuestos por las agrupaciones en las entrevistas implementando soluciones rápidas y confiables en cualquier navegador web.


Situación Interior

Personas que pertenecen a centros culturales; gestores o artistas.


  • Lista de integrantes con posibilidad de agregar el campo que se deseé
  • Sub grupos
  • Chat para cada subgrupo con posibilidad de dejar un mensaje destacado a la vista
  • Lista de quórum general y por sub grupos
  • Archivos multimedia con posibilidad de ordenar por filtros
  • Posibilidad de mandar mensajes a los sub grupos que se estime conveniente
  • Lista de asistencia general como para sub grupos

Situación Exterior

Persona que solo buscan eventos culturales en Valparaíso; extranjeros y público local.


  • Mapa que muestre los eventos cercanos
  • Perfiles de Agrupaciones y artistas
  • Calendario
  • Buscador
  • Ayuda, notificación.
  • información

Casos

Design thinking como herramienta que nos ayuda a empatizar con el usuario de la plataforma. Se proponen 4 casos como ejemplo para entender cuales son las necesidades de las personas con respecto a la organización y difusión de la música local en Valparaíso.


Gestor de eventos

  • Arturo
  • 35 años
  • Valparaíso
  • Productor de eventos

Juandiseinetr29018ale.jpg

Es gestor de eventos en Valparaíso, siempre fue aficionado a la música y los eventos en la calle, decidio vivir de la organización de eventos para entregarle a la ciudadania una opción cultural y apoyar la difusión de las bandas locales. Por lo tanto, necesita estar informado constantemente de los artistas de la ciudad conociendo sobre su música y contactarlos.

La plataforma entrega la opción de búsqueda como visitante donde puede mirar perfiles(conocer cuales son las bandas y músicos locales), su estilo musical (a través de enlaces externos) y contactarlos.


Director de banda

Javiera diseinter2018.jpg

  • Javiera
  • 27 años
  • Valparaíso
  • Músico de profesión

Javiera desde niña le interesaron los instrumentos musicales, estuvo en clases de clarinete y otros instrumentos de viento, su gran anhelo fue tener una banda de cumbia colombiana. En su paso por la universidad hizo, con algunos compañeros, su propia banda y fueron muy comprometidos siempre en la organización de ella, pero su problema siempre fue la difusión, necesitaban ganar dinero haciendo lo que les gustaba. Utilizan varias plataformas para difundir su música( facebook, instagram y otros ), pero siempre llaman al mismo público que los sigue.

La plataforma ofrece la oportunidad de organizar internamente, como usuario, su banda (marcar eventos y ensayos, además del chat interior), promover las actividades que realizan y a la misma vez ser contactados por una productora de eventos.

Visitante interesado en saber sobre los eventos musicales en Valparaíso

Luisdiseñointeraccion2018.jpg

  • Luis
  • 23 años
  • Santiago
  • Estudiante


Luis es de Santiago pero es un amante de Valparaíso, ama su arquitectura y su ambiente cultural. Cada vez que tiene la oportunidad de viajar a la ciudad con sus amigos lo hace, organizando su panorama los días que va a estar, conoce mucha gente y artistas locales, pero se le es complicado conocer los eventos de la ciudad.

la plataforma entrega la opción entrar como visitante y buscar en la pantalla principal las opciones de eventos en la ciudad. Otra forma de organizar su panorama es marcando la opción de eventos y revisar los días que estar en la ciudad las actividades locales, con horarios, precios y ubicación.

Músico

Samdisinter2018ale.jpg

  • Sam
  • 26 años
  • Valparaíso
  • estudiante y músico

Sam es un estudiante de diseño que por hobby realiza diferentes actividades. Su pasión es la música digital pero no es muy conocido en la ciudad por que esta hace algún tiempo acá. Quiere realizar interpretaciones solistas o acompañado, no tiene problemas con crear algo innovador.

La plataforma invita crear un perfil de músico indicando cual es su actividad, agregar enlaces externos para darse a conocer y crear eventos, ya sean en la calle o privados (pagados o gratuito). También a través de la opción de perfiles contactar con otro músico con quien asociarse para crear algo innovador.


Story boarddiseñointer2018ale.jpg

Mapa Conceptual

Se propone cual sería el flujo del usuario en la navegación y cuales son las utilidades de la plataforma

Puertojamdiseinter2018.jpg

Primera propuesta

La maqueta de la pagina web se piensa en una sola pantalla (mapa) sobre la cual se abren ventanas para cada uso. Que sea buscar un evento, una agrupación, un músico, mandar un mensaje, visitar la mapa. Cabe destacar que la opción de permitir eventos culturales de otro tipo de arte exterior a lo musical, abre demasiado la posibilidad de organizarlos, es por esto que en esta primera versión solo nos enfocamos en la música.

La idea es que el usuario visitante tenga acceso a la información sobre eventos a realizarse cercanos a su área, entregar información con respecto a horarios, valores y ubicación, tambien puede buscar agrupaciones, o músicos de áreas y/o instrumentos específicos y para poder contactarse es necesario registrarse. Un usuario Registrado no solo tiene acceso a la información anteriormente descrita, sino también, puede enlazar sus propias agrupaciones y enviar mensajes o otras agrupaciones o músicos, pudiendo dentro de estas pantallas organizar sus agrupaciones personales, dejar notas sobre la calendarización de ensayos y/o eventos o cualquier mensaje importante dentro de la comunicación del grupo.

El objetivo principal es la creación de redes para eventos (conciertos, talleres, formación de bandas nuevas, etc).

Maqueta

Pantallas

  • Mapa
  • Agrupación
  • Perfil
  • Evento

Archivo:Pantallas puerto jam.pdf

Tipografía

La tipografía elegida fue myriad pro. Sans serif de buena legibilidad en menor tamaño

  • Titulos
    • 42pts Bold
  • Subtitulos
    • 30pts regular
  • Texto
    • 22pts regular
  • otros
    • 14pts Italic

Iconos

Los iconos se proponen para generar una identidad a la página. El sentido es mostrar la la música y su correspondencia cultural con la ciudad de Valparaíso.

Iconosdiseinter2018ale.jpg

Pruebas de Usuario

Las pruebas fueron hechas con 3 tareas criticas:

  1. Consultar el calendario, encontrar y elegir un evento de cumbia en Valparaiso. Encontrar la fecha el lugar y el precio.
  2. Consultar en tus agrupaciones la fecha, el lugar y la hora del próximo a de la agrupación "Banana Split"
  3. Buscar y elegir un saxofonista, enviarle un mensaje.



Feedback

Con estas pruebas de usuario habemos visto que la app no es tan clara:

  1. Falta una leyenda en el mapa para indicar lo que mostrar
  2. El icono "agrupación" no se entiende bien
  3. Organizar la parte inbox a parte de los otros botones de manera a poder usar dos interfaces al mismo tiempo.
  4. Poner las informaciones a la una en mas grande en la parte de agrupaciones (próxima practica, reunión...)

Segunda Propuesta

Ajustes de pantallas y descripción

En el primer feedback con el usuario reparamos en la construcción gráfica de la pagina y agregamos una leyenda a los iconos que no eran claros, esto para mantener la identidad de los dibujos asociada a la pagina y que el usuario entienda su finalidad. Además, el sector de perfil de usuario modificamos su diseño para que sea mas rápido la edición de información así como agregar enlaces de música. En el mapa se agregaron ahora los iconos de persona, agrupación y eventos para que muestre directamente el tipo de actividad enlazada.

Puertojamdiseñointer2018.png

Puerto jam sectordiseinter2018ale.jpg

Pantallas

Tipografías

La tipografía se mantiene en los valores anteriores.

Segunda propuesta de iconos

Iconos2diseinter2018ale.jpg


prueba de Colores

La idea es atraer a músicos de diferentes áreas que se identifiquen con la plataforma, permitiendo difundir su estilo musical a través de ella

Se identificó que los colores propuestos no son amables con los distintos usuarios de la plataforma, los colores no representan a la variedad de músicos que interactúan con la página (jazz, carnaval, rock, reggae, cumbia) Por lo tanto, se busca establecer una paleta de colores que respondan a estas necesidades y que no pierda el sentido de la página (La música).

Las barras negras conservan la neutralidad de los estilos además de crear mejor contraste con los iconos. La paleta interior donde interactúa con su perfil varía con colores complementarios.

Tercera Propuesta

Pantalla1tresdiseinter2018.png

Propuesta Final

feedback

En el tercer feedback se repara en la legibilidad de la tipografía; los altos contrastes de su tamaño y la jerarquía de los títulos. También, la proporción de los iconos y los códigos de comunicación no son efectivos para el usuario; se eliminó la leyenda integrando la tipografía al icono como forma de respaldo. Se selecciona la paleta de colores que tendrá, basándonos en los distintos actores de interacción; barras negras superior e inferior para dar mayor énfasis al mapa. Los colores interiores complementarios son moderados en el traspaso entre uno y otro.

Pantallas

  • Usuario
  • Eventos
  • Perfiles

Tipografías

Tamaños

  • Texto:
    • Myriad pro; regular ;22 px
    • Myriad pro; italic ; 22 px
  • Subtítulos
    • Myriad pro: regular ; 26 px
  • Títulos
    • Myriad pro ; bold ; 34 px