Seminario de Nuevas Tecnologías

Page 1

SEMINARIO DE NUEVAS TECNOLOGÍAS Yesenia Huerta Cortez Grupo 904 Matrícula 1485442 UANL FAV 20 NOVIEMBRE 2014




INDICE Unidad 1. El profesional del Diseño Gráfico 1.1 Comunicación y sociedad. 1.2 El proceso comunicativo. 1.3 Elementos del proceso comunicativo. 1.4 El proceso comunicativo empresa-consumidor. *** Investigación Twitter *** Ejercicio Twitter (Nike) *** Referencias Unidad 2. Las Nuevas Tecnologías 2.1 Definición de nuevas tecnologías 2.2 La revolución digital 2.3 Multimedia 2.4 Hipertexto 2.5 Hipermedia 2.6 Interacción e interactividad 2.7 Los medios interactivos 2.7.1 Los medios multimedia 2.7.2 Internet 2.7.3 La televisión interactiva *** Referencias Unidad 3. El diseño gráfico publicitario interactivo 3.1 La Publicidad Interactiva 3.1.1 Los primeros pasos 3.1.2 Definición 3.1.3 Tipos de Publicidad Interactiva en Internet 3.1.3.1 Web Site 3.1.3.1.1 Los Micro Site 3.1.3.2 Los Banners 3.1.3.2.1 Banners animados 3.1.3.2.2 Los Rich Media o Banners enriquecidos 3.1.3.3 Interstitials 3.1.3.3.1 Interstitials de transición 3.1.3.3.2 Pop Up 3.1.3.3.3 Superstitials 3.1.3.4 Los Webspots 3.1.3.5 Patrocinio 3.1.3.6 Otros Formatos Publicitarios en Internet 3.1.3.6.1 Cursores 3.1.3.6.2 Nested Links 3.1.3.6.3 Webvectoriales 3.1.3.6.4 Publicidad vía e-mail

II


3.1.4 La Publicidad en la TVi 3.1.4.1 La Publicidad en contenido de programa 3.1.4.2 Publicidad en contenidos interactivos 3.1.4.3 Publicidad entre contenidos 3.1.4.4 TV Site *** Investigación Instagram *** Ejercicio Instagram (Campaña Té Verde Matcha) *** Ejercicio Europartners *** Referencias Unidad 4. La información dentro de las Nuevas Tecnologías 4.1 La comunicación sintética 4.2 Internet como metamedium 4.3 La actividad de lenguaje tecnológico 4.4 La sociedad tecnológica 4.4.1 El espacio, el tiempo y el sujeto tecnológico 4.5 Espacio y comunicación 4.5.1 De la lectura a la navegación 4.5.2 De la transmisión a la interacción *** Referencias Unidad 5. La información dentro de las Nuevas Tecnologías 5.1 Los Medios Impresos antes las Nuevas Tecnologías 5.2 Las Nuevas tecnologías y el desarrollo de los Medios Audiovisuales 5.3 Las Agencias Publicitarias antes los retos tecnológicos 5.4 Las Agencias 360° *** Referencias Unidad 6. La práctica profesional 6.1 Desarrollo de objetivos 6.2 El Mapa multimedia 6.3 El software profesional 6.4 Elaboración de plantillas 6.5 Producción del material interactivo *** Referencias 7. Insights 7.1 Google Adwords 7.2 Google Fonts 7.3 Google Analytics 7.4 Servidores, clases tipos y funciones 7.5 Dominios, significados, cómo y dónde comprarlos y costos 7.6 Investigación y perspectiva personal: Papel Vs. Tecnología *** Referencias

III


Unidad 1. El profesional del Diseño Gráfico Objetivo particular. Comprender la importancia que ha tenido el profesional del Diseño Gráfico en el proceso comunicativo, así como su desarrollo dentro de la sociedad. 1.1 Comunicación y sociedad La comunicación es algo que siempre ha existido en nosotros los seres humanos porque somos seres sociales naturalmente. La comunicación es el traspaso o intercambio de información entre las personas de un lugar a otro. Gracias a este intercambio de información es posible que existan las sociedades y una sociedad es el grupo de individuos que tienen interacciones (comunicación) entre ellos, con estilos de vida y cultura similares. La comunicación existente entre las personas hace que la sociedad se desarrolle de mejor manera y tenga avances de todo tipo, de igual manera ayuda a que las personas se conozcan y sean capaces de relacionarse con sus semejantes. Para la Real Academia Española (RAE), la comunicación es el “trato, correspondencia entre dos o más personas”1 y también es la “transmisión de señales mediante un código común al emisor y al receptor”2 . Para que la comunicación exista se necesitan dos agentes con el mismo código de signos. 1 Recuperado el 27 de Agosto http://lema.rae.es /drae/srv/search? key=comunicaci %C3%B3n

2 Recuperado el 27 de Agosto http://lema.rae.es /drae/srv/search? key=comunicaci %C3%B3n

La comunicación es una actividad cotidiana, se ejerce de muchas formas, ya que existe la comunicación verbal y no verbal. La comunicación verbal es oral o escrita (signos), en cambio la no verbal se da por medio de gestos, sonidos, entre otros tipos. Entonces, una persona no tiene que dar el mensaje directamente hablando como mucha gente lo cree, existe decenas de formas para comunicarse. El profesional del Diseño Gráfico tiene que conocer perfectamente los parámetros de la comunicación para saber comunicar sus gráficos de manera correcta y exacta. Él es un profesional y su deber es comunicar a la sociedad algún mensaje o idea.

Unidad 1. El profesional del Diseño Gráfico 01


1.2 El proceso comunicativo Es el proceso por el cual la comunicación se da. Es cuando un mensaje es enviado y a la vez recibido y entendido. De forma más explícita, un emisor manda un mensaje ya sea de manera verbal o no verbal y este tiene que tener un código común con el receptor quien rápidamente analiza el mensaje y lo entiende. Un Diseñador Gráfico tiene el fin de comunicar, él tiene que usar el mismo código que las personas que leerán su mensaje, tiene que conocer las necesidades de su cliente y a los clientes de este para que la comunicación sea eficaz. 1.3 Elementos del proceso comunicativo Los elementos que conforman este proceso son los siguientes: Fuente. Aquí nace toda la información. Emisor. Es el punto que codifica un mensaje para que sea entendido por el receptor. Receptor. Es el punto que decodifica el mensaje que quiere dar a entender el emisor. Un receptor pasivo sólo recibe el mensaje y un receptor activo recibe el mensaje y regresa una respuesta. Código. Son reglas que el emisor utiliza para que su mensaje sea claro para el receptor. Mensaje. Es la información mandada por el emisor. Canal. Es el medio por donde se envía el mensaje. Referente. Es la realidad que tiene el mensaje. Situación. Es el lugar y tiempo de la comunicación. Interferencia o ruido. Es la alteración que sufre el mensaje. Retroalimentación. Es la respuesta al mensaje. El proceso comunicativo se establece de la manera anteriormente mencionada y en cualquier tipo de mensaje ya sea verbal o no verbal sucede lo mismo. El profesional del Diseñador Gráfico en este proceso es el emisor, quien comunica y persuade a la vez, usa un código en común con sus receptores quienes captan el mensaje. El canal usado son los gráficos donde pueden ser expuestos estos mensajes: en un panorámico, una revista, un libro, un póster, internet, entre otros más. La retroalimentación para el Diseñador Gráfico y su cliente es muy importante y notoria, si hay respuesta (más ventas, por ejemplo) entonces el mensaje fue aceptado por los receptores. Al no recibir respuesta la comunicación no se dio realmente.

Unidad 1. El profesional del Diseño Gráfico 02


1.4 El proceso comunicativo empresa-consumidor La comunicación empresa-consumidor es muy importante, esto define el éxito de la misma. La empresa contrata a un grupo de Diseñadores Gráficos para entablar comunicación con sus clientes, comienza con la codificación cuando las ideas son hechas palabras por los diseñadores. Continua con la emisión del mensaje, aquí las palabras son transformadas a símbolos o gráficos, sigue la transmisión de este por medio de algún panorámico o carteles. Después se da la recepción del mensaje por parte de los clientes y se da la decodificación cuando el cliente entiende la información y da paso a la retroalimentación al hacer caso a ese mensaje. La comunicación de una empresa es una estrategia para progresar. “En la empresa, la comunicación es un elemento mediatizador que pretende convencer, persuadir, influir e informar de los objetivos que se propone”3 . 1.5 El papel del Diseño Gráfico en el proceso comunicativo. Nuestra visión del papel de nuestra profesión El Diseño Gráfico actualmente es muy importante para que exista una comunicación eficaz entre una empresa y sus clientes, ya que es considerado un puente entre estos dos. El trabajo del diseñador es complicado, tiene que investigar todo lo posible respecto al proyecto, debe de procesar toda esa información para pensar ideas y de ahí crear las mejores ideas y llevarlas a cabo, después se evalúan y verifican para al final darles forma.

3 Recuperado el 27 de Agosto http://www.losre cursoshumanos.c om/contenidos/2 21-la-comunicac ion-en-la-empre sa.html

El Diseñador Gráfico tiene en sus manos un peso muy grande porque de él dependen muchas cosas y su obligación es mandar un mensaje correcto. No importa si es un trabajo pequeño o grande, todo proyecto debe de ser realizado con la misma dedicación desde una investigación previa hasta la verificación de si es funcional o no. Los Diseñadores tienen en sus manos ser considerados después como unos profesionistas importantes, hacer un trabajo con calidad habla bien de la profesión, no solamente hacer algo por hacerlo sin tomar en cuenta ninguna base. Esta profesión va de menos a más, el mundo va creciendo y necesita comunicarse. 1.6 El paradigma tecnológico. La palabra paradigma significa patrón o un ejemplo que se debe de seguir. Entonces el paradigma tecnológico son características tecnológicas que cada sociedad tiene y este ayuda para la comunicación. El

Unidad 1. El profesional del Diseño Gráfico 03


paradigma tecnológico actualmente trata de captar reglas que lleven las decisiones sobre la tecnología en cierto tiempo, después de ese tiempo se cambia el paradigma y causa cambios en la sociedad y por lo tanto en su manera de avanzar y comunicarse. “Llamamos paradigma tecnológico al conjunto de conocimientos y técnicas que permiten un determinado dominio del medio natural y de desarrollo material del sistema cultural en su conjunto”4 . 1.7 Análisis de una empresa: Domino’s Pizza. Domino’s Pizza es una empresa multinacional de comida rápida, teniendo un enfoque en las pizzas. Fue fundada en Estados Unidos en el año de 1960 y actualmente tiene más de 10,000 mil locales, Target: El público objetivo es todo tipo de gente, enfocado un poco más a los jóvenes por el tipo de publicidad usada, aunque realmente no hay distinción porque los productos son consumidos por público de todas las edades, sin distinción de sexo. El precio está accesible para casi todos los niveles socioeconómicos, puede ser consumido por el sector C (Clase Media) principalmente. Aunque también entraría el sector D+ (Clase Media Baja) y el sector C+ (Clase Media Alta). Su proceso de comunicación y elementos: En general es interesante y uniforme, usan como medio de comunicación los comerciales en la televisión, su página de internet, redes sociales (Twitter, Facebook, Instagram), panorámicos llamativos, anuncios en sus establecimientos. Sus comerciales son muy buenos y sí se quedan grabados en la mente de los consumidores, al igual que su página de internet que tiene muy buen diseño y los elementos están ubicados correctamente, es interesante estar en ella porque encuentras desde promociones hasta una calculadora para saber la orden perfecta. Su publicidad es limpia y llamativa, si tiene identidad. Su estrategia más importante para permanecer arriba es si se tardan más de 30 minutos la pizza es gratis. Igualmente siempre hay promociones, entre ellas el 2x1 y se pueden pedir los productos en su página de internet (http://dominos.com.mx/) y pagar cuando la pizza llegue a tu hogar. El servicio a domicilio es un punto fuerte para esta empresa.

Unidad 1. El profesional del Diseño Gráfico 04

4 Recuperado el 27 de Agosto http://www.virtua l.unal.edu.co/cur sos/IDEA/200912 1/lecciones/lectu ras/lectura06.ht m


*** Investigación Twitter ¿Quién inventó el twitter? Jack Dorsey, quien nació el 19 de noviembre de 1976 en Estados Unidos de América. Él trabajo en Nueva York, fue programador en una empresa que enviaba correos, servicios de emergencia y taxis por medio de la web, con eso pensó en el microblogging porque se percató de la necesidad de las personas por mandar mensajes rápidamente y creó el prototipo en sólo dos semanas. Pasó de ser un medio de comunicación a una red social. En el 2012 el twitter valía 1,440 millones de dólares. Hay otra versión, que menciona que en el año 2000, creó su propia empresa, Dorsey se acercó con Biz Stone quien trabajaba en la empresa Odeo para darle la idea de compartir cosas con todos por medio de internet. La empresa Odeo aceptó y se desarrolló una empresa llamada “Obvious” ahora Twitter. En el año 2006, Jack Dorsey mandó el primer “tweet”: “Just setting up my twitter”. Está trabajando en otro proyecto llamado Square, una manera de pagar con la tarjeta de crédito por medio de un Smartphone. ¿De dónde viene el hashtag (#)? Según The New Times, la idea del hashtag fue de un diseñador de experiencia del usuario de Google+, Chris Messina, él les mencionó a Twitter que añadiera el “#” antes de las palabras para crear temas en esta red. Esto fue en agosto de 2007, pero se volvió popular en el 2010. Anteriormente ya aparecía en los servicios de mensajería, que tenían protocolos IRC para poder detectar la temática de cada canal. El primer hashtag usado en esta red social fue por Nate Ritter, habitante de San Diego, California, uso “sandiegofire por incendios forestales en el mes de octubre de 2007. ¿De dónde viene el arroba (@)? El arroba @ viene del idioma árabe con significado de la cuarta parte o cuatro. Su origen podría ser en la Edad Media que se utilizaba para unir la letra “a” y “d” para formar “ad” que significa “hasta” o “hacia”. Se comenzó a utilizar en cartas, poniéndolo antes del destinatario. En los 70´s con la creación del correo electrónico comenzó el uso del signo más comúnmente. Ray Tomlinson, quien es el creador del correo electrónico eligió el símbolo porque no tenía tanto uso aunque

Unidad 1. El profesional del Diseño Gráfico 05


se encontraba en los teclados, con esto buscaba que fuera poco común. ¿Cuáles son los usuarios de Twitter con más seguidores? 1. Katy Perry con 55.4 M 2. Justin Bieber con 53.5 M 3. Barack Obama 45 M 4. Youtube 44.3 M 5. Lady Gaga 41.8 M ¿Por qué 140 caracteres? Porque fue creada para ser utilizada por teléfonos móviles, por eso el límite de 140 caracteres que permite un texto. También porque es un mensaje rápido.

Unidad 1. El profesional del Diseño Gráfico 06


*** Ejercicio Twitter (Nike) Benchmark

Unidad 1. El profesional del DiseĂąo GrĂĄfico 07


*** Ejercicio Twitter (Nike) #sinlimites No hay excusas para ser el mejor. #sinlimites #justdoit

El hashtag utilizado en el tuit (“Sin límites”) se convierte en una frase en la imagen de los Tenis Nike. La tipografía utilizada es Futura LT ExtraBold Regular, la altura de la frase es la misma que la del logotipo. Nike maneja regularmente el color negro, blanco y gris en su publicidad. Por esa razón la imagen tiene un fondo gris. EL elemento principal son los nuevos Tenis Nike LunarGlide 6 para mujer color rosa, estos tienen una sombra marcada en la parte inferior. La imagen es simple para no perder la vista el tuit que lo acompaña. Tamaño imagen: 600x450 px Resolución de imagen 72 dpi Paleta de color:

Unidad 1. El profesional del Diseño Gráfico 08


*** Ejercicio Twitter (Nike)

El banner está en escala de grises para que no resalte sobre el avatar, la imagen y el tuit que la acompaña. El avatar solamente tiene el logotipo de Nike, conservando el fondo negro para conservar la misma identidad que el resto de las cuentas de Nike.

Unidad 1. El profesional del Diseño Gráfico 09


*** Referencias http://lema.rae.es/drae/srv/search?key=comunicaci%C3%B3n http://definicion.de/sociedad/ http://comunicacionysociedadxepoem187.blogspot.mx/2011/08/definicion-de-comunicacion-y-sociedad.html http://albertitocomunicacion.bligoo.com/comunicacion-y-sociedad#.U_6jtfl5OSo http://telos.fundaciontelefonica.com/telos/articulolibro.asp@idarticulo=8&rev=70.htm http://sorgalim-delaluz.blogspot.mx/2008/11/proceso-de-comunicacin-y-sus-elementos.html http://www.aytotarifa.com/Aula%20abierta/Lengua%20Castellana/lverbal.pdf http://yonoquierohacertarea.blogspot.mx/2012/09/2-el-proceso-comunicativo-empresa.html http://www.losrecursoshumanos.com/contenidos/221-la-comunicacion-en-la-empresa.html http://mariselarellano.wordpress.com/2012/09/02/el-papel-del-diseno-grafico-en-el-proceso-comunicativo/ http://www.econlink.com.ar/paradigmas-tecnologicos http://www.virtual.unal.edu.co/cursos/IDEA/2009121/lecciones/lecturas/lectura06.htm http://www.aulafacil.com/administracionempresas/Lecc-27.htm http://es.wikipedia.org/wiki/Domino's_Pizza http://ongayweb.blogspot.mx/2012/11/quien-creo-el-twitter.html http://www.smallketing.com/2013/07/%C2%BFno-conoces-a-jack-dorsey-fue-quien-invento-twitter/ http://isocialweb.com/cual-es-el-origen-del-hashtag/ http://www.abc.es/medios-redes/20130130/abci-hashtag-idiomas-significado-201301291838.html http://www.mujeresycia.com/index.php?x=nota/53615/1/hashtags-de-donde-vienen-y-hacia-donde-van http://www.odontomarketing.com/art106set2003.htm http://www.movidaapple.com/blog/2014/03/21/las-10-cuentas-de-twitter-con-mas-seguidores-del-mundo-infografia/ http://www.taringa.net/posts/noticias/14984093/Por-que-Twitter-solo-permite-140-caracteres.html

Unidad 1. El profesional del DiseĂąo GrĂĄfico 10


Unidad 2. Las Nuevas Tecnologías Objetivo particular. Analizar los conceptos básicos de las Nuevas Tecnologías de la Comunicación y su importancia dentro de la sociedad y a nivel profesional. 2.1 Definición de Nuevas Tecnologías “Hace referencia a los últimos desarrollos tecnológicos y sus aplicaciones (programas, procesos y aplicaciones)” 1. Estos han dado cambios importantes en la sociedad, sobre todo en la comunicación. Están enfocadas en la comunicación y se reparten en tres áreas: la informática (el primer ordenador), vídeo (grabación de la imagen) y telecomunicación (satélites y fibra óptica). 2.2 La revolución digital Es una manifestación cultural causada por el desarrollo rápido de las tecnologías. Esta revolución tiene nuevas maneras de transmitir conocimiento entre una sociedad y tiene el poder de cambiar a la humanidad. Gracias a esta se llega al conocimiento de bioingeniería y nanotecnología. Una de la característica de esta revolución es que cambia o evoluciona el cómo se hace, se comunica y utiliza el conocimiento. Esto ocasiona un gran avance en el mundo, lograr mejor nivel económico, cuidado al medio ambiente y hasta una manera de solucionar los problemas entre los países. 2.3 Multimedia 1 Recuperado el 10 de Septiembre http://www.uclm .es/profesorado/r icardo/monografi asnntt/sandrawe b/Mis%20Webs/n uevas_tecnolog% C3%ADas__magi sterio4.htm

El concepto multimedia significa “varios medios”, y ha sido muy usada en estos últimos años. Es una manera de transmitir información utilizando varios medios electrónicos al mismo tiempo, esto puede ser texto, fotografías, vídeo, animación, sonidos. Este tipo de comunicación que se da por multimedia ayuda al aprendizaje y a una comunicación casi “real”, es muy fuerte y natural, logra que la información se

Unidad 2. Las Nuevas Tecnologías 11


archive en la mente de las personas de manera efectiva, porque estimula los sentidos de las personas. 2.4 Hipertexto Esta palabra fue acuñada por Theodore Holm Nelson en el año de 1965, él diseñó un sistema para manejar textos que se pudieran corregir y editar de manera sencilla. Actualmente los textos digitales que integran hipertexto necesitan que las personas que escriben y las que lean tengan nuevas habilidades. Es información representada como una red de nodos unidos, gracias a eso los lectores tienen la libertad de navegar de manera no lineal, hay muchas rutas de lectura. Son como enlaces para poder entrar a otra información similar (pueden ser textos subrayados en la web llamados “enlaces”). Según Jacob Nielsen, se debe de utilizar principalmente al existir un cuerpo extenso de información divididos en partes, también cuando esas partes tienen relaciones y cuando se necesita una parte de toda la información. 2.5 Hipermedia Es una palabra dada por Theodore Holm Nelson. Es un acrónimo que junta las palabras Hipertexto y Multimedia, al igual que sus definiciones. Hipermedia es la relación entre elementos pero de medios, tanto de imágenes, texto, sonidos, vídeos, ya que en internet no sólo existe texto (Hipertexto). 2.6 Interacción e interactividad Son dos conceptos que están interrelacionados y los dos comienzan con el prefijo latino “inter”, que significa “en medio”. De manera simple, la interacción es la que se da entre dos objetos o fuerzas, mientras que la interactividad tiene que ver con lo que es interactivo, que se da gracias a la interacción (Usuario-multimedia). En pocas palabras la interactividad se da gracias a la interacción. 2.7 Los medios interactivos Un “medio” funciona para obtener un fin, e “interactivo” es una interacción. Es una manera de interactuar entre dos entidades para tener un fin o propósito. Medios interactivos son “aquellos que incluyen recursos de hipertexto, hipermedia y multimediales, recursos basados en

Unidad 2. Las Nuevas Tecnologías 12

2 Recuperado el 10 de Septiembre http://tallerrecurs osmultimediales. wikispaces.com/ Medios+Interacti vos


internet y aquellos transmitidos por televisión satelital” 2. En un medio interactivo una persona puede navegar libremente. 2.7.1 Los medios multimedia La multimedia es cuando se usan medios para compartir información. Utilizan información que es controlada en lo digital y se unen al ordenador para representarla. Estos medios pueden ser lineales/pasivos o interactivos. 2.7.2 Internet Internet es una red de redes (ordenadores) enorme, una biblioteca virtual mundial. Este brinda muchos servicios a los usuarios, estos se dan gracias a tantos más ordenadores que están activos en el momento en el que el usuario está. Aquí se puede informar, comprar, vender, comunicar, entre muchas cosas. Es un buen representante de la globalización. Une bastantes redes importantes, la que brinda acceso a noticias la cual es Usenet y otra más conocida World Wide Web (WWW). 2.7.3 La televisión interactiva Es el resultado de la unión de diferentes tipos de tecnología en el área de informática y telecomunicaciones, es la digitalización de las transmisiones de TV. Aquí la persona que ve la televisión es capaz de ver lo que le interesa, cada vez la exigencia del espectador es mayor.

2 Recuperado el 10 de Septiembre http://tallerrecurs osmultimediales. wikispaces.com/ Medios+Interacti vos

Unidad 2. Las Nuevas Tecnologías 13


*** Referencias http://www.uclm.es/profesorado/ricardo/monografiasnntt/sandraweb/Mis%20Webs/n uevas_tecnolog%C3%ADas__magisterio4.htm http://www.monografias.com/trabajos15/nvas-tecnologias/nvas-tecnologias.shtml http://computaciondetercero.blogspot.mx/2010/06/que-es-la-revolucion-digital.html http://revoluciondeladigitalizacion.blogspot.mx/2012/04/revolucion-digital.html http://facundofacundo-facundo.blogspot.mx/2010/06/que-es-la-revolucion-digital.ht ml http://definicion.de/multimedia/ http://www.binasss.sa.cr/revistas/enfermeria/v24n1/art7.htm http://www.eduteka.org/Hipertexto1.php http://www.duiops.net/manuales/faqweb/faqweb1.htm http://didacticaeducomunicativa.blogspot.mx/2011/04/diferencias-interaccion-interac tividad.html http://mc142.uib.es:8080/rid=1HWJQ10J4-Z1Q8SP-3Q9 http://didactica-educomunicacion.blogspot.mx/2011/04/interaccion-vs-interactividad .html http://tallerrecursosmultimediales.wikispaces.com/Medios+Interactivos http://www.misrespuestas.com/que-es-multimedia.html http://roble.pntic.mec.es/~sblanco1/multimed.htm http://www.cad.com.mx/que_es_internet.htm http://www.monografias.com/trabajos81/que-es-internet/que-es-internet.shtml http://www.quees.info/que-es-internet.html http://www.ecured.cu/index.php/Televisi%C3%B3n_interactiva http://king-eclient.com/television-interactiva

Unidad 2. Las Nuevas TecnologĂ­as 14


Unidad 3. El diseño gráfico publicitario interactivo Objetivo particular. Abordar e investigar las nuevas formas publicitarias dentro de las nuevas tecnologías como base del desarrollo profesional del diseño gráfico. 3.1 La Publicidad Interactiva Las marcas al no llegar al consumidor de manera potente con la publicidad tradicional usada regularmente, optan por la publicidad interactiva, que le da un valor agregado a la marca y se quede por más tiempo en la mente de los consumidores. Con la publicidad con interacción el tiempo de contacto con el cliente es mayor y es posible la interacción en tiempo real para saber si el mensaje le llega de la manera correcta, todo esto gracias a internet. Gracias a este tipo de publicidad las empresas y marcas tienen la posibilidad de crear productos o servicios con gustos reales de los clientes y de llegar más fácilmente a ellos. La publicidad interactiva es encontrada en el mundo digital, esto se debe a que todos cuentan con un teléfono inteligente. Lorena Reyes, quien es socia fundadora de Noknoker, menciona respecto a las estrategias publicitarias que “aquellas estrategias que involucren de manera más activa y consistente a los usuarios finales son aquellas que tendrán mayor permanencia y preferencia entre ellos”1. 3.1.1 Los primeros pasos

1 Recuperado el 18 de Noviembre http://www.merc a20.com/publicid ad-interactiva-lainteraccion-aum enta-el-engagem ent/

Es una publicidad joven, pero el primer paso, notoriamente se dio gracias a “carretera de la información”, internet es la primera herramienta que ayudó a que la publicidad interactiva naciera en dos direcciones (interactuando), poco a poco se aproxima los medios tradicionales que están más consolidados. Antes de la publicidad interactiva existía ya el marketing directo, infocomerciales y teletexto.

Unidad 3. El diseño gráfico publicitario interactivo 15


3.1.2 Definición Su definición tiene mucho que ver con unos de sus antecesores, el marketing directo. La publicidad interactiva es la publicidad donde se da una respuesta directa, la retroalimentación del consumidor se da en el momento y por el mismo canal. “La Publicidad Interactiva consiste en el uso de medios interactivos para incentivar o influir en la decisión de compra de los consumidores. La publicidad interactiva se utiliza en Internet, en la televisión interactiva, teléfonos móviles y terminales adaptados” 2. Este tipo de publicidad se define de los demás tipos de publicidad por la fluidez de la información, porque esta información tiene que tener una función de acuerdo a las necesidades de su público meta y la información debe de tener un movimiento de manera recíproca. 3.1.3 Tipos de Publicidad Interactiva en Internet Internet es usado por la publicidad interactiva principalmente, aquí se tienen diferentes ventajas como la respuesta inmediata, segmentación de audiencias de manera más sencilla, se pueden personalizar los mensajes, se evalúan resultados (visualizaciones) obtenidos. Gran cantidad de empresas usan este medio para promocionar sus productos o servicios invirtiendo menos dinero. Se invita al consumidor a navegar en una publicidad llena de información. Anteriormente la publicidad sólo permitía la creación de Web Site. Hoy en día se pueden realizar muchos tipos de publicidad que se definirán brevemente a continuación: 1. Web Site - Los Micro Site 2. Los Banners - Banners animados - Los Rich Media o Banners Enriquecidos 3. Interstitials - Interstitials de transición - Pop Up - Supertitials 4. Los Webspots 5. Patrocinio 6. Otros formatos Publicitarios en Internet - Cursores - Nested Links - Webvectoriales

Unidad 3. El diseño gráfico publicitario interactivo 16

2 Recuperado el 18 de Noviembre http://dorishill.bl ogspot.mx/


- Publicidad vía e-mail 3.1.3.1 Web Site Esta es la página principal de una empresa en la red, es un espacio virtual encontrado en internet, son varias páginas web a las cuales se pueden acceder por medio del mismo World Wide Web (WWW). Aquí se encuentra la información importante de la empresa, desde su historia hasta publicidad de lo que venden y vender, la página principal es su “home”. En algunas ocasiones se utiliza página web para nombrar un sitio web, y una página web es sólo una parte del sitio web. 3.1.3.1.1 Los Micro Site Es un soporte y está formado por varias páginas con información que ayuda a una comunicación breve, clara y directa para un producto, campaña o servicio, estos micro sitios son interactivos y contienen imágenes, sonido y animación. Este puede estar en un sitio web o no y es usado principalmente como herramienta para promocionar en línea. 3.1.3.2 Los Banners Es también llamado “anuncio banner”, su forma ha ido cambiando y se va adaptando a lo largo del tiempo, comenzaron siendo sin movimiento hasta convertirse en animados, lo normal es que sea rectangular en la parte superior o inferior o en las laterales de la página principal de un sitio web, este banner regularmente tiene un link que te lleva a otro sitio web, dependiendo lo que se anuncia. La Agencia de Publicidad en Internet, IAB, realizó un estudio y se comprobó que el anuncio hace que un usuario recuerde más lo anunciado o al producto o servicio. La HotWired Network, fue quien lo inventó y fue visto por primera en el año de 1994, desde esa vez su uso ha ido a la alta. Los formatos usados para los banners es .JPG, .JPEG y .PNG., y el éxito de esta publicidad es medida por la cantidad de “clic” que se realice en ellos. “Según lo explica Google Adwords en su sitio, los tamaños de los anuncios se miden en pixeles y pueden ser de los siguientes tamaños: 250 x 250 Cuadrado. Este tipo de anuncio puede aparecer arriba, abajo o al costado del sitio web.

Unidad 3. El diseño gráfico publicitario interactivo 17


200×200 Cuadrado pequeño. Al igual que el anterior, puede aparecer arriba, abajo o al costado del sitio web. 468 x 60 Puede ir arriba, en el medio o abajo del sitio 728 x 90 Leaderboard. Al igual que el anterior, puede estar arriba, al medio o abajo del sitio. 300 x 250 Rectángulo inline. Puede aparecer arriba, al costado o abajo de la página. 336 x 280 Rectángulo largo. Puede aparecer arriba, al costado o abajo del sitio web. 120 x 600 Skyscraper. Puede aparecer en el lado izquierdo o derecho de la página.} 160 x 600 Skycraper ancho. Al igual que el anterior, puede aparecer al lado izquierdo o derecho de la página. 300 x 600 Ad de media página. 970 x 90 Leaderboard large. Puede aparecer arriba, en el medio o abajo del sitio” 3. 3.1.3.2.1 Banners animados Antes eran anuncios con sólo imágenes y texto, hoy en día, con gran cantidad de tecnología se permite la elaboración de banners complejos, con texto, gráficos en movimiento y hasta con sonidos, casi todos las empresas usan este tipo de publicidad en banners. El formato usado para este tipo de banners, es el .GIF o .SWF y tiene que tener un peso de 150 KB o menos, debe de durar 30 segundos o menos. 3.1.3.2.2 Los Rich Media o Banners enriquecidos Son anuncios que tienen tecnología avanzada para poder mostrar la información de manera que las personas puedan interactuar y crear así un fuerte impacto en los usuarios. Una característica importante es que incluyen vídeo y audio y la creatividad no tiene límites al diseñarlos. 3.1.3.3 Interstitials Se está convirtiendo en una publicidad muy atractiva para todos los que navegan en internet, ya que cuentan con diseños creativos y con mucha dinámica, aunque a veces es moleto. Es conocido también como e-mercials, es publicidad muy corta, entre 5 y 10 segundos. Se encuentra al acceder a una página web y se reproduce mientras se carga el espacio a donde accediste. Se divide en tres formatos, definidos a continuación:

Unidad 3. El diseño gráfico publicitario interactivo 18

3 Recuperado el 19 de Noviembre http://www.emar ketinghoy.com/g uia-de-tamanosestandar-para-ba nners-formatosde-pauta-en-inte rnet-iab/


3.1.3.3.1 Interstitials de transición Es publicidad que aparece entre dos páginas con que tienen contenido, son conocidas también como páginas de bienvenida y duran entre 5 y 10 segundos. Al entrar a un sitio web, aparece esta publicidad y las personas reciben el mensaje de alguna empresa y ellos deciden si darle “clic” o no para poder entrar al sitio web, después del periodo de tiempo de duración acceden automáticamente a la página a la que ellos querían. 3.1.3.3.2 Pop Up También llamada ventana emergente, es una ventana que aparece automáticamente en la pantalla de tu computadora de un navegador de internet, el fin de esta es la publicidad, pero de igual manera guía el tráfico de internet para otras páginas, la ventaja es que es aceptada por casi todos los sitios web. Son molestas para los usuarios, las páginas que tiene contenido de adultos son las más comunes en internet. Tienen cualquier formato al desplegarse, y para los diseñadores gráficos es muy fácil crearlos. Los navegadores actuales tienen sus bloqueadores de este tipo de ventanas, pero aun así algunas aparecen en la pantalla. 3.1.3.3.3 Superstitials Con este tipo de anuncios se buscar anunciar publicidad más interactiva y atractiva. Al terminar de cargar la página, la publicidad es cargada en la memoria caché, si se quiere ver completamente este anuncio solamente se le da “clic”. 3.1.3.4 Los Webspots Estos son un conjunto de interacción más un spot de televisión, aquí se anuncia algún producto o servicio, al dar “clic” te lleva a un Web Site. 3.1.3.5 Patrocinio Es la unión de un mensaje en una página web, aquí se la audiencia puede interactuar. Este tipo de publicidad solamente está puesta en el público meta, no se obliga al usuario a visitar el sitio web del producto o servicio que se anuncia. Aquí hay distintos formatos y existe en el “pack” publicitario que brinda el medio.

Unidad 3. El diseño gráfico publicitario interactivo 19


Aquí se buscan dos objetivos, tener un buen comercial y a la vez una buena imagen de la marca, aquí se da una imagen positiva y una cultura de valores de la empresa. De igual manera se busca la revalorización del producto, aceptación del público, entre otras más. 3.1.3.6 Otros Formatos Publicitarios en Internet La Comisión de Formatos publicitarios de IAB, es quien escanea y analiza el mercado para ir actualizando los estándares de la publicidad digital, realizan reuniones cuatro veces al año para hablar sobre quitar o poner de su lista lo estándar y así saber qué pasa con el mercado. Algunas empresa que forman parte de esta comisión son Google, Hello, Orange, Publipress, Yahoo! Y Sportify. Existen otros formatos para crear publicidad en internet, que a continuación se mencionaran. 3.1.3.6.1 Cursores Los cursores actualmente están entrando al mundo de la publicidad, ya que se utiliza el extremo del cursor para poner mensajes o animaciones. Al entrar a un sitio web este cursor se convierte en una imagen animada con logotipo o anuncio publicitario. La principal ventaja es que no una publicidad que cansa al usuario y causa impacto en las personas, porque esto no es muy común. 3.1.3.6.2 Nested Links Los Nested Links son links de hipertexto que están incluidos en un mensaje, forma parte de la información y no es visto como publicidad y aumenta la credibilidad del mensaje, aquí se aprovecha el interés de cada lector al estar en algún sitio que le importa y al dar “clic” en un nested link lo mandará a otro sitio de su interés. 3.1.3.6.3 Webvectoriales Estos son los mensajes con publicidad que están en una página de soporte publicitario, los webvertoriales. Es un tipo de publireportaje. Actualmente los archivos digitales de publicidad los contienen mucho, pasa como información de un editorial. 3.1.3.6.4 Publicidad vía e-mail Se utiliza el correo electrónico como medio para hacer llegar la publi-

Unidad 3. El diseño gráfico publicitario interactivo 20


cidad, es considerado molesto porque llegan muchos mensajes publicitarios, es masivo. De igual manera se considera como “e-mail marketing” a los correos que tienen o no fines comerciales. Llegan desde campañas, ofertas, boletines, novedades, encuestas y este medio es económico, masivo, es medible, ayuda a que el receptor actúe y también permite que existan ventas seguidas. 3.1.4 La Publicidad en la TVi La televisión interactiva (TVi) es la más importante y poderosa forma de publicidad que existe actualmente. Al anunciar algo por TVi dice que miles y millones de persona lo verán, gracias a este medio existe la notoriedad y la credibilidad de la gente, esto ayuda a lograr un posicionamiento de la marca o producto, según sea el caso. Aquí se une el sonido, movimiento, efectos y marca para que la publicidad tenga mucha creatividad y expresión. Existe la participación del espectador con la televisión y con el anunciante o presentador que está viendo. 3.1.4.1 La Publicidad en contenido de programa La televisión es muy atractiva, todos ven la televisión, para ver noticias, programas de entretenimiento o de información. Llega a muchas personas. En los programas de televisión se usa mucho la publicidad, metiendo en ciertas secciones anuncios de ciertas marcas, causa impacto porque lo dicen personas que son reconocidas. 3.1.4.2 Publicidad en contenidos interactivos La televisión digital tiene interactividad. La televisión tiene un gran alcance, y existe interacción porque existe la “acción mutua” de informar y recibir respuesta. 3.1.4.3 Publicidad entre contenidos Es similar a la publicidad de internet, entre los contenidos televisivos agregan algún anuncio cuando el programa termina alguna fase, es una manera sencilla de crear publicidad. 3.1.4.4 TV Site Así se le llama al sitio de internet que está diseñado especialmente para la televisión. Aquí se puede ver la televisión pagando, es legal.

Unidad 3. El diseño gráfico publicitario interactivo 21


Unidad 3. El diseĂąo grĂĄfico publicitario interactivo 22


*** Investigación Instagram Instagram y sus interacciones. Instagram es una red social gratuita para los usuarios, se interactúa por medio de ella al compartir fotos y se tiene la posibilidad de agregarles efectos y algún hashtag (#) según el tema. Trasfondo de la compañía El nombre de la aplicación tiene la unión de dos palabras: instantáneas (fotografías) y telegramas (escritos). Según fuentes, Kevin Systrom dijo que el éxito fue logrado gracias a combinar una red social con el retoque de las fotografías por medios de filtros. ¿Cuál es la idea de Instagram? La idea era crear un proyecto de fotografía precisamente, que después llamarían Instagram. ¿Cómo surgió Instagram? Esta aplicación nació en San Francisco por un proyecto fotográfico para celular gracias principalmente a Kevin Systrom y Mike Krieger. El 6 de Octubre del año 2010 fue dado a conocer en el Apple App Store e inmediatamente comenzó a ser descargado y existieron unas fallas técnicas, pero Systrom llamó a Adam D’Angelo (ex jefe de tecnología de Facebook) para su ayuda y todo fue solucionado. Fue diseñada primeramente para iPhone, después para iPod y iPad, para que en el 2012 fuera lanzada una versión para Android encontrada en Google Play. En abril de 2012 Facebook compra Instagram. ¿Por qué lo compró Facebook y cuánto le costó? No se sabe verdaderamente la razón. Pero se puede decir que todo comenzó cuando se permitió su descarga a usuarios de Android. En seis días Instagram recibió 5 millones de descargas, logró un millón en menos de 12 horas. Tal vez esto fue lo que a Facebook le llamó la atención. Le costó mil millones de dólares. ¿Número de usuarios y fotos publicadas aproximadamente? Tiene aproximadamente 150 millones de usuarios activos mensualmente. 16 billones de fotos compartidas actualmente, con 55 millones

Unidad 3. El diseño gráfico publicitario interactivo 23


de fotos publicadas diariamente y 15 cada segundo. (Datos de finales del año 2013, según “We are Social Media”). ¿Número de “likes” diarios y cuál es la imagen con más de estos? 1.2 billones de “likes” diariamente. (Datos de finales del año 2013, según “We are Social Media”). Según la revista People, Kim Kardashian y Kanye West tiene casi 2,400,000 “likes” en una foto donde se están besando en su boda, la más popular hasta ahora. Esta foto fue subida por Kim el 27 de mayo y le quitó el récord de una fotografía de Selena Gomez y Justin Bieber ¿Cuál es la cuenta con más seguidores? 1.Justin Bieber (@justinbieber) con 20,461089 seguidores. 2.Kim Kardashian (@kimkardashian) con 18,252,057 seguidores. ¿Hashtag más populares en Instagram? Según estudios de Big Data, los hashtag más utilizados son: #love, #instagood, #tweegram, #photooftheday, #iphoneasia, #instamood, entre otros más. A continuación se presentan los datos más importantes sobre Instagram según Social in Media, Nitrogram 5o y Global Web Index: “1.-El 39% de los usuarios de Instagram tienen entre 16 y 24 años de edad. 2.-Para mediados del 2013, el tiempo promedio invertido por los internautas en Instagram alcanzó los 257 minutos. 3.-De los usuarios de Instagram el 37% nunca ha subido una fotografía. 4.-El 68% de los miembros de la red social son mujeres. 5.-Los domingos son los días más efectivos para publicar en Instagram. 6.-Las grandes marcas tienen mayor actividad en dicha plataforma los jueves. 7.-Al hablar de filtros, Mayfair es el que más comentarios y “likes” genera. 8.-El número de interacciones aumenta hasta en 24% cuando en la gama de color de las fotografías predomina el azul. 9.-Para octubre del 2013 se calculaba que se habían compartido en Instagram 35 millones de “selfies”. 10.-De los mini-videos de Instagram 9 de cada 10 se comparten en Facebook. 11.-Nike, Starbucks y la NBA son las marcas más populares en Insta-

Unidad 3. El diseño gráfico publicitario interactivo 24


gram. 12.-La audiencia total del primer anuncio de Instagram tuvo una audiencia de 6.15 millones de usuarios�.

Unidad 3. El diseĂąo grĂĄfico publicitario interactivo 25


*** Ejercicio Instagram (Campaña Té Verde Matcha) Es una empresa regiomontana que importa el polvo Té Matcha desde Kyoto Japón en avión para conservar la frescura. Cuando lo reciben, lo empacan de nuevo y etiquetan con un alto control de calidad. Es una empresa certificada y supervisada por SSNL y por la NYCE. Tienen los Certificados Orgánicos de sus productos y de igual manera tienen sus respectivos análisis microbiológicos y de información nutrimental. El Té Matcha es un producto 100% Orgánico de calidad suprema. Su misión principal es promover la salud y el bienestar de sus clientes dando a conocer la antigua tradición y apreciación del Matcha. También vende infusiones orgánicas.

FODA Fortalezas. Tiene posicionamiento, mucha distribución, atención personalizada, producto novedoso, producto 100% orgánico/natural, producto certificado. Oportunidades. Marca regiomontana, presencia en internet (Página web, Twitter y Facebook), mercado extenso, precio, integrar Instagram. Debilidades. Mala publicidad, no cuenta con identidad, loogotipo mal diseñado. Amenazas. Existir imitación de producto, moda. Publicidad en redes sociales 1. Uso de varias tipografías. 2. Uso de diferentes colores. 3. Mucho texto. 4. No hay formato definido. 5. Fotografías sin identidad. 6. Collage de fotos mal diseñados.

Unidad 3. El diseño gráfico publicitario interactivo 26


*** Ejercicio Instagram (Campaña Té Verde Matcha) Publicidad en redes sociales

Benchmark

Unidad 3. El diseño gráfico publicitario interactivo 27


*** Ejercicio Instagram (Campaña Té Verde Matcha) Comparación (antes-después)

Campaña para Instagram

Unidad 3. El diseño gráfico publicitario interactivo 28


*** Ejercicio Instagram (Campaña Té Verde Matcha) Justificación 1. No se pierde el estilo de la marca. 2. Se utiliza el color verde y el blanco porque es muy manejado por la marca. Solamente dura seis semanas la campaña, se logra llamar la atención total por ese tiempo sin aburrir al espectador. 3. La franja es para no perder la esencia, que regularmente usa color sólidos abajo del logotipo. 4. El logotipo tiene texto pequeño por eso no es tan grande y no tan pequeño a comparación de como lo usan. 5. La campaña muestra estilo de vida y cualidades de la marca son puntos fuertes y se usaron para captar la atención.

Unidad 3. El diseño gráfico publicitario interactivo 29


*** Ejercicio Europartners Objetivo del proyecto Rediseño de una parte de la página web de la empresa Europartners., se busca un diseño bien estructurado y limpio para mejorar la experiencia. Estará basado en un análisis de la página web de la empresa y de su competencia. La empresa Europartners es una empresa fundada en el año 2002 que brinda servicios de logística a nivel internacional. Tienen una organización basada en una estructura multicelular de equipos con líderes, logrando así una eficaz toma de decisiones finales. Su promesa de marca es “Brindar siempre un servicio rápido, amigable y dedicado”. Tienen oficinas en la República Mexicana, Estados Unidos, Canadá, Europa, Centro y Sudamérica. Servicios Se orientan en dar soluciones de transporte de carga terrestre, aérea o marítima con calidad y de manera inmediata: Ep Ocean (Transporte marítimo) Ep Air (Transporte aéreo) OTR (Transporte terrestre) Critical Cargo Project Cargo Página actual

Unidad 3. El diseño gráfico publicitario interactivo 30


*** Ejercicio Europartners Benchmark

Hallazgos en páginas web de Europartners Utiliza tipografía sans serif en diferentes pesos. Paleta de color de azul, blanco, gris, negro, naranja y rojo. Hay algunas fotografías muy buenas. Tienen Facebook, Twitter, Youtube y un Blog. Problema. Navegación complicada. Solución. Crear un diseño óptimo para mejorar la experiencia de los usuarios. Problema. No se respeta una retícula, no hay uniformidad. Solución. Implementar una retícula viable para toda la página web, para así acomodar bien el texto, imágenes y elementos. Problema. Información repetitiva. Solución. Quitar toda la información que se repite y acomodarla en sólo una sección. Problema. La sección cotización aparece continuamente. Solución. Tratar de ponerla en una sola sección cuidando que las personas la encuentren en un lugar en específico. Problema. Uso de muchas formas: rectangulares, hexagonales y redondeadas. Solución. Evitar el uso de formas variadas para lograr la uniformidad de la página. Problema. Hay 9 secciones en el menú. Solución. Reducirlo para mejor la experiencia de los usuarios.

Unidad 3. El diseño gráfico publicitario interactivo 31


*** Ejercicio Europartners Mapa de sitio PÁGINA PRINCIPAL

INICIO

EMPRESA

SERVICIOS

COTIZACIÓN

CONTACTO

Quiénes somos

Objetivo

EP Ocean

Promesa

EP Air

Perecederos

Filosofía

OTR

Minería

Valores

Critical Cargo

Visión

Project Cargo

Misión

Industrias

Herramientas

Automotriz Perecederos Minería Aeroespacial Energía: Oil & Gas

Wireframes

Unidad 3. El diseño gráfico publicitario interactivo 32

Automotriz


*** Ejercicio Europartners Justificación del proyecto Se realizó un diseño sencillo y atractivo a la vista tomando en cuenta a las personas que visitan la página. Diseño bien estructurado y limpio para mejorar la experiencia. Se quitaron elementos extras que sólo ocupaban espacio. Será fácil de utilizar. Diseño de home

Unidad 3. El diseño gráfico publicitario interactivo 33


*** Ejercicio Europartners Mockup

Unidad 3. El diseĂąo grĂĄfico publicitario interactivo 34


*** Referencias http://www.merca20.com/publicidad-interactiva-la-interaccion-aumenta-el-engagement/ http://biblioteca.ucm.es/tesis/inf/ucm-t25975.pdf http://publicidadinteractivaymarketing.blogspot.mx/ http://www.baquia.com/tecnologia-y-negocios/entry/emprendedores/publicidad-interactiva-todo-por-hacer http://dorishill.blogspot.mx/ http://www.masadelante.com/faqs/sitio-web http://definicion.de/sitio-web/ http://glosariodigitalmx.wordpress.com/2013/04/24/31-micrositio-micro-site/ http://www.h2e.es/diccionario/microsite http://www.masadelante.com/faqs/banner http://html.rincondelvago.com/banners.html http://www.emarketinghoy.com/guia-de-tamanos-estandar-para-banners-formatos-de-pauta-en-internet-iab/ http://www.puromarketing.com/10/7208/rich-media-impacto-interaccion-entre-usuarios-marcas.html http://www.h2e.es/diccionario/interstitials http://www.dqna.com/es/recursos/glosario/item/interstitial http://wokomedia.com/terminologia/marketing-online/interstitial/ http://www.masadelante.com/faqs/pop-up http://aprenderinternet.about.com/od/Glosario/g/Que-Es-Una-Ventana-Emergente.htm http://www.marketing-xxi.com/patrocinio-y-mecenazgo-116.htm http://www.iabspain.net/formatos-publicitarios/ http://www.marketingdirecto.com/actualidad/digital/la-publicidad-se-sube-al-cursor/ http://pendientedemigracion.ucm.es/info/multidoc/prof/publicidad/Curso2004_tem_publicidad10.htm http://www.mercadotecniainteractiva.com/index.php/servicios/publicidad-via-correo-electronico http://www.oblicua.es/publicidad/publicidad-tv-television.htm http://www.ehowenespanol.com/beneficios-publicidad-tv-sobre_111554/ http://www.factorde.com/blog/historia-de-instagram http://elcomercio.pe/tecnologia/actualidad/creador-instagram-revela-secreto-exito-esta-popular-aplicacion-noticia-1327282 http://www.ecured.cu/index.php/Instagram http://es.wikipedia.org/wiki/Instagram http://www.lanacion.com.ar/1466785-los-origenes-del-exito-de-instagram http://www.conexionbrando.com/1463776 http://blogs.20minutos.es/140-y-mas/2014/01/13/la-corta-y-exitosa-historia-de-instagram http://www.actitudfem.com/celebridades/articulo/sabes-cual-es-la-foto-mas-likeada-de-instagram http://publimetro.pe/entretenimiento/noticia-doce-personalidades-mas-seguidas-instagram-20842 http://xombit.com/2014/04/hashtags-populares-instagram http://peru.com/epic/epic-users/12-datos-curiosos-que-todo-seguidor-instagram-deberia-saber-noticia-224766 http://www.organicbythecup.com/ https://www.facebook.com/tematcha?fref=ts http://www.europartners.com.mx/mx-es/ http://www.multitraslados.com/ http://www.spacelogistics.com.mx/

Unidad 3. El diseĂąo grĂĄfico publicitario interactivo 35


http://www.rh-shipping.com/ http://www.dhl.com.mx/es.html http://www.ups.com/mx http://es.wikipedia.org/wiki/United_Parcel_Service http://www.moldtrans.com/

Unidad 3. El diseño gráfico publicitario interactivo 36


Unidad 4. La información dentro las Nuevas Tecnologías Objetivo particular. Discutir sobre el manejo de la información dentro de las nuevas tecnologías, así como su respectiva legalidad y reglamentación. 4.1 La comunicación sintética La comunicación sintética contiene muchas maneras de poder interpretarla. “El término de comunicación sintética, tiene múltiples acepciones, y sugiere, diferentes claves interpretativas. El primer sentido es el de esencialidad, y en consecuencia de rapidez. El proceso de reducción de la imagen electrónica a una matriz numérica, permite una posibilidad de tratamiento extraordinariamente superior, pero a la vez recoge el aspecto constructivo de la perspectiva, permitiendo una gestión puramente abstracta de operaciones físicas y fatigosas. La segunda vertiente, la de la rapidez, no hay duda de que los nuevos medios trabajan dentro de un paradigma que impone la velocidad como valor” 1. 4.2 Internet como metamedium Metamedio son nuevas relaciones que se dan entre la forma y el contenido al desarrollarse nuevas y mejores tecnologías y nuevos medios. En la metamedia se usan nuevos medios para dar a conocer información, se unen todos los campos tradicionales tales como el teatro, performance, software adaptable y entre otros múltiples campos. 1 Recuperado el 19 de Noviembre http://pensarsobr epensar.blogspot. mx/2008/11/la-c omunicacin-sintti ca.html

La computadora/ ordenador puede ser una definición propia y adecuada para la palabra metamedium, se tienen características para hacer posible el metamedium por ejemplo la facilidad de contaminación con el resto de los medios que lo rodean y el hecho del uso de la tecnología. El ordenador al tener información o texto trabaja como un medium y existe así la interacción entre el hombre y la máquina.

Unidad 4. La información dentro de las Nuevas Tecnologías 37


4.3 La actividad de lenguaje tecnológico Actualmente, gracias a la ciencia se ha inventado un nuevo lenguaje de comunicación, este es el tecnológico. Todo lo digital y lo que tiene que ver con la informática han ayudado a esta creación. Todos lo relacionado con los nuevos medios de transmisión han causado la evolución en la comunicación. En la actual realidad se crean neologismos con sus significados, por ejemplo “emoticono”. El hipertexto en la informática es donde se unen palabras y gráficos para dar un mensaje, esta es una nueva actividad del lenguaje tecnológico. 4.4 La sociedad tecnológica En la sociedad la tecnología ha ido evolucionando y ha ido influyendo en las personas y en la vida de estas, la sociedad no puede estar sin la tecnología. La ciencia va de la mano con la tecnología, las dos abundan y evolucionan el mundo en el cual vivimos. Gracias a la tecnología la industria y las empresas comerciales existen. 4.4.1 El espacio, el tiempo y el sujeto tecnológico La tecnología vive con nosotros, en nuestro espacio y tiempo actual, se da una unión entre el hombre y las máquinas, formando un sujeto tecnológico. Es posible poder hablar de un ser humano como un ser máquina a la vez, se podría decir que depende de este artefacto. 4.5 Espacio y comunicación La necesidad por comunicarnos causó que surgieran varias formas de comunicación. La tecnología es un medio que ha logrado que esta crezca con el transcurso del tiempo. Entre la tecnología que ha surgido, se encuentra Internet, un medio importante con muchos otros medios que ha terminado con las barreras entre la gente y los países, aquí se comunican millones de personas de todo el mundo. Internet es utilizado para tener comunicación, obtener información y lograr interacción, aunque también se utiliza con la combinación de las tres. No existen limitaciones de tiempo ni de espacio.

Unidad 4. La información dentro de las Nuevas Tecnologías 38


4.5.1 De la lectura a la navegación Décadas atrás, las páginas de internet fueron creadas para ser leídas, no eran llamativas y no eran dinámicas. Actualmente las páginas han evolucionado y es posible una navegación eficaz y rápida en internet. El diseño de navegación es establecer por medio de hiperenlaces los caminos para que un usuario acceda la información sin perderse. Las claves principales para tener una buena navegabilidad: Navegación recursiva. Un menú que permita acceder a la información principal, debe de ser visible. Mapa del web. Permite encontrar información. Distribuir información de manera lógica. Esto permite acceder a la información rápidamente. Incluir imágenes de bajo peso. Se logra una navegación más rápida. 4.5.2 De la transmisión a la interacción Antes sólo se transmitía información, ahora una de las características de los nuevos media es la comunicación interactiva. Surgen los blogs, redes sociales y sitios web en donde se da la posibilidad a los usuarios de interactuar con la página y con otras personas. Existe feedback inmediato en internet y esto se logra detectando la cantidad de visitas a una página o la respuesta de los receptores a ciertas publicaciones por medio de foros, salas de chat o encuestas.

Unidad 4. La información dentro de las Nuevas Tecnologías 39


*** Referencias http://pensarsobrepensar.blogspot.mx/2008/11/la-comunicacin-sinttica.html https://prezi.com/opgtq78ksz9g/comunicacion-sintetica/ http://centrodeartigo.com/articulos-utiles/article_113427.html http://innovacion.ideal.es/el-lenguaje-tecnologico.html http://donpablos.org/textos/lengntec.htm http://josvelasco.com/sociedad-tecnologica/ http://www.monografias.com/trabajos5/cienteysoc/cienteysoc.shtml http://oscardita2.blogspot.mx/2007/06/el-sujeto-tecnologico.html http://es.slideshare.net/evaavila/espacio-de-la-comunicacion http://graceflowers.blogspot.mx/ http://www.hipertexto.info/documentos/internet.htm http://www.areacomunicacion.com.ar/text/pe02_01.htm http://es.slideshare.net/consignoblivion/la-evolucin-de-las-paginas-web http://www.areacomunicacion.com.ar/text/pe02_01.htm http://relatosenelciberespacio.wordpress.com/2009/06/03/tipos-de-navegacion-web/

Unidad 4. La informaci贸n dentro de las Nuevas Tecnolog铆as 40


Unidad 5. Las agencias multimedia Objetivo particular. Desarrollar visitas a empresas de la localidad con el fin de analizar su desempeño y utilización dentro de las nuevas tecnologías. 5.1 Los Medios Impresos ante las Nuevas Tecnologías Actualmente existe una “crisis” de los medios impresos en parte de Europa y Estados Unidos desde hace poco más de cinco años, o tal vez en muchos países, todo va evolucionando, la información se va consumiendo de diferente manera porque ahora existe la tecnología (celulares, computadoras, televisiones, etc.). Las empresas y los medios toman más su tiempo en analizar las nuevas formas por medio de internet y la tecnología dejando a un lado los medios que impresos. Realizan una transición digital y atraviesan el obstáculo de romper con lo tradicional para encontrar un nuevo modelo de transmitir información para estar nuevamente en el medio y lograr posicionarse de nuevo con las personas o su público meta. Ejemplo de esto es que periódicos y revistas antes eran sólo impresas y hoy en día son también digitales, después podrían ser sólo digitales como es el caso de la revista Life, que después de siete décadas de ser vendida por medios impresos ahora es digital. Esto puede deberse a que sale más económico un medio digital a un medio impreso y la aceptación de tanta tecnología por las personas. Las empresas no saben por cual medio irse, todo va cambiando, estamos en una era digital pero lo tradicional siempre será un medio conocido y tal vez aún viable hasta que los usuarios lo permitan. 5.2 Las Nuevas tecnologías y el desarrollo de los Medios Audiovisuales “Las nuevas tecnologías han llevado consigo un cambio espectacular y drástico en todas las empresas. En los últimos años cabe destacar a Internet como el elemento revolucionario, seguido de la telefonía móvil. En escaso tiempo Internet se ha hecho imprescindible en cual-

Unidad 5. Las agencias multimedia 41


quier empresa, con independencia de su tamaño (…). Aún queda camino por recorrer, pero ya se empiezan a ver casos de empresas en las que los conceptos tradicionales desaparecen a consecuencia de Internet” 1. Con las nuevas tecnologías el entorno cambia, al igual que los medios, en este caso los medios audiovisuales que son didácticos y tiene imágenes, vídeos, grabaciones o audios, generalmente estos se usan para enviar mensajes específicos. Ejemplos de medios audiovisuales están internet, la T.V., la radio, diapositivas, fotografía. 5.3 Las Agencias Publicitarias antes los retos tecnológicos Las agencias de publicidad van cambiando poco a poco, así como cambia su entorno tecnológico ella cambian. Las agencias no tienen la misma función que hace algunos años, los planes de marketing han ido cambiando y ahora tienen otras responsabilidades. La tecnología que se va desarrollando evoluciona y ahora hay múltiples canales, la idea clásica de una agencia de publicidad ya no es la misma, la gente espera otra cosa, quiere mucha información en poco tiempo sobre un producto Al entrar nuevos medios y canales el papel de agencia cambia. Incluso por el surgimiento de nuevas agencias de medio y agencias interactivas. Las únicas agencias que estarán en el mercado serán las que evolucionen y logren conectar con sus consumidores, palabras más, palabras menos fueron las mencionadas por Anthony Hopp. 5.4 Las Agencias 360° Existen agencias que brindan servicios de publicidad 360°, esto es una campaña publicitaria que siempre está presente en todas partes, se impacta y atrae al target con una alta cantidad de medios. El nombre de 360° fue puesto en el año de 1980 por el publicista británico David Ogilyy. Aquí al público meta se le cuenta siempre sobre algo, sobre un producto o servicio, ya sea en la televisión, la radio, un periódico, su mundo exterior. Para la publicidad 360° entre más medio haya el mensaje llegará de mejor manera. 1 Recuperado el 19 de Noviembre http://www.mon ografias.com/tra bajos15/nvas-tec nologias/nvas-te cnologias.shtml

Unidad 5. Las agencias multimedia 42


*** Referencias http://www.maestrosdelweb.com/la-crisis-de-los-medios-impresos-y-nuevas-formas-de-publicidad/ http://www.saladeprensa.org/art970.htm http://www.monografias.com/trabajos15/nvas-tecnologias/nvas-tecnologias.shtml http://www.monografias.com/trabajos88/medios-audiovisuales/medios-audiovisuales.shtml http://avenidamadison300.wordpress.com/2010/03/30/agencias-de-publicidad-futuro-y-retos/ http://www.baquia.com/tecnologia-y-negocios/entry/emprendedores/huye-de-las-agencias-que-te-ofrezcan-campanas-360o

Unidad 5. Las agencias multimedia 43


Unidad 6. La práctica profesional Objetivo particular. Desarrollar con lo aprendido hasta el momento, un informe multimedia sobre la importancia de las tecnologías en el ámbito profesional de las artes visuales. 6.1 Desarrollo de objetivos Gracias al implemento de la tecnología en el mundo actual, el ámbito profesional de las artes visuales ha ido de menos a más. El diseño gráfico se ha visto beneficiado por la tecnología, ya que, existe software que ayudan a la evolución y perfeccionamiento de su trabajo, está claro que este software no ayudan a desarrollar la creatividad pero sí ayuda a mejorar la creatividad que cada diseñador gráfico tiene. 6.2 El Mapa multimedia Tipo de tecnología que es cuando se utilizan diferentes medios para presentar y transmitir información, por ejemplo el texto, imágenes, audio, entre otros más. Cuando el término multimedia se aplica a una computadora se habla sobre el software y hardware que esta tiene y utiliza. La multimedia ayuda a dar experiencia al receptor adquiriendo con esto asimilar la información de manera más eficaz y rápidamente. La multimedia ha ayudado mucho al desarrollo de la profesión del diseño gráfico porque están muy involucrados con el traspaso de información (en gráficos), primordialmente en el uso de software. 6.3 El software profesional Los diseñadores gráficos no sólo necesitan de su creatividad y conocimiento sobre su profesión, también se necesita la actualización ante la tecnología, hablando de esto se incluyen el diferente software y herramientas digitales para expresar y trabajar en el diseño. Desde el año 1984, que fue cuando apareció por primera vez un sistema de autoedición, se fue sustituyendo poco a poco todo lo tradicional por lo digital,

Unidad 6. La práctica profesional 44


la computadora actualmente es una herramienta muy importante para el diseñador gráfico. Existen herramientas como generador de texto falso, sitios web y otros programas que son utilizadas mucho por los diseñadores. El software más conocido y usado es Photoshop que es para retoque fotográfico y diseños web, es el programa más vendido. Ilustrator, Flash e InDesign. 6.4 Elaboración de plantillas “Una plantilla es una forma de dispositivo que suele proporcionar una separación entre la forma o estructura y el contenido. Es un medio o un aparato que permite guiar, portar o construir un diseño o esquema predefinido. Una plantilla agiliza el trabajo de reproducción de muchas copias idénticas o casi idénticas (que no tiene que ser tan elaborado, sofisticado o personal). Si se quiere un trabajo más refinado, más creativo, la plantilla no es sino un punto de partida, un ejemplo, una idea aproximada de lo que se quiere hacer” 1. Las plantillas son usadas en parte de la industria y la tecnología, cuando se habla sobre la composición de textos tiene líneas y cajas para lograr la estructura de un documento. 6.5 Producción del material interactivo El material interactivo se da gracias a la multimedia interactiva, que le permite al usuario navegar o controlar algunas cosas sobre ese material, esas herramientas que están programadas permiten la creación y edición de imágenes y textos.

1 Recuperado el 19 de Noviembre http://creacionde docelecaltavistay amil.blogspot.mx /2012/05/definici on-de-plantillas. html

*** Referencias

Unidad 6. La práctica profesional 45


http://diarioup.mx/2013/07/18/el-diseno-grafico-y-la-tecnologia/ http://www.misrespuestas.com/que-es-multimedia.html http://www.paredro.com/los-7-programas-mas-utilizados-en-diseno/ http://www.forodelwebmaster.com/389/10-herramientas-relevantes-para-un-disenador-grafico/ http://www.elfosgrafica.com/Publicaciones2/Diseno-grafico http://creaciondedocelecaltavistayamil.blogspot.mx/2012/05/definicion-de-plantillas.html http://www.monografias.com/trabajos10/mmedia/mmedia.shtml

Unidad 6. La prรกctica profesional 46


7. Insights 7.1 Google Adwords ¿Qué es y para qué es? Google Adwords es un programa de publicidad y comerciales encontrado en línea y le pertenece a Google. Este le permite a las empresas crecer y poder atraer clientes por medio de publicación de anuncios. ¿Cómo funciona? Solamente se tiene que hacer un registro previo (adwords.google.com) y colocar después los anuncios que se requieran, en seguida cada quien personalmente pone un presupuesto que se quiera o se puede realizar un pago (la empresa o la persona beneficiada paga) cada que alguien vea y entre al anuncio y después se mide el alcance del anuncio. Sólo se realiza el pago cada vez que sea visualizado el anuncio no por anunciarse y se puede cancelar el anuncio cuando se quiera. Cuando un usuario navega por internet y encuentra palabras clave relacionadas con alguna empresa, puede acceder a ella. ¿Cómo influye en nuestra actividad profesional como Licenciados en Diseño Gráfico? Conocer sobre este programa, nos da un plus como profesional, al aconsejarle a nuestros clientes este medio para poder llegar a más clientes y medir el alcance de sus anuncios (diseñados por nosotros). 7.2 Google Fonts ¿Qué es y para qué es? Google Fonts es un directorio de servicio gratuito de Google que nos da acceso a utilizar su almacenamiento de fuentes remoto para poder sustituir el almacenamiento local. Fue lanzado en el año 2010. ¿Cómo funciona? Se puede escoger una fuente de Google encontrada en su web y después decirle al navegador por medio de un código que busque las fuentes en la URL dicha anteriormente.

7. Insights 47


¿Cómo influye en nuestra actividad profesional como Licenciados en Diseño Gráfico? Nos sirve mucho, tener acceso a estas fuentes nos puede sacar de un apuro en el futuro. 7.3 Google Analytics ¿Qué es y para qué es? Google Analytics es una herramienta que brinda servicio gratuito de estadísticas de los sitios web por medio del buscador del Google, tiene un gran alcance para supervisar el tráfico dado en un sitio web. ¿Cómo funciona? La persona que lo utilice debe de acostumbrarse al programa, brinda tres tipos de información dependiendo las personas involucradas en la página que son los técnicos en marketing, ejecutivos y webmasters. Gracias Google Analytics se puede tener información respecto al seguimientos de algunos usuarios, resultados de alguna campaña, rendimiento del contenido, análisis y los parámetros. ¿Cómo influye en nuestra actividad profesional como Licenciados en Diseño Gráfico? Sabiendo que es realiza un excelente análisis estadístico, podemos recomendarla para que lo usen nuestros clientes futuros. 7.4 Servidores, clases tipos y funciones Un servidor es un ordenador que se encuentra siempre al servicio de otras máquinas o personas y que les brinda contenido en información. Servidores más comunes: “Servidor de Correo. Es el servidor que almacena, envía, recibe y realiza todas las operaciones relacionadas con el e-mail de sus clientes. Servidor Proxy. Es el servidor que actúa de intermediario de forma que el servidor que recibe una petición no conoce quién es el cliente que verdaderamente está detrás de esa petición.

7. Insights 48


Servidor Web. Almacena principalmente documentos HTML (son documentos a modo de archivos con un formato especial para la visualización de páginas web en los navegadores de los clientes), imágenes, videos, texto, presentaciones, y en general todo tipo de información. Además se encarga de enviar estas informaciones a los clientes. Servidor de Base de Datos. Da servicios de almacenamiento y gestión de bases de datos a sus clientes. Una base de datos es un sistema que nos permite almacenar grandes cantidades de información. Por ejemplo, todos los datos de los clientes de un banco y sus movimientos en las cuentas. Servidores Clúster. Son servidores especializados en el almacenamiento de la información teniendo grandes capacidades de almacenamiento y permitiendo evitar la pérdida de la información por problemas en otros servidores. Servidores Dedicados. Como ya expresamos anteriormente, hay servidores compartidos si hay varias personas o empresas usando un mismo servidor, o dedicados que son exclusivos para una sola persona o empresa. Servidores de imágenes. Recientemente también se han popularizado servidores especializados en imágenes, permitiendo alojar gran cantidad de imágenes sin consumir recursos de nuestro servidor web en almacenamiento o para almacenar fotografías personales, profesionales, etc. Algunos gratuitos pueden ser:www.imgur.com, www.photobucket.com, www.flickr.com de Yahoo, o picasaweb.google.com de Google” 1. 7.5 Dominios, significados, cómo y dónde comprarlos y costos 1 Recuperado el 19 de Noviembre http://www.apre nderaprogramar. com/index.php?o ption=com_cont ent&view=article &id=542:que-esun-servidor-y-cu ales-son-los-prin cipales-tipos-deservidores-proxy dns-webftppop3 -y-smtp-dhcp&c atid=57:herramie ntas-informaticas &Itemid=179

Un dominio es una red que funciona como identificador asociado a un grupo o conjunto de dispositivos o equipos conectado a la red Internet. Otra definición para dominio es que es un nombre alfanumérico especial y único usado para poder identificar en internet a un sitio o a un servidor web o de correo. Aquí están los dominios de Internet que son más utilizados por las personas: “.biz Sitios de Organizaciones de Negocios .com Sitios Comerciales .edu Sitios Educativos

7. Insights 49


.gov Sitios de Organismos Gubernamentales .info Sitios de Apertura Libre de Dominios de Nivel Superior TLD .int Sitios de Organizaciones Internacionales .mil Sitios de Dependencias Militares Oficiales de los Estados .name Sitios Personales .net Sitios de Sistemas y Redes .org Sitios de Organizaciones” 2. Hoy en día hay muchas empresas que venden dominios web. A continuación se muestran tres opciones de empresas importantes que se dedican a la venta de estos dominios. Godaddy. Es una empresa grande que tiene un gran número de dominios vendidos(más de 55.000.000), está certificada por la ICANN y es muy económica. Su Sitio Web se encuentra en español y cuenta con línea telefónica. NameCheap. Otra empresa que tiene precios económicos, es una empresa seria y con muchos dominios ya registrados. 1 And 1. Es una empresa con precios bajos si se compara con otras empresas. Es líder de ventas en España, sumando a los dominios también brindan planes de hosting. 7.6 Investigación y perspectiva personal: Papel Vs. Tecnología Estos últimos años ha estado la revolución tecnológica, vemos televisiones, computadores, celulares inteligentes. Existe un debate entre comunicadores, periodistas y otras personas respecto a si el papel será sustituido en alguna ocasión por el papel. La ventaja del papel sobre la tecnología es el tacto, al tener el contacto físico con este y la desventaja es que el papel no tiene capacidades en la multimedia y ocupa espacio según el tamaño del documento impreso. Si la tecnología pasa sobre el papel es porque los usuarios así lo quisieron, esto es de gustos. Yo en lo personal, considero que es notoria la entrada de la tecnología y que ha ido desplazando al papel, pero el uso del papel aún es muy común. Pero considero que dentro de unos 20 años el uso del será mínima, pero seguirá existiendo. No se puede comparar información digital con información escrita de manera física, yo prefiero leer sobre papel a leer de manera digital, esto tiene mucho que ver con las preferencias de cada quien. Hablando sobre publicidad, considero que es igual de eficiente un

7. Insights 50

2 Recuperado el 19 de Noviembre http://www.mon ografias.com/tra bajos93/dominio s-internet/domini os-internet.shtml


póster impreso a una banner en un Sitio Web porque será visto de ambas maneras y lo interesante aquí es que no por el mismo tipo de personas, y es por eso que cada uno tiene sus cosas positivas y negativas. Yo prefiero el papel sobre los medios tecnológicos, obviamente si se trata de leer información, al tratarse de interactuar o navegar obviamente me voy por la tecnología.

7. Insights 51


*** Referencias http://paraquesirven.com/para-que-sirve-google-adwords/ https://support.google.com/adwords/answer/1704410?hl=es-419 http://cesarjodra.wordpress.com/2011/11/28/google-web-fonts-la-libertad-del-tipo/ http://en.wikipedia.org/wiki/Google_Fonts http://es.wikipedia.org/wiki/Google_Analytics http://www.google.com.mx/intl/es/analytics/ http://www.taringa.net/posts/info/10741995/Como-usar-Google-analytics-para-principiantes---primer-post.html http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=542:que-es-un-servidor-y-cuales-son-los-principales-tipos-de-se rvidores-proxydns-webftppop3-y-smtp-dhcp&catid=57:herramientas-informaticas&It emid=179 http://www.monografias.com/trabajos93/dominios-internet/dominios-internet.shtml http://andresledo.com/donde-comprar-un-dominio-web/ http://thelikefrom.wordpress.com/2012/09/21/papel-vs-tecnologia-que-sucedera/ http://www.redusers.com/noticias/papel-vs-digital-el-comienzo-de-una-nueva-era/

EN GENERAL, CASI TODAS LAS IMĂ GENES DE ESTE DOCUMENTO FUERON DESCARGADAS DE: https://www.google.com.mx

7. Insights 52





Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.