SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances (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
 

En vedette

Temporada1011
Temporada1011Temporada1011
Temporada1011silijor
 
Trabajo territorio acabado
Trabajo territorio acabadoTrabajo territorio acabado
Trabajo territorio acabadolawnikita
 
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, IllinoisLarryRoeschVolkswagen
 
Eduwiki a les Terceres Jornades de WEbquest
Eduwiki a les Terceres Jornades de WEbquestEduwiki a les Terceres Jornades de WEbquest
Eduwiki a les Terceres Jornades de WEbquestAnna Pérez
 
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, IllinoisLarryRoeschVolkswagen
 
Elaboración de proyecto de inovación
Elaboración de proyecto de inovaciónElaboración de proyecto de inovación
Elaboración de proyecto de inovaciónGuile Gurrola
 
Tema9. Els Grans Descobriments
Tema9. Els Grans DescobrimentsTema9. Els Grans Descobriments
Tema9. Els Grans Descobrimentsanna Torner
 

En vedette (9)

Temporada1011
Temporada1011Temporada1011
Temporada1011
 
Trabajo territorio acabado
Trabajo territorio acabadoTrabajo territorio acabado
Trabajo territorio acabado
 
Anemia
AnemiaAnemia
Anemia
 
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois
 
Eduwiki a les Terceres Jornades de WEbquest
Eduwiki a les Terceres Jornades de WEbquestEduwiki a les Terceres Jornades de WEbquest
Eduwiki a les Terceres Jornades de WEbquest
 
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois
2013 Volkswagen Passat - Larry Roesch Volkswagen - Bensenville, Illinois
 
Promo mayo
Promo mayoPromo mayo
Promo mayo
 
Elaboración de proyecto de inovación
Elaboración de proyecto de inovaciónElaboración de proyecto de inovación
Elaboración de proyecto de inovación
 
Tema9. Els Grans Descobriments
Tema9. Els Grans DescobrimentsTema9. Els Grans Descobriments
Tema9. Els Grans Descobriments
 

Similaire à Diseño de conversión optimizado

Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidadricardogil
 
Pagina web y cazatesoro
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoroDavid Fandinho
 
El mundo de los sitios web
El mundo de los sitios webEl mundo de los sitios web
El mundo de los sitios webrodmazzo
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing DigitalDomestika
 
Responsive web design - diseño sensible
Responsive web design - diseño sensibleResponsive web design - diseño sensible
Responsive web design - diseño sensibleCarlos Zapata
 
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 CSS3Marta Armada
 
Marketing Online Pymes - IMADE
Marketing Online Pymes - IMADEMarketing Online Pymes - IMADE
Marketing Online Pymes - IMADEDomestika
 
Rentabilizar una web
Rentabilizar una web Rentabilizar una web
Rentabilizar una web Domestika
 
Wordpress para Jóvenes Periodistas
Wordpress para Jóvenes PeriodistasWordpress para Jóvenes Periodistas
Wordpress para Jóvenes PeriodistasJuan López
 
Pagina web y cazatesoro 2013
Pagina web y cazatesoro 2013Pagina web y cazatesoro 2013
Pagina web y cazatesoro 2013David Fandinho
 
Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11Rafael Poveda
 
Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En SistemasIsaacToxic15
 
Robert primera informatica(1)
Robert primera informatica(1)Robert primera informatica(1)
Robert primera informatica(1)robert primera
 

Similaire à Diseño de conversión optimizado (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
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing Digital
 
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)
 

Plus de Pedro Jesús González

Formatos y enfoque de publicidad en medios sociales
Formatos y enfoque de publicidad en medios socialesFormatos y enfoque de publicidad en medios sociales
Formatos y enfoque de publicidad en medios socialesPedro Jesús González
 
Congreso Nacional de pymes - Social Customer Engagement
Congreso Nacional de pymes - Social Customer EngagementCongreso Nacional de pymes - Social Customer Engagement
Congreso Nacional de pymes - Social Customer EngagementPedro Jesús González
 
Tendencias en Social Media Marketing Sector Turismo
Tendencias en Social Media Marketing Sector TurismoTendencias en Social Media Marketing Sector Turismo
Tendencias en Social Media Marketing Sector TurismoPedro Jesús González
 
Marketing Online y Redes Sociales para la Pyme
Marketing Online y Redes Sociales para la PymeMarketing Online y Redes Sociales para la Pyme
Marketing Online y Redes Sociales para la PymePedro Jesús González
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Pedro Jesús González
 
Introducción creación web aula madrid tecnología 2010
Introducción creación web aula madrid  tecnología 2010Introducción creación web aula madrid  tecnología 2010
Introducción creación web aula madrid tecnología 2010Pedro Jesús González
 

Plus de Pedro Jesús González (20)

eRoadshows Vigo
eRoadshows VigoeRoadshows Vigo
eRoadshows Vigo
 
Spanish lessons
Spanish lessons Spanish lessons
Spanish lessons
 
Formatos y enfoque de publicidad en medios sociales
Formatos y enfoque de publicidad en medios socialesFormatos y enfoque de publicidad en medios sociales
Formatos y enfoque de publicidad en medios sociales
 
Ocho cosas que he aprendido
Ocho cosas que he aprendidoOcho cosas que he aprendido
Ocho cosas que he aprendido
 
Social travel
Social travelSocial travel
Social travel
 
Social Commerce - Yovendoeninternet
Social Commerce - YovendoeninternetSocial Commerce - Yovendoeninternet
Social Commerce - Yovendoeninternet
 
Congreso Nacional de pymes - Social Customer Engagement
Congreso Nacional de pymes - Social Customer EngagementCongreso Nacional de pymes - Social Customer Engagement
Congreso Nacional de pymes - Social Customer Engagement
 
Tecnológica Santa Cruz 2013
Tecnológica Santa Cruz 2013Tecnológica Santa Cruz 2013
Tecnológica Santa Cruz 2013
 
Viralizar Contenido
Viralizar ContenidoViralizar Contenido
Viralizar Contenido
 
Facebook Ads en 20 minutos
Facebook Ads en 20 minutosFacebook Ads en 20 minutos
Facebook Ads en 20 minutos
 
Tendencias en Social Media Marketing Sector Turismo
Tendencias en Social Media Marketing Sector TurismoTendencias en Social Media Marketing Sector Turismo
Tendencias en Social Media Marketing Sector Turismo
 
Marketing Online y Redes Sociales para la Pyme
Marketing Online y Redes Sociales para la PymeMarketing Online y Redes Sociales para la Pyme
Marketing Online y Redes Sociales para la Pyme
 
Redes sociales para la Pyme
Redes sociales para la PymeRedes sociales para la Pyme
Redes sociales para la Pyme
 
Marketing en Medios Sociales
Marketing en Medios SocialesMarketing en Medios Sociales
Marketing en Medios Sociales
 
Diseño web efectivo
Diseño web efectivoDiseño web efectivo
Diseño web efectivo
 
Expandir Negocio Redes Sociales
Expandir Negocio Redes SocialesExpandir Negocio Redes Sociales
Expandir Negocio Redes Sociales
 
Visibilidad web simo network 2009
Visibilidad web simo network 2009Visibilidad web simo network 2009
Visibilidad web simo network 2009
 
Usabilidad web simo network 2009
Usabilidad web simo network 2009Usabilidad web simo network 2009
Usabilidad web simo network 2009
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010
 
Introducción creación web aula madrid tecnología 2010
Introducción creación web aula madrid  tecnología 2010Introducción creación web aula madrid  tecnología 2010
Introducción creación web aula madrid tecnología 2010
 

Diseño de conversión optimizado

  • 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