Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Diseñando estrategias de e-marketing usables y accesibles

10,920 views

Published on

por Luis Carlos Aceves. Presentado en UA web 2007.

Published in: Business

Diseñando estrategias de e-marketing usables y accesibles

  1. 1. Diseñando Estrategias de e-Marketing Usables y Accesibles Luis Carlos Aceves G.
  2. 2. MKT Diseño Gráfico Tecnología de Información Tres mundos en uno
  3. 3. Estrategias para diseñar en una Campaña de e-Marketing <ul><li>Publicidad interactiva </li></ul><ul><li>Mercadotecnia por permiso </li></ul><ul><li>Mercadotecnia viral </li></ul><ul><li>Blogs y buzz-marketing </li></ul><ul><li>Newsletter/e-Mailing </li></ul>
  4. 4. Publicidad Interactiva desplegar anuncios electrónicos dentro de un sitio web para que la audiencia haga clic
  5. 5. <ul><li>Interactive Advertising Bureau (IAB) </li></ul><ul><ul><li>Guías y certificaciones concensadas en el manejo de publicidad interactiva </li></ul></ul><ul><ul><li>Estandarización en idioma </li></ul></ul><ul><ul><li>Denominación común para cada diseño </li></ul></ul><ul><ul><li>Tamaño establecido por formato </li></ul></ul><ul><ul><li>Peso de archivo común por formato </li></ul></ul><ul><ul><ul><ul><ul><li>www.iab.net </li></ul></ul></ul></ul></ul>Regulaciones
  6. 6. <ul><li>Diseño de acuerdo al formato : </li></ul>Formato integrado Tipos de Publicidad Interactiva
  7. 7. <ul><li>Diseño de acuerdo al formato : </li></ul>Formato flotante Tipos de Publicidad Interactiva
  8. 8. <ul><li>Banner </li></ul><ul><li>Rascacielos </li></ul><ul><li>Robapágina </li></ul><ul><li>Botón </li></ul><ul><li>Enlace de texto </li></ul>Formatos Integrados
  9. 9. <ul><li>Banner </li></ul><ul><ul><li>Es el anuncio publicitario más común </li></ul></ul><ul><ul><li>Enlaza al sitio web del anunciante </li></ul></ul><ul><ul><li>Formato gif, flash o jpeg </li></ul></ul><ul><ul><li>Generalmente se coloca en la parte superior </li></ul></ul><ul><ul><li>Peso máximo 15KB </li></ul></ul>Formatos Integrados
  10. 10. <ul><li>Banner </li></ul><ul><ul><li>Tamaños: </li></ul></ul><ul><ul><ul><li>468x80px </li></ul></ul></ul><ul><ul><ul><li>728x90px </li></ul></ul></ul><ul><ul><ul><li>www.todito.com </li></ul></ul></ul><ul><ul><ul><li>movies.yahoo.com </li></ul></ul></ul>Formatos Integrados
  11. 11. <ul><li>Rascacielos (Skyscraper) </li></ul><ul><ul><li>Variante de un banner </li></ul></ul><ul><ul><li>Columna estrecha de altura igual a la pantalla </li></ul></ul><ul><ul><li>Generalmente se coloca del lado derecho </li></ul></ul><ul><ul><li>Peso máximo 20KB-25KB </li></ul></ul>Formatos Integrados
  12. 12. <ul><li>Rascacielos </li></ul><ul><ul><li>Tamaños : </li></ul></ul><ul><ul><ul><li>120x600px </li></ul></ul></ul><ul><ul><ul><li>160x600px </li></ul></ul></ul><ul><ul><ul><li>www.invertia.com.mx </li></ul></ul></ul>www.newsweek.com Formatos Integrados
  13. 13. <ul><li>Robapáginas </li></ul><ul><ul><li>Otra variante de un banner </li></ul></ul><ul><ul><li>Anuncio dentro del contenido de una página que asegura visibilidad </li></ul></ul><ul><ul><li>Es quizás el formato más utilizado en la actualidad </li></ul></ul><ul><ul><li>Normalmente enfocado a dar a conocer una marca </li></ul></ul><ul><ul><li>Peso máximo 20KB-25KB </li></ul></ul>Formatos Integrados
  14. 14. <ul><li>Robapáginas </li></ul><ul><ul><li>Tamaños: </li></ul></ul><ul><ul><ul><li>300x250px </li></ul></ul></ul><ul><ul><ul><li>200x200px </li></ul></ul></ul><ul><ul><ul><li>www.terra.com.mx </li></ul></ul></ul>www.sky.com.mx Formatos Integrados
  15. 15. <ul><li>Botones </li></ul><ul><ul><li>Variantes de un banner </li></ul></ul><ul><ul><li>Anuncio más pequeños que un banner (mini-banners) </li></ul></ul><ul><ul><li>Suelen ser casi cuadrados o ligeramente rectangulares </li></ul></ul><ul><ul><li>Ubicados en la parte lateral y/o inferior de una página </li></ul></ul><ul><ul><li>Normalmente dirigido a patrocinios y/o alianzas </li></ul></ul><ul><ul><li>Peso máximo 8KB </li></ul></ul>Formatos Integrados
  16. 16. <ul><li>Botones </li></ul><ul><ul><li>Tamaños: </li></ul></ul><ul><ul><ul><li>120x60px, 120x90px, 120x120px, 150x60px, 150x150px, 180x150px </li></ul></ul></ul><ul><ul><ul><li>www.elnorte.com </li></ul></ul></ul>Formatos Integrados
  17. 17. <ul><li>Enlaces </li></ul><ul><ul><li>Textos, imágenes, información </li></ul></ul><ul><ul><li>Típicamente asociativos y no estructurales </li></ul></ul><ul><ul><ul><li>www.flights-finder.com </li></ul></ul></ul>Formatos Integrados
  18. 18. <ul><li>Pop-up </li></ul><ul><li>Pop-under </li></ul><ul><li>Cortinilla </li></ul><ul><li>Layer </li></ul>Formatos Flotantes
  19. 19. <ul><li>Pop-up y pop-under </li></ul><ul><ul><li>Anuncio publicitario que se generan en nuevas ventanas de forma automática </li></ul></ul><ul><ul><li>Enlaza al sitio web del anunciante </li></ul></ul><ul><ul><li>Formato gif, flash o jpeg </li></ul></ul><ul><ul><li>Peso máximo 20KB-25KB </li></ul></ul><ul><ul><li>El pop-up aparece sobre la página , el pop-under debajo de ella . </li></ul></ul>Formatos Flotantes
  20. 20. <ul><li>Pop-up y pop-under </li></ul><ul><li>Tamaños estándar: </li></ul><ul><ul><ul><li>300x250px, 200x200px, 250x200px </li></ul></ul></ul><ul><ul><ul><li>www.invertia.com.mx </li></ul></ul></ul>Formatos Flotantes
  21. 21. <ul><li>Layer </li></ul><ul><ul><li>Anuncio animado que puede estar moviéndose por toda la pantalla </li></ul></ul><ul><ul><li>Enlaza al sitio web del anunciante </li></ul></ul><ul><ul><li>Formato gif, flash o jpeg </li></ul></ul><ul><ul><li>Peso máximo 30KB </li></ul></ul><ul><ul><li>Puede surgir a partir de un formato integrado </li></ul></ul><ul><ul><li>No hay un tamaño fijo o predefinido </li></ul></ul>Formatos Flotantes
  22. 22. Layer www.lycos.com Formatos Flotantes
  23. 23. <ul><li>Cortinilla (Interstitial) </li></ul><ul><ul><li>Anuncio que toma toda la ventana </li></ul></ul><ul><ul><li>Normalmente es la entrada a un sitio web </li></ul></ul><ul><ul><li>Suele ser una animación </li></ul></ul><ul><ul><li>Duración breve (máximo 12 segundos) </li></ul></ul><ul><ul><li>Formato flash </li></ul></ul>Formatos Flotantes
  24. 24. Cortinillas <ul><ul><ul><li>www.hsbc.com.mx </li></ul></ul></ul>Formatos Flotantes
  25. 25. Mercadotecnia Por Permiso comunicar efectivamente a través de medios interactivos para que la audiencia haga algo
  26. 26. Mercadotecnia por Permiso www.puntosclub.com Diseñar de un sitio web atractivo Comunicar efectivamente un mensaje Facilitar las acciones Motivación | Acción
  27. 27. Mercadotecnia por Permiso www.es-facil.com www.boletazo.com www.correodirect.com
  28. 28. Mercadotecnia por Permiso <ul><li>Diseñar interfaces para interacción en : </li></ul><ul><ul><li>Registro a través de una membresía en un sitio Web </li></ul></ul><ul><ul><li>Concursos y promociones requiriendo nuevos datos </li></ul></ul><ul><ul><li>Transacciones que generan información adicional </li></ul></ul><ul><ul><li>Encuestas </li></ul></ul><ul><ul><li>Visita enlaces relacionados (de entrada y salida) </li></ul></ul><ul><ul><li>Inscripciones a servicios específicos ( sign-ups ) </li></ul></ul>
  29. 29. Mercadotecnia V i r a l Utilizar canales virtuales a través de recursos propios o ajenos para que la audiencia divulgue algo
  30. 30. Mercadotecnia Viral Origen Origen Consumidor final Consumidor final Audiencia Audiencia
  31. 31. Mercadotecnia Viral <ul><li>Selecciona al “ sneezer ” </li></ul><ul><li>¿Cómo generar mercadotecnia viral? </li></ul><ul><ul><li>Diseño = Comunicación social </li></ul></ul><ul><ul><ul><li>Diseñar la forma de divulgar </li></ul></ul></ul><ul><ul><ul><li>Diseñar para impresionar a la audiencia </li></ul></ul></ul><ul><ul><ul><li>Diseñar para reforzar el mensaje </li></ul></ul></ul>
  32. 32. Mercadotecnia Viral <ul><ul><li>www.hotmail.com </li></ul></ul>
  33. 33. Mercadotecnia Viral Divulga Impresiona Refuerza Divulga Impresiona Refuerza Divulga Impresiona Refuerza Divulga Impresiona Refuerza www.cnn.com
  34. 34. <ul><li>YouTube | Disney </li></ul>Mercadotecnia Viral
  35. 35. <ul><ul><li>Información en sitios web </li></ul></ul><ul><ul><li>creada por varios autores </li></ul></ul><ul><ul><li>organizados en forma </li></ul></ul><ul><ul><li>cronológica y por categorías , </li></ul></ul><ul><ul><li>las aportaciones de otros lectores determinan su crecimiento </li></ul></ul>Blogs y buzz M a r k e t i n g
  36. 36. <ul><li>Diseño de interacción en un blog: </li></ul><ul><ul><ul><li>Manejo de relaciones : </li></ul></ul></ul><ul><ul><ul><ul><li>Blogroll </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Permalink </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Trackback </li></ul></ul></ul></ul>www.andrewsullivan.com Blogs y buzz marketing
  37. 37. <ul><li>Diseño de interacción en un blog: </li></ul><ul><ul><ul><li>Manejo de clasificaciones : </li></ul></ul></ul><ul><ul><ul><ul><li>Tagging (Folksonomy) </li></ul></ul></ul></ul>www.lifehacker.com Blogs y buzz marketing
  38. 38. <ul><li>Diseño de interacción en un blog: </li></ul><ul><ul><ul><li>Sistemas de calificación y virales </li></ul></ul></ul>www.micropersuasion.com Blogs y buzz marketing
  39. 39. <ul><li>Interfaces prediseñadas para leer un blog: </li></ul><ul><ul><ul><li>Lectores de contenidos: </li></ul></ul></ul><ul><ul><ul><ul><li>Uso de feeds </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Uso de agregadores </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Stand alone </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Web </li></ul></ul></ul></ul></ul>Blogs y buzz marketing
  40. 40. <ul><li>Herramientas para diseñar un blog </li></ul>www.wordpress.com www.movabletype.com www.typepad.com www.blogger.com Blogs y buzz marketing
  41. 41. <ul><ul><li>Uso de </li></ul></ul><ul><ul><li>boletines </li></ul></ul><ul><ul><li>a través de </li></ul></ul><ul><ul><li>correo electrónico </li></ul></ul><ul><ul><li>para comunicar y generar </li></ul></ul><ul><ul><li>visitas a un sitio web con contenido </li></ul></ul>Boletínes Newsletter | e - mailing
  42. 42. Newsletter | e-Mailing <ul><li>Dos procesos de interacción fundamentales: </li></ul><ul><li>Suscripción : diseñar para lograr que la audiencia utilice el servicio </li></ul><ul><li>Envío : d iseñar algo que a la audiencia no le moleste recibir (aún si se suscribió) </li></ul>
  43. 43. Newsletter | e-Mailing <ul><li>Diseño de acuerdo a lineamientos del IAB </li></ul><ul><li>¿Lo puedo ver en otro formato? </li></ul><ul><li>¿El servidor lo bloquea (borrado o spam)? </li></ul><ul><li>¿Me puedo desuscribir? </li></ul>
  44. 44. Newsletter | e-Mailing www.imagen.com.mx www.canieti.org <ul><li>Diseño de la suscripción | registro del usuario </li></ul><ul><ul><li>Localizable </li></ul></ul><ul><ul><li>Lo más simple posible </li></ul></ul><ul><ul><li>Opción de desuscribirse </li></ul></ul>
  45. 45. Newsletter | e-Mailing <ul><li>Diseño del boletín </li></ul><ul><ul><li>Debe ser una extensión del sitio web </li></ul></ul><ul><ul><li>Mantener el diseño e identidad del sitio web </li></ul></ul><ul><ul><li>Periodicidad </li></ul></ul><ul><ul><li>Personalización </li></ul></ul><ul><ul><li>Desuscripción </li></ul></ul><ul><ul><li>Formato del boletín (texto, html, texto enriquecido) </li></ul></ul>
  46. 46. Newsletter | e-Mailing www.rio70.com.mx
  47. 47. [email_address] [email_address] www.luiscarlosaceves.com Luis Carlos Aceves G.

×