Diseñando Estrategias de e-Marketing Usables y Accesibles Luis Carlos Aceves G.

MKT Diseño Gráfico Tecnología de Información Tres mundos en uno

Estrategias para diseñar en una Campaña de e-Marketing Publicidad interactiva Mercadotecnia por permiso Mercadotecnia viral Blogs y buzz-marketing Newsletter/e-Mailing

Publicidad interactiva

Mercadotecnia por permiso

Mercadotecnia viral

Blogs y buzz-marketing

Newsletter/e-Mailing

Publicidad Interactiva desplegar anuncios electrónicos dentro de un sitio web para que la audiencia haga clic

Interactive Advertising Bureau (IAB) Guías y certificaciones concensadas en el manejo de publicidad interactiva Estandarización en idioma Denominación común para cada diseño Tamaño establecido por formato Peso de archivo común por formato www.iab.net Regulaciones

Interactive Advertising Bureau (IAB)

Guías y certificaciones concensadas en el manejo de publicidad interactiva

Estandarización en idioma

Denominación común para cada diseño

Tamaño establecido por formato

Peso de archivo común por formato

www.iab.net

Diseño de acuerdo al formato : Formato integrado Tipos de Publicidad Interactiva

Diseño de acuerdo al formato :

Diseño de acuerdo al formato : Formato flotante Tipos de Publicidad Interactiva

Diseño de acuerdo al formato :

Banner Rascacielos Robapágina Botón Enlace de texto Formatos Integrados

Banner

Rascacielos

Robapágina

Botón

Enlace de texto

Banner Es el anuncio publicitario más común Enlaza al sitio web del anunciante Formato gif, flash o jpeg Generalmente se coloca en la parte superior Peso máximo 15KB Formatos Integrados

Banner

Es el anuncio publicitario más común

Enlaza al sitio web del anunciante

Formato gif, flash o jpeg

Generalmente se coloca en la parte superior

Peso máximo 15KB

Banner Tamaños: 468x80px 728x90px www.todito.com movies.yahoo.com Formatos Integrados

Banner

Tamaños:

468x80px

728x90px

www.todito.com

movies.yahoo.com

Rascacielos (Skyscraper) Variante de un banner Columna estrecha de altura igual a la pantalla Generalmente se coloca del lado derecho Peso máximo 20KB-25KB Formatos Integrados

Rascacielos (Skyscraper)

Variante de un banner

Columna estrecha de altura igual a la pantalla

Generalmente se coloca del lado derecho

Peso máximo 20KB-25KB

Rascacielos Tamaños : 120x600px 160x600px www.invertia.com.mx www.newsweek.com Formatos Integrados

Rascacielos

Tamaños :

120x600px

160x600px

www.invertia.com.mx

Robapáginas Otra variante de un banner Anuncio dentro del contenido de una página que asegura visibilidad Es quizás el formato más utilizado en la actualidad Normalmente enfocado a dar a conocer una marca Peso máximo 20KB-25KB Formatos Integrados

Robapáginas

Otra variante de un banner

Anuncio dentro del contenido de una página que asegura visibilidad

Es quizás el formato más utilizado en la actualidad

Normalmente enfocado a dar a conocer una marca

Peso máximo 20KB-25KB

Robapáginas Tamaños: 300x250px 200x200px www.terra.com.mx www.sky.com.mx Formatos Integrados

Robapáginas

Tamaños:

300x250px

200x200px

www.terra.com.mx

Botones Variantes de un banner Anuncio más pequeños que un banner (mini-banners) Suelen ser casi cuadrados o ligeramente rectangulares Ubicados en la parte lateral y/o inferior de una página Normalmente dirigido a patrocinios y/o alianzas Peso máximo 8KB Formatos Integrados

Botones

Variantes de un banner

Anuncio más pequeños que un banner (mini-banners)

Suelen ser casi cuadrados o ligeramente rectangulares

Ubicados en la parte lateral y/o inferior de una página

Normalmente dirigido a patrocinios y/o alianzas

Peso máximo 8KB

Botones Tamaños: 120x60px, 120x90px, 120x120px, 150x60px, 150x150px, 180x150px www.elnorte.com Formatos Integrados

Botones

Tamaños:

120x60px, 120x90px, 120x120px, 150x60px, 150x150px, 180x150px

www.elnorte.com

Enlaces Textos, imágenes, información Típicamente asociativos y no estructurales www.flights-finder.com Formatos Integrados

Enlaces

Textos, imágenes, información

Típicamente asociativos y no estructurales

www.flights-finder.com

Pop-up Pop-under Cortinilla Layer Formatos Flotantes

Pop-up

Pop-under

Cortinilla

Layer

Pop-up y pop-under Anuncio publicitario que se generan en nuevas ventanas de forma automática Enlaza al sitio web del anunciante Formato gif, flash o jpeg Peso máximo 20KB-25KB El pop-up aparece sobre la página , el pop-under debajo de ella . Formatos Flotantes

Pop-up y pop-under

Anuncio publicitario que se generan en nuevas ventanas de forma automática

Enlaza al sitio web del anunciante

Formato gif, flash o jpeg

Peso máximo 20KB-25KB

El pop-up aparece sobre la página , el pop-under debajo de ella .

Pop-up y pop-under Tamaños estándar: 300x250px, 200x200px, 250x200px www.invertia.com.mx Formatos Flotantes

Pop-up y pop-under

Tamaños estándar:

300x250px, 200x200px, 250x200px

www.invertia.com.mx

Layer Anuncio animado que puede estar moviéndose por toda la pantalla Enlaza al sitio web del anunciante Formato gif, flash o jpeg Peso máximo 30KB Puede surgir a partir de un formato integrado No hay un tamaño fijo o predefinido Formatos Flotantes

Layer

Anuncio animado que puede estar moviéndose por toda la pantalla

Enlaza al sitio web del anunciante

Formato gif, flash o jpeg

Peso máximo 30KB

Puede surgir a partir de un formato integrado

No hay un tamaño fijo o predefinido

Layer www.lycos.com Formatos Flotantes

Cortinilla (Interstitial) Anuncio que toma toda la ventana Normalmente es la entrada a un sitio web Suele ser una animación Duración breve (máximo 12 segundos) Formato flash Formatos Flotantes

Cortinilla (Interstitial)

Anuncio que toma toda la ventana

Normalmente es la entrada a un sitio web

Suele ser una animación

Duración breve (máximo 12 segundos)

Formato flash

Cortinillas www.hsbc.com.mx Formatos Flotantes

www.hsbc.com.mx

Mercadotecnia Por Permiso comunicar efectivamente a través de medios interactivos para que la audiencia haga algo

Mercadotecnia por Permiso www.puntosclub.com Diseñar de un sitio web atractivo Comunicar efectivamente un mensaje Facilitar las acciones Motivación | Acción

Mercadotecnia por Permiso www.es-facil.com www.boletazo.com www.correodirect.com

Mercadotecnia por Permiso Diseñar interfaces para interacción en : Registro a través de una membresía en un sitio Web Concursos y promociones requiriendo nuevos datos Transacciones que generan información adicional Encuestas Visita enlaces relacionados (de entrada y salida) Inscripciones a servicios específicos ( sign-ups )

Diseñar interfaces para interacción en :

Registro a través de una membresía en un sitio Web

Concursos y promociones requiriendo nuevos datos

Transacciones que generan información adicional

Encuestas

Visita enlaces relacionados (de entrada y salida)

Inscripciones a servicios específicos ( sign-ups )

Mercadotecnia V i r a l Utilizar canales virtuales a través de recursos propios o ajenos para que la audiencia divulgue algo

Mercadotecnia Viral Origen Origen Consumidor final Consumidor final Audiencia Audiencia

Mercadotecnia Viral Selecciona al “ sneezer ” ¿Cómo generar mercadotecnia viral? Diseño = Comunicación social Diseñar la forma de divulgar Diseñar para impresionar a la audiencia Diseñar para reforzar el mensaje

Selecciona al “ sneezer ”

¿Cómo generar mercadotecnia viral?

Diseño = Comunicación social

Diseñar la forma de divulgar

Diseñar para impresionar a la audiencia

Diseñar para reforzar el mensaje

Mercadotecnia Viral www.hotmail.com

www.hotmail.com

Mercadotecnia Viral Divulga Impresiona Refuerza Divulga Impresiona Refuerza Divulga Impresiona Refuerza Divulga Impresiona Refuerza www.cnn.com

YouTube | Disney Mercadotecnia Viral

YouTube | Disney

Información en sitios web creada por varios autores organizados en forma cronológica y por categorías , las aportaciones de otros lectores determinan su crecimiento Blogs y buzz M a r k e t i n g

Información en sitios web

creada por varios autores

organizados en forma

cronológica y por categorías ,

las aportaciones de otros lectores determinan su crecimiento

Diseño de interacción en un blog: Manejo de relaciones : Blogroll Permalink Trackback www.andrewsullivan.com Blogs y buzz marketing

Diseño de interacción en un blog:

Manejo de relaciones :

Blogroll

Permalink

Trackback

Diseño de interacción en un blog: Manejo de clasificaciones : Tagging (Folksonomy) www.lifehacker.com Blogs y buzz marketing

Diseño de interacción en un blog:

Manejo de clasificaciones :

Tagging (Folksonomy)

Diseño de interacción en un blog: Sistemas de calificación y virales www.micropersuasion.com Blogs y buzz marketing

Diseño de interacción en un blog:

Sistemas de calificación y virales

Interfaces prediseñadas para leer un blog: Lectores de contenidos: Uso de feeds Uso de agregadores Stand alone Web Blogs y buzz marketing

Interfaces prediseñadas para leer un blog:

Lectores de contenidos:

Uso de feeds

Uso de agregadores

Stand alone

Web

Herramientas para diseñar un blog www.wordpress.com www.movabletype.com www.typepad.com www.blogger.com Blogs y buzz marketing

Herramientas para diseñar un blog

Uso de boletines a través de correo electrónico para comunicar y generar visitas a un sitio web con contenido Boletínes Newsletter | e - mailing

Uso de

boletines

a través de

correo electrónico

para comunicar y generar

visitas a un sitio web con contenido

Newsletter | e-Mailing Dos procesos de interacción fundamentales: Suscripción : diseñar para lograr que la audiencia utilice el servicio Envío : d iseñar algo que a la audiencia no le moleste recibir (aún si se suscribió)

Dos procesos de interacción fundamentales:

Suscripción : diseñar para lograr que la audiencia utilice el servicio

Envío : d iseñar algo que a la audiencia no le moleste recibir (aún si se suscribió)

Newsletter | e-Mailing Diseño de acuerdo a lineamientos del IAB ¿Lo puedo ver en otro formato? ¿El servidor lo bloquea (borrado o spam)? ¿Me puedo desuscribir?

Diseño de acuerdo a lineamientos del IAB

¿Lo puedo ver en otro formato?

¿El servidor lo bloquea (borrado o spam)?

¿Me puedo desuscribir?

Newsletter | e-Mailing www.imagen.com.mx www.canieti.org Diseño de la suscripción | registro del usuario Localizable Lo más simple posible Opción de desuscribirse

Diseño de la suscripción | registro del usuario

Localizable

Lo más simple posible

Opción de desuscribirse

Newsletter | e-Mailing Diseño del boletín Debe ser una extensión del sitio web Mantener el diseño e identidad del sitio web Periodicidad Personalización Desuscripción Formato del boletín (texto, html, texto enriquecido)

Diseño del boletín

Debe ser una extensión del sitio web

Mantener el diseño e identidad del sitio web

Periodicidad

Personalización

Desuscripción

Formato del boletín (texto, html, texto enriquecido)

Newsletter | e-Mailing www.rio70.com.mx

[email_address] [email_address] www.luiscarlosaceves.com Luis Carlos Aceves G.