Diseñando estrategias de e-marketing usables y accesibles

10,870 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.

×