Download - Tp4 tipologías digitales

Transcript
Page 1: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 2: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 3: Tp4 tipologías digitales

Tipologías digitales1. Sitios web

Canal de comunicación Digital W2010

1. Objetivo: Fidelizar al usuario brindándole información relevante sobre la marca, producto.

2. Puede poseer pluralidad de usuarios.

3. Debe proveer un mensaje y un valor agregado que perdure en el tiempo.

4. Debe utilizar un tono informativo y/o institucional, constante y coherente a través de todas sus instancias.

5. Suele ser parte de todo un sistema de identidad visual corporativo.

6. Esta concebido para permanecer, invitar a la lectura, profundizar en los niveles de información.

Page 4: Tp4 tipologías digitales

Tipologías digitales1 - Sitios web

Canal de comunicación Digital W2010

Page 5: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 6: Tp4 tipologías digitales

Tipologías digitales2 - Micrositios o sitios promocionales (hotsites)

Canal de comunicación Digital W2010

1. Objetivo: Lograr “enganchar a los usuarios” a participar de una promoción, dar a conocer o informar sobre un nuevo producto / servicio de la marca.

2. Debe proveer un mensaje que no apunta a perdurar en el tiempo (la promo finaliza, las condiciones del servicio expiran, etc).

3. Apunta a un target específico.

4. Debe proveer un valor agregado inmediato.

5. Debe capturar al usuario con sorteos de objetos, viajes o beneficios.

6. Debe utilizar un tono “promocional”, de alto impacto en la potencia y en el movimiento.

Page 7: Tp4 tipologías digitales

Tipologías digitales2 - Micrositios o sitios promocionales (hotsites)

Canal de comunicación Digital W2010

Page 8: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 9: Tp4 tipologías digitales

Tipologías digitales3 - Portal de información

Canal de comunicación Digital W2010

1. Objetivo: Acercar a los usuarios contenidos sobre uno o varios temas organizados por secciones y subsecciones.

2. Puede poseer un Target muy amplio como hacer foco en un grupo selecto.

3. Puede abordar múltiples temas o acotar en un universo singular y sobre este tema dar información.

4. El contenido varia y se refresca con alta frecuencia, casi al borde de la inmediatez.

5. Debe aportar valor desde:

> Calidad del contenido a nivel periodístico, fotográfico, infográfico y multimedial (no necesariamente cantidad).> Relevancia del contenido para cada usuario que lo visite (segmentación).

Page 10: Tp4 tipologías digitales

Tipologías digitales3 - Portal de información

Canal de comunicación Digital W2010

Page 11: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 12: Tp4 tipologías digitales

Tipologías digitales4 - Redes sociales.

Canal de comunicación Digital W2010

1. Espacios de relacionamiento – Grupos de Pertenencia.

2. La red se nutre de los aportes de los usuarios, no hay un contenido dado.

3. Diferencias de target en función de las redes que habitúan (redes sociales –redes laborales).

4. Evolución de las redes sociales. Del anonimato a la popularidad.

5. Nuevos Fenómenos Sociológicos: en las redes:

- La popularidad habilita el fenómeno sociológico de la “Espectacularización del cuerpo como objeto de consumo”.

- Las redes sociales son a la vez la causa y el resultado de las conductas de los individuos. Crean y limitan las oportunidades para la elección individual y de las organizaciones.

- Comunicar-se equivale a expresar identidad. Esta identidad se manifiesta a través de las producciones culturales.

- La transformación del usuario-receptor en un productor de comunicación social en red está generando un nuevo modelo de comunicación social, denominado Social Media.

Page 13: Tp4 tipologías digitales

Tipologías digitales4 - Redes sociales (Comprendiendo el Fenómeno - Usuarios y Marcas en la web).

Canal de comunicación Digital W2010

Page 14: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 15: Tp4 tipologías digitales

Tipologías digitales5 - Aplicaciones de escritorio.

Canal de comunicación Digital W2010

1. Aplicaciones enlatadas con funcionalidades precisas (calculadora).

2. Personalización de la aplicación de a cuerdo a las preferencias de cada usuario.

3. Algunas requieren estar conectado para brindar la información esperada (servicio meteorológico).

Page 16: Tp4 tipologías digitales

Tipologías digitales5 - Aplicaciones de escritorio.

Canal de comunicación Digital W2010

Page 17: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 18: Tp4 tipologías digitales

Tipologías digitales6 - Newsletters

Canal de comunicación Digital W2010

1. Los newsletters enviados a una lista de suscriptores deseosos de recibirlos, pueden ser "mensajes masivos", pero, si la lista se ha construido con el estricto permiso otorgado por los suscriptores al remitente, el mensaje no entra en la categoría de "no solicitado" y por lo tanto no es spam.

2. Lo primero que debemos hacer es consultar al cliente si ya cuenta con una lista de suscriptores legítimos y de qué manera éstos le han otorgado su permiso. Si ese no fuera el caso, podríamos asesorarlo para ayudarlo a construirla.

3. La posibilidad de que una persona brinde sus datos y permita que una empresa o institución se comunique frecuentemente por email podría sintetizarse en la siguiente fórmula: Permiso = Relevancia + Confianza

4. Debe comunicar desde el Subject del envio del e-mail.

5. Formato de programación: HTML (sin flash, animaciones ni video).

6. Su peso es limitado (200 K). Ya que va a ser recibido en una bandeja de email particular.La cual posee restricciones técnicas (evitando que el usuario espere a la carga en bandeja).

7. Es recomendable optimizar el uso y la cantidad de imágenes.

8. Debe contar con un call to action (“para más información, click aquí.”)

Page 19: Tp4 tipologías digitales

Tipologías digitales6 - Newsletters

Canal de comunicación Digital W2010

Page 20: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 21: Tp4 tipologías digitales

Tipologías digitales7 - Banners

Canal de comunicación Digital W2010

1. Es el equivalente online a una tanda (espacio comercial de un medio).

2. Compite simultáneamente con otros espacios publicitarios.

3. Se visualiza en un contexto que no es el esperado/solicitado por el usuario.

4. Existen diversos formatos . En cualquier caso, la propuesta gráfica/creativa debe comunicar el mensaje en todos los formatos pautados.

5. Es importante conocer el medio donde se pauta. La intención del usuario en cada medio puede variar(ej: Clarín, Foro PsicoFXP, Taringa, La Nación, etc). Aunque demográficamente sean “el mismo target” (misma edad, sexo, horario de conexión, etc) los intereses y hábitos de navegación serán diferentes.

6. Su duración esta, condicionada por un factor temporal.

7. Su peso también es acotado al soporte, buscando no entorpecer la visualización del sitio(no olvidemos el objetivo o razón por la que el usuario llega al sitio).

8. No solo podemos elegir el canal donde vamos a publicar, sino también la cantidad de veces que un usuario determinado visualiza la pieza, en que horario, y la posición geográfica dentro del sitio.

Page 22: Tp4 tipologías digitales

Tipologías digitales7 - Banners

Canal de comunicación Digital W2010

Page 23: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 24: Tp4 tipologías digitales

Requerimientos técnicos1 – Imágenes en la web

Canal de comunicación Digital W2010

1. El píxel (px) es la unidad mínima de medida. A mayor cantidad de px por pulgada mejor resolución.

2. Resoluciones:

Offset: 300dpiDiarios: 120dpi (imprenta digital) Web: 72dpi

3. Formatos Web / Calidad / Peso

PNG Calidad Alta >Peso Alto (soporta transparencia) No se visualiza en todos los browser

JPG Calidad Media >Peso Medio (es controlable en la compresión de exportación).

GIF Calidad Buena/Regular >Peso Bajo

Page 25: Tp4 tipologías digitales

Canal de comunicación Digital W2010

- JPG - 50% compresión

40 KB

- GIF -32 colores

40 KB

PNGPNG-24 Transparency

180 KB

Requerimientos técnicos1 – Imágenes en la web

Page 26: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 27: Tp4 tipologías digitales

Requerimientos técnicos2 – Tipografías en la Web

Canal de comunicación Digital W2010

1. En web se suele trabaja con PC, por ende las tipografías deben ser compatibles con TrueType (TTF), OpenType (OTF) ó Adobe Postscript (PFM)

2. Uso de tipografías en la web:

HTML Tipografías de Sistema (sin smooth)(arial, verdana, trebuchet, times, currier, georgia)Tipografía “decorativa” como Imagen (Texto en imagen JPG)

Flash Textos Dinámicos: Si no se usa tipografía de Sistema, se deberá “embeber” la fuente.

Textos Estáticos: Flash automáticamente almacena las tipografías usadas.

Page 28: Tp4 tipologías digitales

Tipologías digitales

1. Sitios web2. Micrositios o sitios promocionales (hotsites)3. Portal de información4. Redes sociales5. Aplicaciones de escritorio.6. Newsletters7. Banners

Requerimientos Técnicos

8. Imágenes en la web9. Tipografías en la Web10. Plataformas y sistemas operativos

Canal de comunicación Digital W2010

Page 29: Tp4 tipologías digitales

Requerimientos técnicos3 – Plataformas y Sistemas operativos

Canal de comunicación Digital W2010

1. Explorer / Firefox / Safari / Crome

2. Diferencias entre los headers de cada browser y área disponible de trabajo.

3. Tabla: Resolución de Pantalla / Área disponible en px

800x600 > 778 x 4311024x768 > 890 x 5801280x1024 > 1020 x 890

Wide resolution1152 x 864 - 1280 x 960