Índice Primera Parte - Introducción Tema Problema Objetivos Público
Segunda Parte - Marco Teórico Introducción Consumo Colavorativo Comunicación Estrategica Diseño de Información Arquitectura de Información Tribus Urbanas
Tercera Parte - Diseño y Estratégia Estructura Secciones Diferentes perfiles Arquitectura de Información Naming Isologo Colores Tipografía Formas Iconos Fotografía Pantallas Estratégia de Comunicación
Página 03 05 05 05 05
Página 07 09 09 10 10 11 11
Página 13 15 15 16 17 18 18 18 19 19 20 21 22 24
primera Parte
Tema Diseño de una aplicación para teléfonos móviles pensada para músicos, bares y público general, con el fin de conectarlos y que generen entre ellos un intercambio de tiempo, emociones, y beneficios.
Problema Se suele decir que en Argentina hay un aproximado de 1 banda por cuadra, pero ¿Cuántas de éstas pueden mostrarse al público? ¿Cuántas de ellas solo tocan en un garaje? ¿Cuántos espacios para tocar uno conoce? ¿Cómo se publican estos eventos? ¿Cuánto público va a ellos?, todas estas preguntas llevan a tomar como principal problema, la falta de comunicación, conexión, conocimiento entre Bandas y Espacios en torno a Paraná y Santa Fe, y con sigo, la falta de eventos y/o notificación de los mismos. Crear un aplicación gratuita, partiendo de la idea de Consumo Colaborativo, que permita esta conexión entre las partes, y en dónde se puedan publicar estos eventos.
Obejtivos Poder conectar Bandas y Espacios de modo simple, dar a conocer productos/servicios que ambos tienen para brindarle al otro y generen un intercambio de productos/servicios, llegando a hacer shows.
Público Se presentan 3 tipos de público. Usuarios que tengan bandas de Rock Under, y que deseen mostrar su material y Usuarios que dispongan de Bares/Pubs que permitan música en vivo y Usuarios como público general, amantes del rock nacional. Cada uno de ellos cumple un rol importante y genera un intercambio colaborativo con el otro. La Banda le da un show al Público y éste lo intercambia por dinero, a su vez el Bar le da el espacio a la Banda para tocar sabiendo que esta llevara Público que luego consumirá lo que el éste provea. De esta manera cada uno de ellos intercambia algo con el otro, haciedo de esto, un consumo colaborativo.
Un show necesita tres cosas importantes, una Banda que haga su presentación artística, un Espacio en donde esta pueda tocar y un Público quien reciba lo que los artistas hacen y a su vez que lo recompense.
05
SEGUNDA Parte
Introducción Este proyecto se dividió en tres áreas claves Consumo Colaborativo, Diseño de Información y Bandas Under de Rock. Estas tres áreas, ayudaron a estudiar las posibilidades y lograr un proyecto, de recorrido simple pero con una gran arquitectura de información, en donde los usuarios podrán disfrutar de sus gustos, y compartirlo con los demás. Así mismo se llevó a cabo el diseño de Punto ROCK, una aplicación diseñada con el objetivo de conectar a los Bares con las Bandas y que entre ellos se genere un intercambio de servicios/productos.
Consumo Colaborativo Se define como una interacción entre dos o más sujetos, a través de medios digitalizados o no, que satisface una necesidad real o potencial, a una o más personas. En este tipo de consumos el usuario puede cumplir tanto el rol de consumidor como el de productor, a estos se los llama prosumidores.
El Consumo colaborativo, según Albert Cañague-
Según Albert Cañigueral, el actual boom del consumo colaborativo surge a partir de una confluencia de factores culturales, tecnológicos y económicos:
tecnología moderna y las comunidades.
ral, podría definirse, como un modelo económico basado en el intercambio, en el alquiler, en el uso compartido, en el préstamo, en la recomercialización, en la donación, redefinido a través de la
Culturales: A partir de la popularización y difusión en Internet de diferentes servicios, los usuarios han redescubierto la posibilidad de compartir con otros. Tecnológicos: Estas mismas tecnologías han permitido crear lazos de confianza y colaboración con desconocidos o pseudodesconocidos. Económicos: La crisis, la reducción de la renta disponible y la limitación del crédito han facilitado que muchos usuarios hayan usado por primera algunos de los servicios colaborativos. Y según Rachel Botsman hay tres tipos de clasificaciones para las diferentes prácticas del consumo colaborativo. Sistema badaso en productos: Aquí se incluyen todas aquellas iniciativas en las que alguien paga por el beneficio de utilizar un determinado producto sin la necesidad de adquirir el mismo. Mercado de redistribución: Es ésta, se encuadra las actividades de consumo colaborativo en las cuales se redistribuyen los bienes usados, aquellos que ya no se utilizan, o necesitan. Estilos de vida colaborativos: Es donde entra en juego el interés de participar, de compartir e intercambiar bienes materiales o bien aquellos que no son tangibles como el tiempo, habilidades y dinero.
09
Comunicación Estratégica Es aquella que plantea abordar a la comunicación como fenómeno histórico, complejo, situacional y fluido. Analiza no solo el comportamiento del receptor, sino también su entorno, su pasado, su presente, etc., para llegar a ellos con el mejor de los éxitos y a su vez para controlar sus impulsos, esta procura delinear una estrategia global en la cual se articulen todas las comunicaciones de nivel táctico, gestionándolas así como un sistema integrador, sinérgico y coherente. Como dijo Daniel Scheinsohn , la estrategia de comunicación emerge precisamente de ese particular "ser con otros". Desde esta perspectiva y para abordar con solvencia este complejo proceso se propone este modelo concreto (conceptual y operacional) denominado Comunicación Estratégica.
Diseño de Información El Diseño de información emerge como respuesta a la necesidad de entender y usar tal conocimiento a manera de formas, documentos legales, interfaces computacionales e información técnica, y se concibe como la transformación de datos en información, haciedo de lo complejo, algo fácil de entender y de usar. Según Jorge Frascara, el diseño de información es el arte y la ciencia de preparar la información para que pueda ser usada para los propósitos de las personas con eficacia y efectividad. El diseñador y comunicólogo Nathan Shedroff, considera que el diseño de información trata con la organización y presentación de datos su transformación a información valiosa y significativa.
Arquitectura de Información Según Luis Rosenfeld y Peter Morvillle, la arquitectura de la información trata, en realidad, sobre lo que no es obvio. Los usuarios no perciben la arquitectura de la información de un sitio a menos que no funcione. Cuando notan las características de una buena arquitectura en algún sitio, las atribuyen a algo más...
El término Arquitectura de la Información es un concepto utilizado en su forma más amplia para expresar el diseño, organización y distribución de los sistemas informáticos. Richard Saul Wurman acuñó el término en 1976, y trabajó seriamente en la estructura de la información dentro de sus publicaciones, como Information Anxiety, Information Architects, y Information Design. A partir de esta fecha se ha ido extendiendo su uso dentro de las publicaciones técnicas y de referencia, y hasta se ha creado un perfil laboral que comparte muchas habilidades de varias disciplinas.
Tribus Urbanas (Rock) Son grupo de personas, especialmente de jóvenes, que visten de forma similar, poseen hábitos comunes y lugares de reunión y que se comporta de acuerdo a las ideologías de una subcultura, que se origina y se desarrolla en el ambiente de una ciudad o casco urbano. Adolescentes y jóvenes suelen ver en las tribus la posibilidad de encontrar una nueva vía de expresión, un modo de alejarse de la normalidad que no les satisface, y ante todo, la ocasión de intensificar sus vivencias personales y encontrar un núcleo gratificante de afectividad. Se trataba, desde muchos puntos de vista, de una especie de cobijo emotivo por oposición a la "intemperie" urbana contemporánea que, paradójicamente, les lleva a la calle. La tribu urbana del Rock nacional Argentino, generalmente es un público rebeldes, rusticos e irresponsables, muy presente en su vestimenta con jeans rotos, usando con frecuencia zapatillas gastadas y/o sucias, una remera de alguna banda del movimiento (color oscuro), camperas de cuero o de jean.
11
tercera Parte
Estructura PPartiendo de la problemática ya planteada, se desarrolló la aplicación pen- sando en las posibilidades y ventajas del usuario tomando como ejemplos distintas aplicaciones en donde se buscan los mismos fines. A diferencia de otras, ésta combina un reproductor de música, álbum de fotos, información textual, información de eventos, ubicación satelital, compra de entradas, entre otras, y esto presenta una gran estructura interna ya mayoría de las partes se encuentran vinculadas y el usuario podrá moverse libremente. Todas estas posibilidades se combinaron con el fin de brindarle al usuario toda la información que desea y necesita sobre espacios, bandas y eventos, es una simple aplicación, fácil de navegar.
Secciones Debido a la gran estructura de esta aplicación se optó por dividir toda la información en 5 secciones diferentes: Inicio: es un recibimiento al usuario en donde encontrará lo más importante de la aplicación, ahí mismo se podrá ver los proximos shows, un top con la música más escuchada de la semana, otro con las bandas más votadas, y otro con los bares más votados, entre otros. Bandas: en esta sección aparecerán todos los perfiles de bandas creados, y donde el usuario podrá navegan, encontrar y escuchar música, conociendo y disfrutando, además, también podrá darle me gusta a las bandas y así guardarla en su lista de favoritos, y también podrá valorarla en una escala del 1 al 5 según su criterio. Espacios: en ésta, a semejanza y diferencia de la anterior, el usuario encontrará todos los perfiles de bares y pubs agregados, en ella podrá mirar fotos, conocer bares nuevos, y recibir información sobre los mismos, además, también podrá darle me gusta a los bares y pubs y así guardarlos en su lista de favoritos, y al igual que en la sección anterior, podrá valorarlos en una escala del 1 al 5 según su criterio. Eventos: dentro de esta sección el usuario podrá navegar, todas los eventos próximos, ver su información, agregarlos a su agenda, y además, comprar la entrada directamente desde la aplicación. Perfil: será la sección en donde aparecerá todo lo referido al perfil del usuario, en ésta aparecerá su lista de favoritos, su agenda, con todas los show agregados, etc.
15
Diferentes perfiles Debido a su complejidad, y debido a los tipos de públicos que se esperan para la aplicación, se tuvo en cuanta, hacer tres perfiles similares, pero con ciertas modificaciones, tanto, el perfil de BANDA, como el perfil de ESPACIOS, a diferencia del perfil de PÚBLICO, tienen ciertas acciones, que permiten la interacción directa entre ellos, ellas son: Contactar: esta acción le permite a ambos perfiles, Banda/Espacio, contactarse con el otro, si se ve interesado, con el fin de organizar un evento juntos. Esta posibilidad solo se la permite a estos perfiles, ya que éste, es el primer objetivo de la aplicación. Crear evento: esta acción le permite a ambos perfiles, crear un evento, completando los datos, y enviadosela al otro, para que este confirme la información, y automáticamente, se publique el nuevo evento.
Contactar
Crear Evento
Arquitectura de Información Debido a la gran profundidad de la aplicación, fue clave poder organizar correctamente todos las interconecciones dentro de la misma, y organizar correctamente la información que presenta esta aplicación.
Como decía David Robins, la Arquitectura de la
Para entender mejor estas interconexiones, y la navegabilidad de esta aplicación a continuación se mostrará toda la arquitectura de información que se creó a partir del diseño de la misma, esta cuenta, con todas las relaciones posibles entre as partes, secciones y pestañas.
planificación de la experiencia del usuario frente
Información es un término difícil de definir, y para cada persona puede tener una acepción particular. Este término es usado para describir la a un sitio web. Algunos de estos elementos más tangibles como el impacto del diseño gráfico.
lo más importante
Inicio
Favoritos
Bandas
Espacios
Eventos
todas las Bandas
todos los Espacios
todos los Eventos
Banda
Espacio
Evento
Perfil
Agenda Mensajes Crear Evento
Confirmar Evento Música
Fotos
Fotos
Ubicación
Info.
Adq. Entrada
Reproductor
Lista de Rep.
Contactar
Todas estos hipervínculos, permiten que el usuario navegue fácilmente dentro de la aplicación, y que comprenda rápidamente su organización, para un mayor aprovechamiento de la misma.
Estos elementos combinados permiten organizar la información de forma que el usuario pueda obtener adecuadamente y en forma rápida los datos dentro de su sitio web o aplicación.
17
Naming Para esta aplicación se buscó un nombre que logre representar su función y a su vez relacionarla con su entorno, de este modo surge PuntoROCK, que proviene de la idea de Punto de encuentro, sumada a la palabra rock, como referente directo del género.
Isotipo Es isotipo se realizó pensando en una marca simple, reconocible y que permita leerse como punto rock, a su vez este debía representar los atributos de la tribu urbana del rock, antes mencionados, fusionados con las características modernas que presentan las nuevas tecnologías, (geometría). 2x 2x x 2x
3x x 2x 2x x
2.7x
x x
2.7x
x
2x
2x
Colores La paleta se seleccionó pensando en el atractivo de la aplicación, y la comodidad de navegación dentro de ella. Ésta nace, del recuerdo de las luces en los espectáculos musicales, siendo estos los que invaden el show y los que siempre retenemos en nuestra memoria. Cada uno de ellos tendrá un asignado una de las 5 secciones y ayudará a diferenciar los diferentes usuarios. Se utilizarán dos modos de color. Color pla- no y Degradado de color, el cual se formará por el color plano y uno similar mas oscuro.
#5C3280
#CF1125
#E2321A
#E96B1F
#F3A413
R:92 G:50 B:128
R:207 G:17 B:35
R:226 G:50 B:26
R:233 G:107 B:31
R:243 G:164 B:19
R:36 G:28 B:66
R:120 G:22 B:21
R:176 G:25 B:23
R:227 G:64 B:18
R:214 G:111 B:16
#241C42
#781615
#B01917
#E34012
#D66F10
Tipografía Se utilizó la familia Roboto Slab, debido a su tipología egipcia, lo cual da cuenta de su gran peso en los serif, los cuales ayudan a transmitir esa imagen generalizada de la tribu urbana del rock antes mencionada,pero a su vez ésta muestra cierta geometría muy marcada en la modernidad que se ve más apegada a lo tecnológico, lo cual nos permite, no solo cerrarnos en el público amante del género musical trabajado, sino también a cualquier tipo de usuario. Esta familia presenta 4 variables de peso, de las cuales se usaron solo 3 para marcar los diferentes niveles de información. (Light-Regular-Bold)
ABCDEFGHIJKLMNOPQRST UVWXYZabcdefghijklmnñ opqrstuvwxyz1234567890 Formas Para la aplicación se utilizaron tando formas totalmente geométricas como rectángulo y cuadrados, pero a su vez, también se utilizaron formas más abstractas las cuales se disponen como contenedor de imágenes o botones específicos, además, ésta también puede cumplir el papel de contenedor de la marca. Esta forma abstracta, surge de la misma marca, la cual presenta esta irregularidad en sus bordes, lo cual define esa imperfección rusticidad del rock under.
19
Iconos
Este conjuntos de iconos se diseñó con el fin de reconocerse rápidamente y comprender su función dentro de la aplicación. Dentro de Este sistema podemos encontrar varios subsistemas: Iconos del Zócalo de Superior. (presentan una forma simple, ya que se encuentran en el zócalo superior y no deben competir con el color establecido, a su vez tampoco deben distraer al usuario ya que son iconos de ayuda)
Iconos del Zócalo de Inferior, Encargado de la navegación entre 5 secciones principales de la aplicación, estos permiten navegar por toda la aplicación durante todo el tiempo, siempre se encuentran en el mismo sitio y te permiten ir de un lado al otro sin problemas.
Iconos Sobre imágenes (ángulo superior derecho) tienen esta característica debido a que su ubicación se encuentra sobre las diferentes imágenes. y permiten hacer diferentes acciones, tales como Editar, Contactar, Etc.
Iconos con metáfora de “favoritos” y estrella de valoración, Generados con el fin de darle más personalidad a la aplicación y así a cada uno de los usuarios. este icono permite agregar a favoritos a tus bandas preferidas y así mismo a los bares, además también permite la valoración de usuario de estos dos perfiles.
Iconos del Reproductor, son los que permiten de la navegación dentro del reproductor de la aplicación, similares a un reproductor común.
Fotografía Se optó por fotografías en Blanco y negro, con el fin de generar tramas, que no molesten a la interfaz de la aplicación, además todas las fotografías presentan una relación con las función principal de la aplicación. En distintos momento en la aplicación se utilizan imágenes como fondos, pero cada uno de ellos, con diferentes funciones, pero más allá de ello, todas fueron tratadas en blanco y negro, con diferentes variaciones. Como primer ejemplo están las pantallas de registro, pantallas que aparecerán solo al momento de registrase o bien, de iniciar sesión, de fondo, aparecerán fotos de músicos durante un show, tratadas con blanco y negro. Como segundo están las pantallas de registro pero en el momento de completar los datos, tanto de una banda como de un espacio, la imagen de los músicos anteriormente mencionada, se teñirá del color correspondiente a su usuario. (Banda-Violeta) (Espacio-Bordo). Como tercer ejemplo, las imágenes del fondo de cada una de las momentos de la aplicación (Inicio-Bandas-Espacios-Eventos-Perfil) estan tambien son en blanco y negro, pero tienen filtros oscuros para que no incomode la lectura. Cada uno de estas 5 imágenes tiene una relación directa con la pantalla que ocupa.
Fotografia de ingreso
fotografia con filtro de registro
21
Pantallas Cada una de las secciones ademรกs de tener un color particular, posee una imagen de fondo, con una relaciรณn directa con la informaciรณn que expone. Inicio (info general)
Bandas
Espacios
Eventos
estas imágenes, como se dijo anteriormente, además de estar en blanco y negro, se trataron con un filtro oscuro, para que no presente blanco, debido a que la tipografía utilizada en la aplicación es de ese color, y se vería invadida por la imagen. Perfil
Apariencia de la aplicación
23
Estrategia de comunicación Imágenes de publicidad: Partiendo de la metáfora “una aplicación para todo momentos” se trabaja, tanto en las redes, como en la vía pública, con imágenes, de diferentes tipos de usuario, utilizando esta aplicación, en diferentes sitios y circunstancias. Dichas imágenes tendrán un filtro de color propios de la aplicación, y contarán con una frase que haga referencia a la acción posible con la aplicación. Algunos ejemplos: “Utiliza la aplicación mientras estudias”
“Muestrales a tus amigos los nuevos bares para tocar”
“Ahorra tiempo comprando la entrada desde la app”
Merchandising: Además de las imágenes antes dichas, se utilizará como mayor atractivo, distintos tipos de productos de merchandising para la promoción de la aplicación, estos productos tendrán la particularidad de tener solo la marca, acompañada de los colores representativos. Todos estos productos estarán destinado a las bandas y bares que utilicen la aplicación. Pines
Puas
Gorras
Palillos
25
Afiches para Bares: también a modo de publicidad dentro de los bares, se presentaran afiches, los cuales también podrán ser utilizados para la vía pública, con un fin más atractivo, y de intriga. Estos afiches al igual que los otros, presentarán una imagen con filtro de color, pero jugaran con la tipografía, para dar un alto grado de impacto, y además, contarán con un código QR el cual redirige al playstore, para descargar la aplicación. Dichos afiches están pensados principalmente para el interior de bares, donde deberán competir con toda la info visual que suelen tener estos en las paredes, (fotos, carteles, dibujos, etc). Videos publicitarios: toda esta estrategia de comunicación, se verá acompañada además por video publicitarios en las distintas redes (facebook, Instagram, youtube), de videos que estas son las más concurridas por el público al cual apunta la aplicación además de ser las más utilizadas por la sociedad, hoy en día, estos videos presentaran una duración, consta, de unos aproximados 10 segundos, en los cuales se mostrarán en diferentes etapas, las distintas posibilidades de interacción que brinda la aplicación, dicho videos estarán sonorizados con música del mismo género apuntado (Rock Under Nacional) y serán uno de los principales atractivos de las redes. Intervenciones en Espacios: además de colocar afiches dentro de los bares, otra de las soluciones para la estrategia es las de intervenir las paredes de baños y camarines, con grafitis/pinturas con colores del sistema, y la marca en el centro en color blanco, a modo de Arte Under. Estas intervenciones, ayudarán a que tanto las bandas, como el público general, ya que probablemente pertenezcan a la tribu urbana antes analizada, se sienta incluido dentro de esta aplicación, este tipo de estímulos son los que se buscan generan en el usuario.
Conoce Bandas bares y Eventos