SlideShare ist ein Scribd-Unternehmen logo
1 von 72
Pedro Jesús González www.domestika.com DISEÑO DE CONVERSIÓN 30 - Sept - 2010  www.domestika.org
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],En estas dos horas
¿Qué es una Diseño de Conversión?
Es aquel que no está realizado pensando en su dueño ,[object Object]
Aquel en la que se tienen en cuenta todos los navegadores ,[object Object]
En el que se tienen en cuenta los detalles ,[object Object]
La que sabe adaptar las herramientas a las necesidades… ,[object Object]
El que no aporta información irrelevante para el usuario ,[object Object]
El que no aporta información contradictoria ,[object Object]
Tiene en cuenta las necesidades de los usuarios ,[object Object]
Aprovecha el espacio visual ,[object Object]
Sin sobrecargarlo ,[object Object]
Ofrece ideas innovadoras a problemas comunes ,[object Object]
Porque la competencia está a un clic de distancia ,[object Object]
No tiene fallos de programación ,[object Object]
Los textos son redactados de forma sincera y pensando en el beneficio del usuario ,[object Object]
Siendo breves siempre que sea posible… ,[object Object]
…  pero sin ser imprecisos ,[object Object]
No comete faltas de ortografía ,[object Object]
y cuida las imagénes utilizadas ,[object Object]
Tiene en cuenta que los usuarios van a opinar  ,[object Object]
Ofrece la misma información en toda la web ,[object Object]
Cuida los mensajes de error ,[object Object],[object Object]
Cuida su identidad visual ,[object Object]
No ofrece ambigüedades ,[object Object]
No pretende dar una solución a todas las necesidades de negocio ,[object Object]
…  y tiene unos objetivos claramente definidos. ,[object Object]
Ofrece una navegación limpia y segura ,[object Object]
Establece claras llamadas a la acción ,[object Object]
…  pues los usuarios las cumplimos. ,[object Object]
Los textos son redactados de forma sencilla ,[object Object]
Nunca sacrifica función a favor de un malentendido Diseño. ,[object Object]
Es actualizado frecuentemente… ,[object Object]
Atiende a usuarios con distintas necesidades ,[object Object]
Ofrece siempre una navegación segura ,[object Object]
Nunca incluye elementos como “En construcción” ,[object Object]
Es unívoco ,[object Object]
De verdad… ,[object Object]
…  y sus contenidos son revisados antes de publicarlos ,[object Object]
Es, en definitiva, lo contrario a esto: ,[object Object]
¿y todo esto por qué?
AIDA
A wareness I nterest D esire A ction
El embudo de conversión Usuarios de Internet Encuentran nuestra web Navegan por nuestra web Encuentran nuestro formulario, tienda online… Los que empieza  un proceso Los que lo terminan Los que nos recomiendan Los que vuelven Marketing Diseño Web + Usabilidad  = Diseño de Interacción Servicio, claro… “ El embudo de conversión surge de la Analítica Web”
SEO SOCIAL MEDIA SEM Analítica Web Atraer Tráfico + + + + = Una estrategia general:
Diseño Orientado Usabilidad Accesibilidad Analítica Web Conversión + + + + = Una estrategia general:
+ + + = Éxito Online Atraer Tráfico Conversión La clave:
Vamos a ir viendo ejemplos…
Arquitectura web
[object Object],Vender césped artificial Descargar un plano
[object Object],Vender varios productos  ¿y este?
[object Object],¿1 segundo? Contando…
[object Object],[object Object],En casa del herrero… ,[object Object],[object Object]
Arquitectura y usabilidad web (II) ,[object Object],[object Object],-> Fotos vacaciones -> Por fecha -> Por destino -> Textos -> Trabajo -> Personales
[object Object],Rastreator Asesorseguros.com
[object Object],UPV Por otro lado
[object Object]
Diseño gráfico en la web (II) ,[object Object],[object Object],[object Object],[object Object],http://blog.duopixel.com/justified.png
(Este cómo se llamaba…?¿Pedro, qué más?)
(Este cómo se llamaba…?¿Pedro, qué más?
[object Object],[object Object],[object Object],[object Object],Herramientas y Técnicas
[object Object],[object Object],Five Second Test ,[object Object]
[object Object],[object Object],Eyetracking ,[object Object],[object Object]
[object Object],[object Object],Eyetracking
Eyetracking
Eyetracking
A/B Testing  ,[object Object],[object Object]
Para terminar…
 
“ Sé que la mitad de mi gasto publicidad no me aporta beneficios, pero no sé que mitad”   John Wanamaker Planificar y  Definir Diseñar o  Ejecutar Evaluar Tanto en Diseño Web como en Marketing Online
Gracias, [email_address] Próximamente: http://conversionmarketing.es

Weitere ähnliche Inhalte

Was ist angesagt?

Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
ciwmx
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
sara paredes
 
Trabajo tercer periodo compu
Trabajo tercer periodo compuTrabajo tercer periodo compu
Trabajo tercer periodo compu
Dieg182
 

Was ist angesagt? (19)

Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front end
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Responsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarciaResponsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarcia
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Diseño Web 02
Diseño Web 02Diseño Web 02
Diseño Web 02
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
Lavoratorio
LavoratorioLavoratorio
Lavoratorio
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
Diseño web
Diseño webDiseño web
Diseño web
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Tipos de sitio web
Tipos de sitio webTipos de sitio web
Tipos de sitio web
 
Wix
WixWix
Wix
 
Como mejorar la conversion de mi sitio web
Como mejorar la conversion de mi sitio webComo mejorar la conversion de mi sitio web
Como mejorar la conversion de mi sitio web
 
Trabajo tercer periodo compu
Trabajo tercer periodo compuTrabajo tercer periodo compu
Trabajo tercer periodo compu
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas web
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1
 
Deja que el diseño domine tu Wordpress (y no al revés)
Deja que el diseño domine tu Wordpress (y no al revés)Deja que el diseño domine tu Wordpress (y no al revés)
Deja que el diseño domine tu Wordpress (y no al revés)
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 

Andere mochten auch (9)

Conversión en ecommerce
Conversión en ecommerce Conversión en ecommerce
Conversión en ecommerce
 
Atraer tráfico a tu web
Atraer tráfico a tu webAtraer tráfico a tu web
Atraer tráfico a tu web
 
La venta por internet
La venta por internetLa venta por internet
La venta por internet
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing Digital
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonita
 
Ponencia Imade Domestika Venta En Internet 26marzo09
Ponencia Imade Domestika Venta En Internet 26marzo09Ponencia Imade Domestika Venta En Internet 26marzo09
Ponencia Imade Domestika Venta En Internet 26marzo09
 
Catalogo
CatalogoCatalogo
Catalogo
 
12. estrategias de marketing por internet ppt
12. estrategias de marketing por internet ppt12. estrategias de marketing por internet ppt
12. estrategias de marketing por internet ppt
 
Tipos de Catalogos
Tipos de CatalogosTipos de Catalogos
Tipos de Catalogos
 

Ähnlich wie Conversion web

Pagina web y cazatesoro
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoro
David Fandinho
 
Responsive web design - diseño sensible
Responsive web design - diseño sensibleResponsive web design - diseño sensible
Responsive web design - diseño sensible
Carlos Zapata
 
Marketing Online Pymes - IMADE
Marketing Online Pymes - IMADEMarketing Online Pymes - IMADE
Marketing Online Pymes - IMADE
Domestika
 
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de UsuarioSitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Gabriel Porras
 

Ähnlich wie Conversion web (20)

Presencia web para la pyme
Presencia web para la pyme Presencia web para la pyme
Presencia web para la pyme
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidad
 
Pagina web y cazatesoro
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoro
 
JCCAMUS
JCCAMUSJCCAMUS
JCCAMUS
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
El mundo de los sitios web
El mundo de los sitios webEl mundo de los sitios web
El mundo de los sitios web
 
Responsive web design - diseño sensible
Responsive web design - diseño sensibleResponsive web design - diseño sensible
Responsive web design - diseño sensible
 
Primera clase
Primera clasePrimera clase
Primera clase
 
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3
 
Marketing online 2009 ssrr imade
Marketing online 2009 ssrr imadeMarketing online 2009 ssrr imade
Marketing online 2009 ssrr imade
 
Marketing Online Pymes - IMADE
Marketing Online Pymes - IMADEMarketing Online Pymes - IMADE
Marketing Online Pymes - IMADE
 
Rentabilizar una web
Rentabilizar una web Rentabilizar una web
Rentabilizar una web
 
Rentabilizar una web imade 2009
Rentabilizar una web imade 2009Rentabilizar una web imade 2009
Rentabilizar una web imade 2009
 
Wordpress para Jóvenes Periodistas
Wordpress para Jóvenes PeriodistasWordpress para Jóvenes Periodistas
Wordpress para Jóvenes Periodistas
 
Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0
 
Pagina web y cazatesoro 2013
Pagina web y cazatesoro 2013Pagina web y cazatesoro 2013
Pagina web y cazatesoro 2013
 
Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11
 
Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En Sistemas
 
Robert primera informatica(1)
Robert primera informatica(1)Robert primera informatica(1)
Robert primera informatica(1)
 
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de UsuarioSitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
 

Mehr von Domestika

Taller sobre-e-mail-marketing-mayo 2010
Taller sobre-e-mail-marketing-mayo 2010Taller sobre-e-mail-marketing-mayo 2010
Taller sobre-e-mail-marketing-mayo 2010
Domestika
 
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 0910 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
Domestika
 
Inicio al Marketing aplicado a las nuevas Tecnologías
Inicio al Marketing aplicado a las nuevas TecnologíasInicio al Marketing aplicado a las nuevas Tecnologías
Inicio al Marketing aplicado a las nuevas Tecnologías
Domestika
 
Diseño y Usabilidad
Diseño y UsabilidadDiseño y Usabilidad
Diseño y Usabilidad
Domestika
 
Visibilidad Online
Visibilidad OnlineVisibilidad Online
Visibilidad Online
Domestika
 

Mehr von Domestika (13)

Taller sobre-e-mail-marketing-mayo 2010
Taller sobre-e-mail-marketing-mayo 2010Taller sobre-e-mail-marketing-mayo 2010
Taller sobre-e-mail-marketing-mayo 2010
 
La Vaguada Coit 18 Feb
La Vaguada Coit 18 FebLa Vaguada Coit 18 Feb
La Vaguada Coit 18 Feb
 
Bloggin Para La Pyme Feb 2010 Sonia Monje
Bloggin Para La Pyme Feb 2010 Sonia MonjeBloggin Para La Pyme Feb 2010 Sonia Monje
Bloggin Para La Pyme Feb 2010 Sonia Monje
 
Marketing Online
Marketing OnlineMarketing Online
Marketing Online
 
Marketing Online con pocos recursos
Marketing Online con pocos recursosMarketing Online con pocos recursos
Marketing Online con pocos recursos
 
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 0910 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
 
Inicio al Marketing aplicado a las nuevas Tecnologías
Inicio al Marketing aplicado a las nuevas TecnologíasInicio al Marketing aplicado a las nuevas Tecnologías
Inicio al Marketing aplicado a las nuevas Tecnologías
 
Contenidos Digitales
Contenidos DigitalesContenidos Digitales
Contenidos Digitales
 
Taller sobre E-mail Marketing
Taller sobre E-mail MarketingTaller sobre E-mail Marketing
Taller sobre E-mail Marketing
 
4 Ejes del Marketing Online Efectivo
4 Ejes del Marketing  Online Efectivo4 Ejes del Marketing  Online Efectivo
4 Ejes del Marketing Online Efectivo
 
4 Ejes Marketing Online
4 Ejes Marketing Online4 Ejes Marketing Online
4 Ejes Marketing Online
 
Diseño y Usabilidad
Diseño y UsabilidadDiseño y Usabilidad
Diseño y Usabilidad
 
Visibilidad Online
Visibilidad OnlineVisibilidad Online
Visibilidad Online
 

Kürzlich hochgeladen

Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
AdrianaCarolinaMoral2
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
meloamerica93
 

Kürzlich hochgeladen (20)

Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 

Conversion web

  • 1. Pedro Jesús González www.domestika.com DISEÑO DE CONVERSIÓN 30 - Sept - 2010 www.domestika.org
  • 2.
  • 3.
  • 4. ¿Qué es una Diseño de Conversión?
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42. ¿y todo esto por qué?
  • 43. AIDA
  • 44. A wareness I nterest D esire A ction
  • 45. El embudo de conversión Usuarios de Internet Encuentran nuestra web Navegan por nuestra web Encuentran nuestro formulario, tienda online… Los que empieza un proceso Los que lo terminan Los que nos recomiendan Los que vuelven Marketing Diseño Web + Usabilidad = Diseño de Interacción Servicio, claro… “ El embudo de conversión surge de la Analítica Web”
  • 46. SEO SOCIAL MEDIA SEM Analítica Web Atraer Tráfico + + + + = Una estrategia general:
  • 47. Diseño Orientado Usabilidad Accesibilidad Analítica Web Conversión + + + + = Una estrategia general:
  • 48. + + + = Éxito Online Atraer Tráfico Conversión La clave:
  • 49. Vamos a ir viendo ejemplos…
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60. (Este cómo se llamaba…?¿Pedro, qué más?)
  • 61. (Este cómo se llamaba…?¿Pedro, qué más?
  • 62.
  • 63.
  • 64.
  • 65.
  • 68.
  • 70.  
  • 71. “ Sé que la mitad de mi gasto publicidad no me aporta beneficios, pero no sé que mitad” John Wanamaker Planificar y Definir Diseñar o Ejecutar Evaluar Tanto en Diseño Web como en Marketing Online
  • 72. Gracias, [email_address] Próximamente: http://conversionmarketing.es