Viva!Killa

Viva!Killa________

Diseño MóvilAnteproyecto de GradoDiana Milé Ospino Castañeda

Diseño MóvilAnteproyecto de GradoDiana Milé Ospino Castañeda

5

Capítulo 1 Información General Tema Público Objetivo Área Ámbito

Capitulo 2 Resumen ejecutivo

Capitulo 3 Abstract

Capitulo 4 Justificación

Capítulo 5 Planteamiento del problema Elementos del problema

Capitulo 6 Impacto esperado

Capitulo 7 Usuarios directos e indirectos

Capítulo 8 Marco Teórico y estado del arte Categorías de análisis

Capítulo 9 Objetivos Objetivo General Objetivosespecíficos

Pg 7

Pg 9

Pg 10

Pg 11

Pg 13

Pg 18

Pg 19

Pg 20

Pg 49

6

Capítulo 10 Categorías Conceptuales

Capítulo 11 Metodologpia propuesta

Capítulo 12 Estructuras de procesos de bocetación

Capítulo 13 Técnicas y materiales

Capítulo 14 Instrumentos de medición

Capítulo 15 Resultados esperados

Capítulo 16 Estrategias de transmisión

Capítulo 17 Estrategias de comunicación

Capítulo 18 Referentes visuales

Capítulo 19 Bocetos

Capítulo 20 Presupuesto

Capítulo 21 Cronograma

Capítulo 22 Bibliografía

Pg 50

Pg 52

Pg 54

Pg 55

Pg 56

Pg 58

Pg 59

Pg 60

Pg 62

Pg 77

Pg 86

Pg 87

Pg 90

7

Capítulo 1

8

TEMAEl diseño gráfico en la comunicación móvil de eventos sociales para el desarrollo integral de los Barranquilleros.

PÚBLICO OBJETIVOJóvenes entre 18 a 25 años que utilicen herramientas móviles como motor de búsqueda principal; jóvenes con ingresos menores a un salario mínimo vigente mensual y una vida social activa que estén interesados en ampliar sus conocimientos por medio de actividades sociales.

ÁREAEste proyecto se relaciona con el área socio-cultural de la sociedad.

ÁMBITOEl proyecto acapara el ámbito de diseño móvil.

9

Capítulo 2

El propósito de esta investigación es mostrar la manera en que el diseño gráfico se puede incursionar en el diseño móvil. Para ilustrar esto se creará una aplicación móvil que ayude a los Barranquilleros a encontrar una actividad socio-cultural que desarrollar el día que desee asistir a una.

Se espera estimular a los diseñadores gráficos a generar comunicación visual por el medio móvil que está en florecimiento. El diseño móvil que se genere estará basado en las necesidades del usuario y del medio. Y a partir también de esas necesidades se generarán los gráficos más adecuados para el medio.

También se creará un sitio web para el proyecto que será una de las dos métodos de transmisión de la aplicación; el otro método sería códigos QR, que estarán en afiches promocionales.

10Capítulo 3

The purpose of this investigation is to show how graphic design can immerse itself onto the mobile design world. To illustrate this, a phone app will be made; one that helps people from Barranquilla find socio-cultural activities to do in any given day.The goal is to stimulate graphic designers to generate visual communication by mobile means, a media in full growth. The mobile app that is going to be designed will be user and technology based. And so will the graphics.A website will also be created, it will be a push-to-web site and another medium of transmission will be QR codes one posters.

11

Capítulo 4

La investigación propuesta pretende brindar espacio para dar a conocer las actividades de ocio que pueden ser realizadas en Barranquilla. La razón es la necesidad que tienen los barranquilleros de relacionarse los unos con los otros para generar habilidades, conocimiento, sentimientos positivos y relaciones sociales. (Brajsa-ganec, 2011).

En encuestas realizadas se da a frente una población con insatisfacción hacia las actividades sociales que realiza y presenta una necesidad de ser informada de nuevas actividades de las cual pueda participar (Ospino, 2011).

Con esta investigación se hará frente a una problemática interior de la ciudad; se crearán herramientas adecuadas para permitir a los habitantes tener las actividades sociales que necesitan, que ya existen, pero que no se dan a conocer.

El proyecto aporta al diseño al mostrar que el ámbito socialestácodificadoennuestrotrabajo.Queeldiseño no es sólo para ganancia de alguien que también puede ayudar al prójimo.

12

Esta investigación es innovadora porque pretende utilizar herramientas de diversos campos del saber para generar una herramienta de comunicación para la ciudad. Para los diseñadores es una gran oportunidad en la exploración de nuevo media de comunicación visual y les muestra la evolución de la comunicación visual de lo análogo a lo móvil.

Teniendo en cuenta lo anterior se formula la siguiente pregunta, ¿Cómo puede el diseño web generar una herramienta de comunicación móvil dirigida a un público barranquillero?

13

Capítulo 5

14

Según Brajsa-ganec, Merkas y Sverko “las actividades de ocio juegan un rol importante en el bienestar de las personas porque generan oportunidades para alcanzar las necesidades y valores de la vida.” Es decir que el ser humano como animal social, requiere de ciertas actividades adicionales a las académicas o laborales para llevar una vida plena. Estas indispensables actividades pueden ser de muchos tipos e involucrar grupos de personas diferentes pero la finalidaddetodosestoses,indudablemente,generaraseres humanos social y sicológicamente saludables.Estas actividades permiten a los seres humanos construir relaciones sociales, el compartir tiempo con personas que compartan los mismos gustos por las actividades querealizanlespermiteafianzarunarelaciónconbuenas bases.

Las actividades de ocio también permiten sentir emociones positivas a las personas que las practican, generando mayor confort y solidez al estado anímico de estas. Y no se puede dejar de lado las habilidades y el conocimiento que se adquiere mediante las actividades de ocio; estas permiten a las personad generar conocimiento a partir de experiencias y vivencias que permiten la absorción de conocimiento

15

aún más fácil y a retención de este más prolongado. (Brajsa-ganec, 2011)

Se realizó una encuesta en el campus de la universidad del norte con una población de 100 personas entre 18 y 25 años de edad que estén enrolados en cualquier carrera universitaria y que hayan nacido en Barranquilla.

Según las encuestas para este proyecto, la población universitaria, en la media, carece de grandes ingresos monetarios mensuales. Sin embargo, se nota que, hay un deseo por hacer partes de actividades sociales y culturales. La necesidad de este grupo de socializar con gente conocida y desconocida es de notar ya que un 87% encuentra necesaria un tipo de interacción social al menos una vez por semana. También se nota un alarmante número de personas que listan como actividad de ocio “Tomar con mis amigos,” actividad que no solo es nociva, sino que también carece de la posibilidad de generación de conocimiento o habilidades.

Un 76% de la población evaluada muestra un descontento hacia las actividades sociales que ya realiza y propone actividades que le gustaría hacer, pero no está seguro de poder realizar en Barranquilla.Un 60% describen a la ciudad con valores negativos como desactualizada, aburrida o incivilizada. Y el 40% restante solo puede pensar en valores relacionados con el clima como caliente o húmeda. (Ospino, Encuesta de Actividades de Ocio, 2011)

La relación que tienen los jóvenes adultos con la ciudad es precaria, las ocasiones sociales que se

16

presenten, en su mayoría, involucran alcohol y no por el deseo de estar en estado de ebriedad, sino por falta de una alternativa de diversión.

La ciudad de Barranquilla, diariamente ofrece actividades, pagas y gratuitas, que en su mayoría escasean en público y no son conocidas por la población barranquillera.

Compañías como One Degree, que fomentan la interacción social de los ciudadanos americanos para generar una comunidad ecológica, creó herramientas comunicativasbasadasengráficos.Esteproyectoesunejemplodeloquelosdiseñadoresgráficopuedenhacer para ayudar la comunicación entre las personas.

Este proyecta se basa en formar una red social cuyo lema es “no dejemos que lo que no podemos hacer no nos permita hacer aquello que podemos.” Presenta una motivación socio-cultural de alto nivel y prevalece la necesidad de generar ciudadanos ecológicos. (Little)Asimismo, con este proyecto, se pretende diseñar una campaña social para facilitar, a los barranquilleros, encontrar actividades variadas y actualizadas a realizar en Barranquilla.

Aldiseñográficolecompeteestaáreayaquecomoprofesionales tenemos el deber de apoyar otras áreas del conocimiento para mejorar la situación socio-cultural de Barranquilla. También es importante que los diseñadores no se sientan limitados en su labor por el medio de comunicación. Las herramientas virtuales de comunicación cada día aumentan. El computador ya no es la única herramienta virtual que puede

17

comunicar, aparatos como el blackberry y otros celulares androides pueden también, en su propia plataforma, ser herramientas de comunicación visual (Joseph Cartman, 2009)

Teniendo en cuenta lo anterior, se formula la siguiente pregunta, ¿cómo puede el diseño móvil generar herramientas de comunicación dirigidas a un público Barranquillero?

18

Capítulo 6

Por medio de este diseño web móvil, dirigido a jóvenes universitarios, se busca que se facilite la búsqueda de lugares y actividades socio-culturales que ocurren a diario con el fin de generar una población socialmente saludable y competente.

Asímismo se espera despertar un interés por parte de los diseñadores gráficos en el campo del diseño móvil.

19Capítulo 7

Este proyecto está dirigido, en primera instancia, a los barranquilleros estudiantes universitarios ente 18 y 25 años de edad que utilicen herramientas móvil como motor de búsqueda principal.Jóvenes con ingresos mensuales menores un salario mínimo vigente y que tengan una vida social activa interesados en crear conocimiento a través de actividades sociales.También a los barranquilleros de otras edades que estén interesados en experimentar a barranquilla de diferente manera y a turistas que quieran ver la barranquilla joven y culta.Otros usuarios serían los establecimientos que prestan estos espacios sociales y culturales. Al igual que diseñadores que deseen incursionarse en el diseño digital sobre diferentes y nuevas plataformas de distribución informativa.

20

Capítulo 8

21

Los motores de búsqueda son esenciales para buscar información en el internet. (Gordon, 1999). En el nuevo mundo informático la información se encuentra en la punta de los dedos de las personas. El vasto mundo del internet es la herramienta primaria que utilizan las personas que buscan nueva información.

Los motores de búsqueda son sistemas informáticos que buscan archivos almacenados en los servidores web. Cuando un usuario requiere de algún tipo de información esta se procesa con palabras claves o con árbolesjerárquicosportemas.Elresultadofinaldelabúsqueda se visualiza como un listado de direcciones Web en los que aparece, en su contenido, las palabras claves utilizadas por el usuario.

Para este proyecto solo dos clases de buscadores se adaptan de manera correcta al contexto de búsqueda: Los directorios y los FFA. Los directorios son considera-dos tecnología barata ya que requieren un valor de recursos humanos superior al informático. Los algoritmos que se manejan son sencillos y visualizan la información como una colección de directorios. Registran parcial-mente datos de las páginas de internet como títulos y descripciones. Los resultados de la búsqueda están determinados por la información que esté dentro del directorio del sitio.

La razón para elegir este método de búsqueda es que proporciona la libertad al emisor de escoger qué información elegir y así eliminar el exceso de información no necesaria que se encontraría en otros tipos de mo-toresdebúsqueda.Lafinalidadesconseguirinformación exacta de una base de datos previamente

22

creada para la satisfacción del usuario.

Otro tipo de motor de búsqueda que se utilizará es FFA, del inglés Free for All, una herramienta que brinda enlaces gratuitos para cualquier persona. Le permite al usuario registrar su página durante un tiempo limitado, muy parecido a un directorio, pero de menor capacidad y no permanentes Esta clase de motor de búsqueda es útil para cualquier tipo de comunicación informática que tenga un período de utilidad; es decir es un directorio para información que caduca dentro de la fecha límite.

La selección de estos dos motores de búsqueda sobre el resto está debido a que estos dos permiten la emisión de información seleccionada sin la molestia de toparse con información innecesaria como es muy común hacerlo en internet.

Según Cartman y Ting, el ambiente móvil está en constante evolución y en la búsqueda de pensamiento progresivo. Los celulares ya no son aparatos para realizar y recibir llamadas telefónicas, es una herramienta que conecta a las personas y les brinda la posibilidad de adquirir conocimiento en cualquier lugar y cualquier momento. Las estadísticas dicen que en Latinoamérica el uso de tecnología móvil está en auge desde el 2003. (Cartman & Ting, 2009)

“Por siglos, la imprenta-y luego la radio y la televisión- dominaron el ambiente mediático. Los consumidores se lanzaban sobre los medios para satisfacer su necesidad por noticias, entretenimiento y contenido.” (Joseph Cartman, 2009)

23

Los medios tradicionales de información fueron el apoyo deldiseñográficopormuchotiempo,desdeelnacimientodelgrafitiromano,alprimerposter,alprimerloop en televisión; todo ha sido llevado de mano por los medios tradicionales. Pero con el rápido crecimiento de medios alternos como el internet y el medio móvil la tecnología que utilizan los usuarios para acceder a la información ha cambiado. “En solo 10 años, el teléfono móvil ha pasado de per un aparato de voz a uno que brinda todos los servicios que se puedan pensar…” (Cartman & Ting, 2009) La habilidad de que el usuario siempre lo tenga consigo, facilita aún más la interacción aparato-usuario.

Parafraseando a Cartman & Ting, los teléfonos celulares son cada vez mejores, con capacidad de navegación superior, mayor velocidad, y planes de datos a precios módicos. La era de “siempre contigo” nace gracias a los celulares, los diseñadores deben de tomar ventaja de este nuevo medio teniendo en cuenta la ubicuidad, la accesibilidad, la conectividad y la ubicación sensible. Otros valores importantes en la creación de espacios móviles son el concepto, la creatividad y la tecnología. Estos tres valores son indispensables para diseñar estos espacios, la creatividad y la tecnología son ambas partes importantes que deben obedecer al concepto inicial del proyecto. Durante la etapa conceptualsedebededefinirsiesundiseñoquemejorará las vidas del usuario, si es una pieza artística que revelará emociones del usuario, si la comunicación es un componente base del proyecto y si el celular es el control del proyecto u otro medio. En la etapa de creatividad se tiene en cuenta los tamaños con que se

24

trabaja en tecnología móvil: Small (176x128), Medium (240x180), Large(320x240), Smartphone (320+). Por último, la tecnología es lo que le da vida al proyecto; es lo que brinda solución a lo plantado en las anteriores etapas. (Cartman & Ting, 2009)Para este proyecto la tecnología móvil que se utilizará para transmitir la información serán: Sitios móviles y Apps o aplicaciones móviles. La forma de distribución del diseño móvil será de dos tipos: Web-to SMS push, que es donde los usuarios están expuestos al proyecto móvil desde su pc. Aquí se les pide insertar su número telefónico para recibir un SMS que contiende el URL correspondiente al sitio web móvil. Esto es una cortesía hacia el usuario ya que no debe escribir el URL a mano enelcelular;yCódigosQR(rápidarespuesta)yescaneo de códigos que son códigos bidimensionales quepermitenquesucontenidoseadecodificadoauna rápida velocidad, generalmente a través de una cámara celular. Los datos incrustados en el código pueden contener URL, mensajes de texto, o información general. (Cartman & Ting, 2009)“Brazil, Mexico, Colombia, Argentina, Venezuela, Chile y Perú suman el 50% de los usuarios móviles de Latinoamérica.” (Cartman & Ting, 2009) Los colombianos forman parte de un gran número de usuarios móviles en Latinoamérica. Y en Barranquilla es difícil encontrar un joven universitario sin un celular.

Según Tricia, “Los nuevos medios de comunicación dependen en las matrices de individuos, comunidades, negocios y organizaciones gubernamentales que poseen, desarrollan y utilizan los sistemas.” Es decir que para que la comunicación de la información se realice el factor de sociedad es

25

invaluable. Las personas que forman comunidades, ne-gocios y organizaciones son parte del desarrollo de la comunicación ya que sin ellos no habría factores primordiales en la comunicación: emisor, receptor y me-dio. (Austin, 2007)

Como dice Reagan, “La información es el oxígeno de laeramoderna.Sefiltraporlasparedesencercadas,ycorreatravésdelimiteselectrificados.”(Reagan)

En Barranquilla, los jóvenes universitarios, en su gran mayoría, tienen acceso a tecnología móvil de última generación, de Iphones a blackberrys hasta androides. El método de comunicación predilecto ya dejo de ver web, ahora es móvil. Si caminas dentro de la universidad del Norte te encontraras personas chatean por celular, revisando su correo o hasta su saldo bancario. La dependencia móvil de la juventud es grande y seguirá evolucionando a medida que evolucione el medio. (Ospino, Observación Campus Universidad del Norte, 2011)

Según Peiper, estos jóvenes los espacios socio-culturales son importantes. Son lugares de formación integral donde se reúnen con otras personas para iniciar un juego comunicativo que enriquecerá su base intelectual y moral. . (Pieper, 2003)

Platón, por otro lado dice: “Pero los dioses, compadeciéndose del género humano nacido para el trabajo, han establecido para los hombres festivales divinos periódicos para alivio de sus fatigas, y les han dadocomocompañerosenesasfiestasalasMusasya Dionisio para que, nutriéndose del trato festivo con

26

los dioses, mantenga la rectitud y sean equitativos.” Es decir que como necesidad complementaria al trabajo, el ser humano necesita de actividades para aliviar la carga. Estas actividades se realizan en sociedad, para así nutrirse mutuamente para que posteriormente el labor tenga un estándar superior; un hombre descansado labora mejor. (Platón., Ps, XLV,11)

Recordando lo que dicen Barjsa.ganec , Merkas y Sverko, “La calidad de vida está determinada por factores objetivos y percepción subjetiva de los factoresqueinfluencianlavidahumana.”Esdecirquelasactividadesdeociosonbeneficiosasparaelbienestar de las personas ya que le brinda oportunidades para conectarse con el valor de la vida y sus necesidades como persona. Cuando se participa en actividades de ocio se crean relaciones sociales, se sienten emociones positivas y se adquieren nuevas habilidades y conocimientos. Esto, sin duda, mejora la calidad de vida de las personas. (Brajsa-ganec, 2011)

Según el autor de Jóvenes, trabajo e identidad la construcción social genera identidad. La identidad nace, crece y evoluciona gracias a la interacción social y a la existencia de relaciones sociales. (Tomás, 1997) Al relacionarse con otras personas y entablar relacio-nes, el ser humano está creando su identidad a partir de la información que recolecta en estas actividades. El hombre se genera a partir de interacciones sociales.

El sociólogo Bourdieu, dice que los campos sociales son campos válidos tales como el económico o el político ya que cumple una serie de propiedades generalesquelepermiteentrarenlaclasificación.

27

(Bourdieu, 2010) Es decir que los espacios para socializar son aspectos de la vida tan importantes como los espacios políticos o económicos. Cuando se habla delosespaciossocialesserefiereaunlugardondeeltema de interés es uno y cualquier cosa aparte de eso carece de importancia. “Cada campo engendra así el interés que le es propio, que es la condición de su funcionamiento.” (Bourdieu, 2010)

Los espacios de ocio pueden ser de dos tipos: culturales o sociales. Estas actividades son complementos tanto de los aspectos formativos, como de los personales de los estudiantes universitarios, en otras palabras contribuyen en la formación integral de las personas.En investigaciones se ha concluido que hay una relación entre las actividades musicales y la educación formal y no formal, ya que favorecen una formación más abiertayflexiblequellevaaenfocarseenunaprendizaje continuo y permanente. Las actividades culturales, gracias a nuevas investigaciones, se ven como métodos de aprendizaje fructíferos.

Lastimosamente hay estadísticas que demuestran que el acceso a la cultura no es considerado un bien de

todos. (Bourdieu, 2010) Según Bourdieu la cultura es observada como un privilegio de la clase culta, no porque sea así, si no propia exclusión de los mismos excluidos. La accesibilidad a las actividades culturales, como los museos, raramente tienen obstáculos económicos apreciables como para distinguir entre clase culta e inculta. El romper con la barrera ideológica de la adquisición de cultura, está en las manos de los comunicadores visuales, verbales o

28

escritos, que tengan las herramientas que se necesitan para llegar a los usuarios.

De acuerdo con Cartman & Ting las nuevas herramientas de comunicación son las móviles. Todo tiene una evolución y en la comunicación pasó desde los medios masivos hasta llegar a la comunicación móvil. (Cartman & Ting, 2009)

Para el diseño móvil hay que tener en cuenta unos factores de diseño que solo se ven en este medio. Según Cartman & Ting, crear un ambiente móvil funciona como un rompecabezas con piezas en constante movimiento; los celulares cambian todo el tiempo y los usuarios están, constantemente, mejorando y actualizandolasespecificacionesyrequerimientosdelaparato. Estos usuarios son capaces de adaptarse a nuevas interfaces y tendencias interactivas. Los usuarios, también cambian rápidamente la manera en que operan. Los planes de datos cambian, permitiéndole al usuario más tiempo de acceso a contenido de internet, SMS/MMS, etc. Y nuevas versiones de celulares salen cada día, con mejoras y cambios en la interacción hacia el usuario. A medida que un modelo mejora, los usuarios mejoran sus habilidades para utilizarlo mientras que los vendedores de las plataformas móviles continúan adaptando los nuevos modelos y los nuevos usuarios, permitiendo nuevas oportunidades de mercado. (Cartman & Ting, 2009)

Siguiendo la investigación de Ting & Cartman se encuentra que para el desarrollo de una plataforma web se necesita tener en cuenta la compatibilidad del

29

celularconlaplataforma;laflexibilidaddelaplataforma, que tanto permite el crecimiento masivo y fácil actualización de la información; y el tamaño de la plataforma, ya que entre más liviana la plataforma mejor. La interactividad con el usuario también es crucial en el diseño móvil, se debe de tener en cuenta que se diseña para pantallas pequeñas y que diseñar para este medio no es miniaturizar el archivo web, es comenzar de cero teniendo en cuenta las especificaciones.Lamodalidaddeentradatambiénesimportante ya que ayudan o limitan la navegación móvil, deben de tenerse en cuenta estas modalidades en el momento de diseñar. (Cartman & Ting, 2009)

Pasando al diseño visual como tal del diseño móvil, hay valores fundamentales a seguir: Templates, Optimización de color, Imágenes, Tipografía, Retícula y Navegación.Según Cartman & Ting los templates son la base del diseño visual de los celulares; diseñado con recomendacionesyespecificacionesdefinidasbasadasen la interacción con el usuario y el usuario mismo. La optimización de color para móvil se basa en crear una paleta de colores para un proyecto móvil. Los celulares pueden ser vistos en cualquier momento, cada celular muestra las imágenes con diferente luz y profundidad de pixel; además el facto tamaño también afecta la percepción del color. Mientras que para obtener una imagen brillante en la pantalla, toda fotografía debería optimizar los niveles de blanco y negro y la tonalidad de color. Las Imágenes con detalles requieren mejor definiciónparamejorarlavisióndedetallesmenores.Ylasimágenesdeberíanestarconfinadasaltamañodela pantalla, no se debe de tener scrolls innecesarios. La tipografía para visualización en celulares puede ser de

30

dostipos:CelularoGráfica,laprimerafuncionasimilaral texto HTML en las páginas web. Están limitadas a un númerofinitodefuentesquedependedelcelular.Lasfuentes más comunes son: Arial, Helvetica, Times y Verda-na; y la segunda son aquellas que se utilizan cuando un diseño requiere un tratamiento especial de la fuente, ta-les como títulos, encabezados, marcas, etc. Las retículas para facilitar al navegación deben incluir encabezado y cuerpo. EL diseño móvil debe de ser inmediatamente accesible para el usuario y fácil de explorar.

CATEGORÍAS DE ANÁLISIS

Motores de BúsquedaEn el nuevo mundo informático la información se encuentra en la punta de los dedos de las personas. El vasto mundo del internet es la herramienta primaria que utilizan las personas que buscan nueva información. Los motores de búsqueda son sistemas informáticos que buscan archivos almacenados en los servidores web. Cuando un usuario requiere de algún tipo de información esta se procesa con palabras claves o con árbolesjerárquicosportemas.Elresultadofinaldelabúsqueda se visualiza como un listado de direcciones Web en los que aparece, en su contenido, las palabras claves utilizadas por el usuario.

31

Tipos:

DirectoriosO tecnológica barata, requieren más recursos humanos que informáticos. Sus algoritmos son sencillos y presentan la información sobre los sitios registrados como una colección de directorios. Registran parcialmente datos de las páginas de internet como títulos y descripciones. Los resultados de la búsqueda están determinados por la información que esté dentro del directorio del sitio. Algunos ejemplos son: Open Directory,Project, Yahoo!,

FFA

Enlaces gratuitos para todos. Permiten que cualquier individuo registre su página durante un tiempo limitado. Son como pequeños directorios con enlaces no permanentes.

Plataforma Móvil:La tecnología móvil conecta a los usuarios a una inmensa cantidad de información y experiencias portátiles a través del mundo. Experiencias como galerías de arte, mercadeo, noticias, juegos, entretenimiento y deportes, mapas y mucho más. Las estadísticas muestran que el número de usuarios móviles está en aumento. Desde el 2003, los servicios y la disponibilidad móvil han incrementado en la región latinoamericana. Colombia es uno de los 7 países de Latinoamérica que concretan el 50% del uso móvil latinoamericano.

32

TamañosEn el diseño móvil existen 4 tamaños que se utilizan en el diseño móvil, small (176x128), médium (240x180), large (320x240) y Smartphone (320+).

Tecnología

Sitios Móviles

Para visualizar sitios móviles, los usuarios deben de tener plan de datos y un aparato móvil que les permita observar estos formatos. Con los sitios móviles, una cantidad mayor de contenido puedes ser explorada.

Apps

O Aplicaciones, permiten contenido más rico y profundo. Estas aplicaciones están hechas a la medida a cada aparato telefónico.

Distribución

Web-to-SMS push

Los usuarios están expuestos al proyecto móvil desde su pc. Aquí se les pide insertar su número telefónico para recibir un SMS que contiende el URL correspondiente al sitio web móvil. Esto es una cortesía hacia el usuario ya que no debe escribir el URL a mano en el celular.

33

CódigoQR(rápidarespuesta)yescaneado de códigos

LoscódigosQRsoncódigosbidimensionalesquepermitenquesucontenidoseadecodificadoaunarápida velocidad, generalmente a través de una cámara celular. Los datos incrustados en el código pueden contener URL, mensajes de texto, oinformación general.

BarranquillerosLos jóvenes Barranquilleros tienen una alta dependencia de sus celulares, computadores y todo gadget virtual al que le puedan poner las manos encima. Son seres sociales que interactúan mucho entre ellos.

Espacios Socio-culturalesSon campos de juego constituidos con sus normas y funcionamientos propios.

Estas actividades son complementos tanto de los aspectos formativos, como de los personales de los estudiantes universitarios, en otras palabras contribuyen en la formación integral de las personas.En investigaciones se ha concluido que hay una relación entre las actividades musicales y la educación formal y no formal, ya que favorecen una formación más abiertayflexiblequellevaaenfocarseenunaprendizaje continuo y permanente.

34

Temporales

Los jóvenes Barranquilleros tienen una alta dependencia de sus celulares, computadores y todo gadget virtual al que le puedan poner las manos encima. Son seres sociales que interactúan mucho entre ellos.

Permanentes

Las actividades permanentes se repiten todo el tiempo a través de todo el año. Raramente no tienen fechas sin actividades.

Sitios y Eventos

Promueve experiencias socio-culturales que invitan a construir, desde el arte, los espacios tanto propios como públicos, en escenarios que motiven al diálogo, al encuentro, a la convivencia, a la toleranciayalaresolucióndeconflictos.

Fundación Casa de Hierro

Poetas bajo Palabra

El miércoles 26 de Octubre se presentará a dos poetas invitados para exponer sus obras. Esta vez Fabiola Acosta y Rubén Darío Arroyo son los invitados. Se realizará el miércoles 26 de Octibre del 2011 en el teatro Amira de la Rosa.

35

Café al aire libre

donde las calles se convierten en un gran teatro y una galería urbanna. El CAFÉ es una intervención donde se dan cita diferentes manifestaciones artísticas al aire libre como, poesía, fotografía, pintura, música, teatro, danza entre otras expresiones que invitan a vivir la ciudad desde otras sensibilidades y formas de encuentro.

Woka festes un campamento en donde se celebra la unidad familiar y el despertar de consciencia femenina, se realiza anualmente y es un lugar donde Hombre y Mujeres llegan para compartir con sus seres queridos en un día en familia y experimentar la fuerza de la energía femenina como fuente creadora y generadora de bienestar individual y colectivo. Woka es música, danza, muestra audiovisual, charlas, rituales, performance. Un evento donde se reúne lo ancestral,locientíficoyloartísticoparauncambioTransgeneracional. Se realizará en el 2012 el viernes 28dediciembreparafinalizarel30deDicen“Elmanglar de los manatíes.”

36

Sonparei, somos lo que sonamos

: es un evento sobre la industria musical independientededicadoespecíficamentealfortalecimiento y circulación de artistas locales y nacionales; para ello fomentan dos líneas bases que son: Sonparei académico, espacio de aprendizaje que involucra la producción, gestión y promoción artística como el uso de nuevas tecnologías, y Sonparei concierto, plataforma de circulación visualizada como showcase.

Carnaval de Barranquilla: En el 2012 será celebrado desde Febrero 18 hasta el 21. El carnaval de Barranquilla es una de lasmejoresfiestastradicionalesdeColombialafiestapopularporexcelenciadelcaribecolombiano, la más alegre, la más jubilosa, la más libertaria, llena de tradiciones y de disfraces ingeniosos y originales. Eslaexperienciacolectivamássignificativadelacuidad, donde las calles se convierten en escenario lúdico y festivo de participación colectiva. Es un acontecimiento cultural que recoge las expresiones culturales del caribe colombiano declarado patrimonio de la nación y reconocido como patrimonio tangible e intangible de la humanidad por la UNESCO.

37

Carnaval de los niñosEl Carnaval de los niños es un espacio en el que se resalta el protagonismo activo de niños, niñas y jóvenes como sujeto trascendental enriqueciendo la calidad y la diversidad del Carnaval De Barranquilla.

Festicarnaval, festival de músicas del Carnaval: es una plataforma de desarrollo artístico, concebida para la difusión y desarrollo de la música del Caribe Colombiano, en el marco del Carnaval de Barranquilla. Es un puente, entre los hacedores culturales de la región y reconocidos agentes de la industria musical y cultural: programadores, académicos, periodistas, empresarios representantes de mercados, festivales, y entidades nacionales e internacionales, invitados a este evento.

La Alianza FrancesaPresenta diferentes exposiciones culturales tales como:

Mira al centro

: La Fundación Mira al Centro continúa recorriendo los principales centros de educación de la ciudad con su gira itinerante de exposiciones de fotografía. Esta muestra, que incluye los mejores trabajos de las foto maratones 2009-2010yunamemoriagráficadelprocesode reconstrucción de la Plaza de San Nicolás, en

38

la que se puede apreciar el estado en que ésta se encontraba y la transformación que tuvo a partir de su recuperación como espacio público. Se realizará el 15 de Noviembre a las 4:00 pm.

Leeresunafiesta2011“La Diversidad que nos une!”

Lafilosofíadelafiestaesllegarconlalecturaatodos los rincones de la ciudad, especialmente a aquellos lugares donde habitualmente no se lee, por esta razón, durante cuatro días Barranquilla será testigo de decenas de actividades como talleres de lectura y expresión, cuentería, exposiciones, cafés literarios, obras de teatro, funciones de títeres, lecturasenvozalta,firmayobsequiodelibros,concurso de dictado, lecturas dramatizadas, feria y trueque de libros y proyecciones de cine. Se realizará del 3 al 11 de Noviembre.

Fiesta de la Músicauna actividad cultural global que se realiza anualmente y de forma simultánea en 130 países (en 450 ciudades aproximadamente) alrededor del mundo para celebrar la música en sus distintos géneros y manifestaciones a través de conciertos gratuitos, en vivo y en espacio público.

39

Cine foros

una actividad cultural donde se ve una obra del séptimo arte y luego se discute.

Rueda de cumbiaevento pre carnavalero en el Barrio abajo, donde se danza al ritmo de la cumbia alrededor de los músicos

Cine Club La Salauna agrupación cultural creada desde el año 1989, dedicada principalmente a la difusión, exhibición, fomento, promoción e investigación de las artes cinematográficasyaudiovisuales,asícomoaldesarrollodediversasactividadeslúdicasconfinesformativos y pedagógicos

BarranquijazzEl Festival más importante de Colombia y del Caribe, celebra en el 2011 su versión número 15 con la presencia de grandes artistas nacionales e internacionales. Se celebra anualmente y tiene eventos tanto gratuitos como pagos.

40

es una serie conformada por más de 200 fotografías de los artistas colombianos más destacados como: Bernardo Salcedo, Ana Mercedes Hoyos, David Manzur, Luis Caballero, Fernando Botero, Álvaro Barrios, Edgar Negret, Antonio Roda, Carlos Granada, María Paz Jaramillo y Alejandro Obregón entre muchos otros artista.

“Retratos de Artistas”

MAMB

: o Museo de Arte Moderno de Barranquilla, es una institución que trabaja en la promoción y preservación del patrimonio artístico colombiano contemporáneo desde la perspectiva de que el arte debe estar al alcance de todos. En el museo se generan espacios pedagógicos alternativos para niños, jóvenes y adultos.

el MAMB tiene un servicio de rutas turísticas, son 5 diferentes.

Rutas culturales

Ruta de la cultura

donde se muestra a Barranquilla como epicentro cultural de Caribe y punto de encuentro de diversidad de culturas y sus aportes.Yseidentificanlospersonajesquedejaron huellas en la ciudad.

Ruta Obregón

Ruta de los monumentos

Ruta de los museos

Ruta del Patrimonio arquitectónico

41

Ruta de la cultura

Ruta Obregón

Donde se aprecia y se conoce el arte moderno con Obregón como principal exponente en el espacio público.

Ruta de los monumentos

donde se conoce la historia Barranquillera a través de los monumentos y el valor artístico que estos le aportan al espacio público de la ciudad.

Ruta de los museos

donde se recorren los museos de Barranquilla y del departamento.

Ruta del Patrimonio arquitectónico

donde se trabaja la apreciación de los diseños arquitectónicos como propuestas artísticas y se desarrollan actividades de apropiación de ciudad a través del reconocimiento de construcciones destacadas en Barranquilla.

42

Espacioparalaapreciaciónyreflexióndelcinecomo una manifestación artística del ser humano. Busca generar escenarios de exhibición, formación y realización audiovisual en donde participa la comunidad universitaria y el público externo.El Cineclub realiza semanalmente proyecciones de clásicos del cine y de diversas cintas contemporáneas de gran calidad artística que se complementan con foros, seminarios y conferencias, en adición, se realiza un tratamientocinematográficodetemasdeinteréscomún. La entrada es gratuita y semanalmente se renuevan las actividades.

Cineclub Cayena

Diseño MóvilEl usuario y su celular

Crear un ambiente móvil funciona como un rompecabezas con piezas en constante movimiento; los celulares cambian todo el tiempo y los usuarios están, constantemente, mejorando y actualizando las especificacionesyrequerimientosdelaparato.Estosusuarios son capaces de adaptarse a nuevas interfaces y tendencias interactivas.

43

UsuariosLos usuarios cambian rápidamente la manera en que operan. Los planes de datos cambian, permitiéndole al usuario más tiempo de acceso a contenido de internet, SMS/MMS, etc.

Celulares

Nuevas versiones de celulares salen cada día, con mejoras y cambios en la interacción hacia el usuario. A medida que un modelo mejora, los usuarios mejoran sus habilidades para utilizarlo.

Vendedores de plataforma

Continúan adaptando los nuevos modelos y los nuevos usuarios, permitiendo nuevas oportunidades de mercado.

Compatibilidad

Desarrollo

Se llega a la compatibilidad cuando se genera una detección correcta del celular.

Flexibilidad

Viene de una estructura de archivos dinámica. Permite crecimiento masivo y fácil actualización de la información.

44

Tamaño

Mantener el tamaño del archivo es importante para que funcione la experiencia móvil. Entre más pequeño, mejor.

Interactividad

Diseñando para pantallas pequeñasDiseño móvil no es miniaturizar el archivo grande de PC, es generar nuevos diseño para estructuras móvil.

Modalidades de entrada

La mayoría de celulares tienen acceso a un teclado estándar, una tecla izquierda, una derecha y un teclado de cuadro direcciones con un botón de selección.Otros aparatos como los de Apple, son touch-screen.

Ubiquidad

Sin importar la ubicación del usuario los aparatos móviles se pueden conectar a internet (siempre que tengas conexión móvil. Así que si el usuario desea interactuar en un videojuego con alguien de otro continente no tiene que ir más lejos que su celular. Ya no hay que estar en uncomputadorocercadeunazonawifipara

45

conectarse a internet. Esta libertad de ubiquidad presenta oportunidades para el diseño en la creación de nuevos medios de comunicación, entretenimiento y experiencias del consumidor.

Accesibilidad

Los celulares siempre tienen conexión a internet; sea2.5Go3G,oconexiónwifi,elteléfonomóviles la equivalencia de un PC que siempre está conectado al internet. Como resultado los usuarios tienen total acceso a cualquier cosa que resida en el internet desde su celular.

Conectividad

Como efecto secundario de la conectividad móvil, el usuario puede compartir, descubrir y permaneces conectado a sus círculos sociales en todo momento. Todas las redes sociales como Facebook y twitter ya se han adaptado a través del celular. Los usuarios desean estar en línea y conectados a todo momento, el todo lugar y los teléfonos móviles lo permiten.

46

Diseño Visual

TemplatesLa creación del diseño visual en los celulares se hace a través de templates, diseñado con recomendacionesyespecificacionesdefinidasasadas en la interacción con el usuario y el usuario mismo.

Optimización del colorCrear una paleta de colores para un proyecto móvil requiere bastante consideración. Los celulares pueden ser vistos en cualquier momento, cada celular muestra las imágenes con diferente luz y profundidad de pixel; además el facto tamaño también afecta la percepción del color.Colores primarios vibrantes y ricos transmiten lainformación con mayor claridad, ya que proveen mayor contraste, visible hasta en tamaños pequeños.

ImagenPara obtener una imagen brillante en la pantalla, todas las fotografías deberían optimizar los niveles de blanco y negro y la tonalidad de color.Imágenescondetallesrequierenmejordefiniciónpara mejorar la visión de detalles menores.Lasimágenesdeberíanestarconfinadasaltamañode la pantalla, no se debe de tener scrolls innecesarios.

47

Tipografía

Celular

Funciona similar al texto HTML en las páginas web. Estánlimitadasaunnúmerofinitodefuentesquedepende del celular. Las fuentes más comunes son: Arial, Helvetica, Times y Verdana..

Gráficas

Son aquellas que se utilizan cunado un diseño requiere un tratamiento especial de la fuente, tales como títulos, encabezados, marcas, etc.

Retícula y navegación

Encabezado

Hacer click regresa al usuario a la página de inicio

Navegación

Inmediatamente accesible para el usuario y fácil de explorar.

Imagen

Generalmente tiene un ancho de 10 para facilitar el scroll.

48

Base

Todas las áreas conectadas con la página. QuickLinks.

BotonesPara una navegación sencilla los botones deben ser visibles y su función debe de ser clara a primera vista, la simbología que se utilice debe de ser universal.

MapasLos mapas serán extraídos de la aplicación de google, google maps.

49Capítulo 9

OBJETIVO GENERALDesarrollar una plataforma comunicativa móvil que permita a los barranquilleros enterarse de las actividades socio-culturales que ocurren en la ciudad.

OBJETIVOS ESPECÍFICOS1. Crear una identidad visual apropiada para la plataforma.2. Generar un sistema de distribución de información funcional y eficaz3. Establecer los dispositivos móviles que se utilizarán4. Recolectar una base de datos sobre los sitios socio-culturales de Barranquilla5. Recolectar fotografías de los sitios en la base de datos

50

Capítulo 10

51

Barranquilla posee una población juvenil que está en formación continua- Esta formación es necesaria para la evolución del ser humano y se brinda a través de espacios sociales y culturales que se complementan el uno al otro. La comunicación de estos jóvenes es, principalmente, móvil ya que es un método rápido, ubicuo y accesible. La comunicación móvil está en constante evolución y debe de ser fluida para que el cambio, al igual que la hominización sea paulatina. La fluidez debe, por igual mostrar el crecimiento de algo pequeña hasta su grandeza como una semilla a un árbol.

52

Capítulo 11

53

Para iniciar el desarrollo de este proyecto, se elaboró un estudio desde libros, artículos de revistas, entrevistas, investigaciones previos e información del internet sobre la necesidad de los espacios de esparcimiento y la carencia de estos en Barranquilla. Así mismo, se hicieron encuestas dentro del campus universitario de la Universidad del Norte durante los meses de Agosto y Septiembre del 2011.

De esta manera se documentó una base de datos con los sitios de esparcimiento de mayor formación oscila y cultural en Barranquilla.

Para comunicar está información se eligió el medio móvil. Un medio de distribución de información en pleno desarrollo.

Adicionalmente, se buscaron referencias visuales que estuvieran relacionados con los conceptos del proyecto para armonizar el concepto con lo visual y por último se buscaron referentes visuales de los conceptos desarrollados para así poder tener una idea clara de cómo transmitirlo hacia el público objetivo.

Sin embargo, el proceso de desarrollo del diseño inicia al aplicar la investigación al diseño que se plasman en forma de bocetos. Esto ayuda a explorar la gráfica y ayuda a tener una idea de la visualización final del proyecto.Asimismo por medio del proceso de bocetación se debe llegar a una identidad para a campaña de distribución. Y por último se deben de identificar los medios publicitarios que se van a utilizar para llevar la propuesta al público objetivo.

54

Capítulo 12

Ver proyectos de aplicaciones móviles dirigidos a la necesidad de navegar la ciudad realizando actividades socio-culturales.

Analizar niveles de simbolismo adecuados para la visualización de una pantalla móvil.

Ver representaciones visuales de la conceptualización buscando texturas, formas y colores que permitan el desarrollo del proyecto.

55Capítulo 13

Java, Adobe Dreamweaver, Adobe illustrator, Adobe Photoshop.

SOFTWARE

MATERIALESBolígrafo Uniball y rapidógrafos, libro de bocetos, lápiz HB, 2H y 2B, escuadras, regla T, Opalina.

Diseño Digital.

TÉCNICAS

EQUIPOS UTILIZADOSSony Vaio Laptop con sistema operativo windows vista 7.

RECURSOSInternet, libros de psicología, sociología y diseño móvil y revistas psicología, sociología y diseño móvil.

56

Ca

pítu

lo 1

4

58

Capítulo 15

Este proyecto espera ser capaz de llamar la atención de su público objetivo con el fin de mostrarles que actividades socio-culturales puede realizar.

Igualmente se espera que este diseño móvil, fomente el desarrollo de diseño en esta área innovadora de comunicación visual, como también fortalecer la carrera de diseño gráfico de Barranquilla, tomando un interés en cómo el diseño puede afectar la comunicación visual móvil.

59

Siendo este proyecto diseño web aplicado a la plataforma móvil, su fin es llegar a los usuarios de celulares en Barranquilla. Por lo tanto se pretende utilizar dos medios de transmisión del proyecto.

El primero de ellos será una página web tipo Push-to-SMS que enviará un mensaje de texto desde una página web al celular con el cual podrás descargar la aplicación.

El segundo será afiches de códigos QR que permitirán al portador de un celular escanear el código del afiche para recibir la información de descarga de la aplicación al celular.

Capítulo 16

60

Capítulo 17

61

Por medio del sitio web que se desarrollará, se pretende hacer pública esta investigación al darla a conocer.

Igualmente se pretende llegar a las usuarios de aparatos móviles por medio de los códigos QR y con invitaciones a la introducción del nuevo servicio.

62

Emisor: http://www.google.com/intl/es_ALL/mobile/google-mobile-app/

Receptor: Usuarios de google

Descripción de la imagen:

Información tipográfica: Palo seco

Información en imagen: minimalismo, simetría, contraste

Significado:

Denotativo: lo que se denota es que hay una

aplicación de google map para celulares.

Connotativo: Limpieza, orden

Razón de elección: La integración de Push to SMS desde una pagina web

Receptor: Futuros usuarios de la web 3.0



Información en imagen: fotografía, plano

general

Significado:

Denotativo: lo que se denota es que hay un

aparato electrónico de comunicación

integrándose con el entorno de la ciudad de nueva york en

invierno.

Connotativo: Tecnología, futurismo

Razón de elección: La integración del entorno con la tecnología

ReferentesVisuales________Capítulo 18

63

Emisor: http://www.behance.net/gallery/The-First-Else-(aka-The-

Monolith)/359239

Receptor: Compradores de celular



Información en imagen: contraste, colores

análogos.

Significado:

Denotativo: lo que se denota es que hay un

celular con una nueva interfaz en la mano de

un usuario.

Connotativo: Tecnología, futurismo

Razón de elección: Diseño del menú

Emisor: http://www.behance.net/gallery/WorkamajigA-Mobile-App/1930899

Receptor: Usuarios de iphone



Información en imagen: contraste

Significado:


aplicación para iphone.

Connotativo: juvenil, organizado, simple de utilizar

Razón de elección: Diagramación

64

Emisor: http://www.behance.net/gallery/Virtually-Real/845272

Receptor: Artistas


Información tipográfica:

Información en imagen: Pixel, Balance,

Análogos

Significado:


fruta hecha a partir de cuadrados que se

visualiza como pixel en una sala de

exposición.

Connotativo: Video Juegos

Razón de elección: Nivel de representación

Emisor: http://www.behance.net/gallery/WorkamajigA-Mobile-App/1930899





Significado:


aplicación para iphone.

Connotativo: juvenil, organizado, simple de

utilizar


65

Emisor: http://www.behance.net/gallery/Designcollector-iPad-MAG/963479

Receptor: Usuarios de ipad


Información tipográfica: decorativa, palo seco

Información en imagen: Balance, iluminado

Significado:

Denotativo: lo que se denota es que hay un ipad en la mano

de un usuario mostrando una revista digital.

Connotativo: Orden

Razón de elección: Espacios en blanco

Emisor: http://www.behance.net/gallery/Virtual-Water-iPhone-App/521308



Información tipográfica: Mayúscula Palo seco, minúscula palo

seco western y serifa itálica

Información en imagen: Contraste, minimalismo

Significado:

Denotativo: lo que se denota es que hay un iphone con una

aplicación y toda la identidad detrás de ella.

Connotativo: Limpieza


Emisor: http://www.behance.net/gallery/Virtual-Wardrobe-Manager/42104

Receptor: lectores


Información tipográfica: Palo seco mayúsculas y minúsculas

Información en imagen: Balance, contraste

Significado:

Denotativo: lo que se denota es que hay una página de

revista con una foto de ropa apilada.

Connotativo: juventud

Razón de elección: Jerarquía

66

Emisor: http://www.behance.net/gallery/Axe-Twist/398119

Receptor: Hombres



Información en imagen: Contraste, movimiento

Significado:

Denotativo: lo que se denota es que hay desodorante Axe

con un spray de luz verde.

Connotativo: electricidad, frescura, novedad

Razón de elección: Paleta de colores

Emisor: http://www.google.com/imgres?hl=es&sa=X&biw=1304&bih=640&tb

m=isch&prmd=imvnsl&tbnid=fGiTvhw0XAKu4M:&imgrefurl=http://www.dominio.

ws/21/%25C2%25BFque-piensa-la-gente-del-spam-infografia/&docid=UiFV

HuiNfF2S7M&w=1000&h=2945&ei=siWUTpOAKMG4twf6kt2LBw&zoom=1&ia

ct=hc&vpx=902&vpy=71&dur=3497&hovh=386&hovw=131&tx=82&ty=211

&page=10&tbnh=133&tbnw=41&start=197&ndsp=22&ved=1t:429,r:5,s:197

Receptor: Diseñadores


Información tipográfica: palo seco

Información en imagen: Balance, Análogos

Significado:

Denotativo: lo que se denota es que hay una infografía sobre

spam.

Connotativo: Pop

Razón de elección: Representación de la información

67

Emisor: http://benheine.deviantart.com/art/Brussels-by-Night-194336294-

?q=boost%3Apopular%20in%3Aphotography%2Fcivilization%2Furbanex&

qo=1

Receptor: amantes de la fotografía



Información en imagen: Luz

Significado:

Denotativo: lo que se denota es que hay luz viajando por la

cuidad.

Connotativo: velocidad, felicidad

Razón de elección: Luz

Emisor: http://www.behance.net/gallery/Harmonie-intrieure/61848

Receptor: Amantes de lo orgánico


Información tipográfica: serifa, decorativa

Información en imagen: Análogos, balance, imagen-fondo

Significado:

Denotativo: lo que se denota es que hay un sticker de un

producto orgánico.

Connotativo: naturaleza, armonía

Razón de elección: Armonía

Emisor: http://www.behance.net/gallery/I-DID-ALTER-(ISTD)/1178501

Receptor: diseñadores


Información tipográfica: Palo seco mayúscula y minúscula

Información en imagen: contraste, balance

Significado:

Denotativo: lo que se denota es que hay un libro abierto sobre

una mesa.

Connotativo: suavidad

Razón de elección: Contraste

68

Emisor: http://www.behance.net/gallery/I-DID-ALTER-(ISTD)/1178501




Información en imagen: forma, color, fondo

Significado:

Denotativo: lo que se denota es que hay una figura redonda

con muchas capas y colores. .

Connotativo: furuto

Razón de elección: Formas

Emisor: http://www.behance.net/gallery/Urban-Zoom/333146

Receptor: amantes de la fotografia



Información en imagen: Plano general, contraste

Significado:

Denotativo: lo que se denota es que hay una foto de un andén en una

ciudad tomada a baja velocidad.

Connotativo: mareo

Razón de elección: Fluidez

Emisor: http://www.behance.net/gallery/Design-Museum-x-State-of-the-

ObviousA-collection/1397189

Receptor: usuarios de MAC


Información tipográfica: palo seco, contraste

Información en imagen:

Significado:

Denotativo: lo que se denota es que hay una serie de produc

tos MAC y acompañantes con la misma identidad.

Connotativo: Colección

Razón de elección: Adaptabilidad

69

Emisor: http://www.behance.net/gallery/Robertson/82719

Receptor: lectores



Información en imagen: Balance, movimiento, fluidez

Significado:

Denotativo: lo que se denota es que hay una revista de llaves

para baño.

Connotativo: delicadeza

Razón de elección: Continuidad y fluidez

Emisor: http://www.behance.net/gallery/Haidemhl-Balance-of-a-lost-

village/1032277




Información en imagen: balance, contraste

Significado:

Denotativo: lo que se denota es que hay unas revistar en serie

una detrás de la otra.

Connotativo: limpieza

Razón de elección: Balance

Emisor: http://www.behance.net/gallery/Nike-Poster-for-

Colombiamoda/116152

Receptor: clientes de Nike


Información tipográfica: decorativa

Información en imagen: Contraste, colores complementarios,

imagen-fondo

Significado:

Denotativo: lo que se denota es que hay una publicidad del

nuevo zapato de Nike.

Connotativo: Pop

Razón de elección: Colores Complementarios

70

Emisor: http://www.behance.net/gallery/The-North-Face-reDesign/103330

Receptor: clientes



Información en imagen: jerarquía

Significado:

Denotativo: lo que se denota es que hay una página web con

un fondo de una persona caminando que contiene la i

nformación sobre caminatas.

Connotativo: naturaleza

Razón de elección: Jerarquía Imagen-texto

Emisor: http://www.behance.net/gallery/BB-Bold-Claro/284337

Receptor: usuarios de claro



Información en imagen: imagen fondo

Significado:

Denotativo: lo que se denota es que hay una publicidad de

Blackberry para claro.

Connotativo: cine

Razón de elección: Campaña de distribución

Emisor: http://www.behance.net/gallery/Scratchbook-Theme-for-

BlackBerry/1037113

Receptor: usuarios de Blackberry



Información en imagen: cacofonía

Significado:

Denotativo: lo que se denota es que hay un tema para

Blackberry.

Connotativo: Suciedad, punk, dibujos de los baños

Razón de elección: Unidad de concepto

71

Emisor: http://www.behance.net/gallery/IMDB-Filmpage-Concept/1678386

Receptor: usuarios



Información en imagen: collage, contraste

Significado:

Denotativo: lo que se denota es que hay una página web

sobre celebridades

Connotativo: paquetes

Razón de elección: Navegabilidad

Emisor: http://www.behance.net/gallery/Alka-Interactive-design/1861413

Receptor: usuarios de alka



Información en imagen: contraste, imagen-fondo

Significado:


alemana sobre seguros.

Connotativo: seguridad, familiaridad

Razón de elección: Colores en la tipografía

Emisor: http://www.behance.net/gallery/Multi-Touch-Light-Table-gergwerk-

/600092

Receptor: musicos



Información en imagen: análogos, luz

Significado:

Denotativo: lo que se denota es que hay un turn-table digital.

Connotativo: futuro

Razón de elección: Interactividad

72

Emisor: http://www.behance.net/gallery/Noeeko-Identity/761037




Información en imagen: balance, minimalismo

Significado:

Denotativo: lo que se denota es que hay unos productos de papelería

con identidad corporativa.

Connotativo: sencillez

Razón de elección: Identidad

Emisor: http://www.behance.net/gallery/Concept-Cell-Phone-Need/92844

Receptor: amantes de la tecnología



Información en imagen: imagen fondo, iluminación

Significado:

Denotativo: lo que se denota es que hay un nuevo aparato

de comunicación móvil.

Connotativo: infinito

Razón de elección: Continuidad

Emisor: http://www.behance.net/gallery/Scratchbook-Theme-for-

BlackBerry/1037113

Receptor: usuarios de Blackberry



Información en imagen: cacofonía

Significado:

Denotativo: lo que se denota es que hay un tema para

Blackberry.

Connotativo: Suciedad, punk, dibujos de los baños

Razón de elección: Unidad de concepto

73

Emisor: http://www.behance.net/gallery/Prada-Fantasy-Look-Books-

1/534528

Receptor: clientes de Prada


Información tipográfica: palo seco y decorativo

Información en imagen: Imagen fondo, fotografía, plano medio

Significado:

Denotativo: lo que se denota es que hay una publicidad de

Prada donde una mujer está vestida con pixeles rojos, negros y

blancos.

Connotativo: digital

Razón de elección: Integración de lo virtual en el mundo real

Emisor: http://www.behance.net/gallery/Freq-Nightclub/465402




Información en imagen: contraste, forma

Significado:

Denotativo: lo que se denota es que hay un logo que se

puede ver en negativo o positivo.

Connotativo: pop

Razón de elección: Negativo sobre Positivo

Emisor: http://www.behance.net/gallery/Freq-Nightclub/465402

Receptor: lectores de freq


Información tipográfica: palo seco y decorativo

Información en imagen: Escala de grises

Significado:


sobre artículos de la revista freq.

Connotativo: armonia

Razón de elección: Contraste

74

Emisor: http://www.behance.net/gallery/PRINT/1529213

Receptor: lectores de I.D.


Información tipográfica: handwritten y palo seco

Información en imagen: Imagen fondo, contraste

Significado:

Denotativo: lo que se denota es que hay una serie de revistas

de la cual se ve solo una portada.

Connotativo: limpieza

Razón de elección: Capacidad de actualizar la información

Emisor: http://www.behance.net/gallery/cocoon/504754





Significado:

Denotativo: lo que se denota es que hay un logo.

Connotativo: cartoons

Razón de elección: Tipografía del logo

Emisor: http://www.behance.net/gallery/See-Our-Love/1595223




Información en imagen: continuidad, contraste

Significado:

Denotativo: lo que se denota es que hay una seria de posters

que se integran los unos con los otros.

Connotativo: juegos infantiles

Razón de elección: Unidad

75

Emisor: http://www.behance.net/gallery/TikTok-LunaTik/1851145

Receptor: usuarios Apple



Información en imagen: luz, contraste

Significado:

Denotativo: lo que se denota es que hay un reloj que puede intercambiar-

se por un ipod touch shuffle.

Connotativo: fineza

Razón de elección: Integración

Emisor: http://www.behance.net/gallery/Ill-be-gone/712701




Información en imagen: formas, luz

Significado:

Denotativo: lo que se denota es que hay cuatro fotografías de

un medidor cardiaco.

Connotativo: terror

Razón de elección: Ritmo

Emisor: http://www.behance.net/gallery/COMPLEXITY-GRAPHICS/413277




Información en imagen: asimetría, contraste

Significado:

Denotativo: lo que se denota es que hay ciudad hecha de luz

que se refleja en una superficie.

Connotativo: futuro

Razón de elección: Transparencia

76

Emisor: http://www.behance.net/gallery/Algorithmic-Rythm/183788

Receptor: arquitectos



Información en imagen: movimiento, imagen-fondo, forma

Significado:

Denotativo: lo que se denota es que hay una estructura arqui

tectónica hecha en papel.

Connotativo: movimiento

Razón de elección: Ritmo y movimiento

77

Capítulo 19

78

En los siguientes bocetos se puede observar la interfaz principal de la aplicación. El concepto base del diseño es la semilla, como un árbol robusto crece desde un pequeño grano plantado en la tierra, al igual que la información de esta aplicación crecerá de la información base y con el tiempo crecerá fuerte y grande como un árbol.

El rojo y el verde son colores de la hermosa bandera Barranquillera y son colores que se oponen el uno al otro como lo hace el inverno a el verano de esta tierra.

La fluidez del movimiento del crecimiento del árbol se ve cuando, al abrir la aplicación, te encuentras con una semilla que a medida que usas el sitio crece fuerte como un árbol.El equilibrio, en estos bocetos, se presenta entre el color y la ausencia de este. Demasiado de cualquiera de los dos y la fina cuerda que sostiene la balanza equilibrada se romperá.

Boce

to 1

79

En el primer boceto se ve como el viento sopla 4 hojas del árbol para crear los botones de acceso a las diferentes categorías del interfaz. Una es rango económico, donde se busca actividades según presupuesto, le sigue la búsqueda alfabética, luego la búsqueda por listas, donde se listan las diferentes tipos de actividades (música, teatro, etc.) y por último búsqueda por ubicación, controlada por google maps.

El segundo boceto muestra la misma información, pero los menús están en el suelo, en la tierra que da frutos mientras el árbol crece erguido hacia el cielo.

Boce

to 2

80

El tercer boceto muestra un árbol creciendo en un mundo verde donde se le brinda al usuario las opciones de navegación desde el cielo.Hay un mayor énfasis en el logotipo y la barra de búsqueda sin opacar el crecimiento del árbol.

Boce

to 3

Boce

to 4

81

En el cuarto boceto no se enfatiza en el crecimiento del árbol, más bien se muestra su belleza a través de sus hojas, que nuevamente, son parte del menú.

En los siguientes bocetos muestra una parte distinta del interfaz, ya al presionar uno de los botones del menú, en este caso el de búsqueda por presupuesto. En todos habrá una barra para escribir el rango desde hasta cuánto dinero se tiene para disfrutar de alguna actividad socio-cultural en la ciudad.

Boce

to 5

El boceto 5 es la visualización del menú presupuestar del primer boceto. Al presionar la hoja del menú, esta se mueve hasta la esquina izquierda y las dos barras de desde hasta aparecen.

82

Boce

to 6

El boceto 6 es la visualización del menú presupuestar del segundo boceto. Al presionar el menú el resto desaparece de la tierra y aparecen y las dos barras de desde hasta.

Boce

to 7

83

Lo mismo ocurre con el boceto 7, es la visualización del menú presupuestar del tercer boceto. Al presionar el menú el resto desaparece del cielo y son reemplazados por el botón elegido aumentado de tamaño y aparecen y las dos barras de desde hasta.

El boceto 8 es la visualización del menú presupuestar del cuarto boceto. Al presionar la hoja del menú, esta se mueve hasta la esquina izquierda y las dos barras de desde hasta aparecen.

Boce

to 8

84

Los siguientes bocetos mostrarán como se visualizaría el menú de búsqueda por ubicación, los mapas son cargados a través de google maps al igual que la localización de usuario.

Boce

to 9

El boceto 9 es la visualización del botón búsqueda por localización del primer boceto. AL presionar la hoja del menú, esta se mueve a la izquierda y aparece un mapa de google maps con tu ubicación y las actividades cercanas a ti.

85

Boce

to 1

0

El boceto 9 es la visualización del botón búsqueda por localización del segundo boceto. AL presionar el menú, desaparecen el resto de botones de la tierra y el árbol se proyecta hacia el cielo y aparece un mapa de google maps con tu ubicación y las actividades cercanas a ti.

86

Capítulo 20

Diseño WebPlataforma móvilPlataforma webOtrosTotal

OtrosPapelImpresiónOtrosTotal

Gastos TotalesEstimados Reales$2.980.000,00

$1.200.000,00$900.000,00$30.000,00$2.430.000,00

$200.0000,00$50.000,00

$300.000,00$550.000,00

87

Capítulo 21

90

Capítulo 22

91

Brajsa-ganec, A. M. (2011). Quality of Life and Leisure Activities: How do Leisure activities. So-cial Indicators Research, 81-91.

Cartman, J., & Ting, R. (2009). Strategic Mo-bile Design: Creating Engaging Experiences. Berkley, CA: New Riders.

Gordon, M. (1999). Finding information on the World Wide Web: the retrieval effectiveness of search engines. Information Processing & Ma-nagement, 141-180.

Joseph Cartman, R. T. (2009). Strategic Mobile Design. Berkely, CA: New Riders.

Little, J. (. (s.f.). One Degree. Recuperado el 2011, de http://www.behance.net/gallery/One-Degree/255498

Ospino, D. (2011). Enciesta de Actividades de Ocio en Barranquilla. Narranquilla.

Ospino, D. (2011). Encuesta de Actividades de Ocio. Barranquilla.

Ospino, D. (2011). Observación Campus Univer-sidad del Norte. Barranquilla, Colombia.

Tan, K. (s.f.). Organise, simplify and socialise: an entrepreneur’s vision of online. INSEAD Articles.

Wikipedia. (s.f.). Motor de búsqueda. Recuperado el 02 de 09 de 2011, de http://es.wikipedia.org/wiki/Motores_de_b%C3%BAsqueda

92Diana Milé Ospino Castañeda

Viva!Killa

Documents

Transcript of Viva!Killa