Cómo mejorar la conversión
        en mi página Web




                 Javier Gosende
              javiergosende@gmail....
Programa

1.    Qué es la conversión
2.    Pautas principales
3.    Arquitectura de la Web
4.    Página Home
5.    Página ...
¿Qué es la Conversión Web?

El arte de convertir visitas en




           CLIENTES
Identificar Objetivos




      Páginas Vistas
   Usuarios registrados
Formularios de Presupuestos
          Ventas
Ratios de Conversión:
      1% a 2%
Las Claves de la Conversión Web




             +                    +


Web Usable       Web Persuasiva       Web Medible
Las Claves de la Conversión Web

                   Página
Página Carrito   Formulario
 de Compra
                        ...
Arquitectura
Errores al
 construir una Web




• La Web no es una versión online del catálogo de ventas
• Centrarse en el diseño y no e...
Adaptar la Web a las frases con las que nuestros
clientes nos buscan




                   Patrón
                   Por ...
Una web donde se pueda encontrar un
    producto por varios caminos




            http://www.etoys.com/home/index.jsp
Una web donde existen enlaces a
       otros productos




  http://www.delamparas.com/lamparas-de-techo
Enlaces relevantes a otros productos relacionados
Enlaces relevantes a otros productos relacionados
Página Home




http://www.flickr.com/photos/horrabin/3838622513/
Página Home con enlaces a diferentes páginas
internas relevantes
Página Home que SI convierte




         http://www.etoys.com/home/index.jsp
Página Home que NO convierte: Página Intro




               http://www.litochap.com/
Página Home que NO convierte




     http://www.interstrategies.net/castellano.html
Página Home que NO convierte




                          www.elosito.com
Página Ficha Producto
Página de Ficha de Producto que NO convierte
Página de Ficha de Producto que SI convierte
Página de Ficha de Producto que SI convierte
Reviews de
Usuarios:
Contenidos gratis
en el lenguaje del
cliente
Landing Page
Elementos Landing Page

Elementos de Confianza
       Gancho
  Llamada a la acción
Elementos Landing Page
Ejemplos de buenas landing page
Ejemplos de buenas landing page
Tips sobre Botones de llamada a la acción

Todo call-to-action tiene que aparentar
ser un elemento pulsable.




Utilizar ...
Diseño gráfico en las Landing Page
¿Cómo lo esta haciendo la competencia?
Formularios de
   Contacto
Consejos para Formularios que convierten

- Pida sólo la información absolutamente necesaria
- No utilice preguntas comple...
Campos sensibles en los formularios
Diseño gráfico en los Formularios
Formulario Eficaz
Formulario Eficaz
Formularios Asusta Usuarios
Formularios
Carritos de Compra
Consejos para Carritos de Compra

- Encabezados y migas de pan para ubicar al usuario
- Dejar claro siempre cuál es el pro...
Carritos de Compra Exitosos
Carritos de Compra Exitosos
Funcionalidades
que ayudan en la
   conversión
Teléfono siempre visible
Chat Online
Comparadores de Productos
Ranking de Productos Populares
Valoraciones a productos
Una web con un buscador interno medible




                http://www.imaginarium.es/
Configurador de Productos
Descargas de una Demo de Prueba
Testimoniales
Contenidos que
convierten visitas en
      clientes
Los usuarios no leen los
   contenidos de una
 web, los Escanean con
       la mirada
¿Cómo escribir para la Web?



- Uso de Títulos y subtítulos
- Mejor párrafos cortos a un
párrafo largo
- Uso de listas
- ...
Simplificación de Contenidos




Texto Original. 0% optimizado
Simplificación de Contenidos




50% mejor:Texto más simplificado
Simplificación de Contenidos




100% mejor:Texto más simplificado y
más fácil de hojear por el usuario
Mal Ejemplo de cómo NO dejar respirar
al contenido con espacios en blanco
Buen Ejemplo de cómo dejar respirar al
contenido con espacios en blanco
Usar Contenido para Dummies




http://www.ibergour.com/es/productos/ficha_producto.html?id_prod=jmhuc
Contenido que argumente las posibles
           objeciones del Cliente




http://www.ibergour.com/es/productos/ficha_prod...
Contenido que
argumente las
posibles objeciones
del Cliente




        http://us.moo.com/es/
mucho contenido
Secciones en la Web con

fácil de crear

Blogs
Foros
Wikis
Preguntas frecuentes
Glosario de términos
Conse...
Imágenes que
  convierten
¿Cómo deben ser las
 imagenes en la Web?



-Pesar lo menos posible
-Rotuladas con descripciones
-De buena calidad
-Profes...
Iconos e Imagenes con rotulos
         descriptivos
Alta Calidad vs. Pixelada




           VS.
Fondo Blanco vs. Fondo de Color




              VS.
Imagen Producto con Usuario vs.
    Imagen Producto Solo




              VS.
Imagen de Archivo vs. Imagen Real




                      VS.
Tests de Conversión
Proceso a seguir para hacer un Test de
             Conversión

  1) Páginas donde hacer los tests
       2) Formular la H...
Test A/B
Test A/B
Test A/B
Test A/B




           Fuente: www.ricardotayar.com
Fuente: www.ricardotayar.com

Test Multivariante
Herramientas para testar: Google
           Optimizer
Analítica Web: Ejemplos Toma de Decisiones
   Analítica Web de la Conversión:
   Análisis de Embudos de Conversión
Bibliografía recomendada
Crédito Imagenes la conversión de mi Web
Cómo mejorar

http://www.flickr.com/photos/cayusa/981372736/sizes/z/in/photostre...
Upcoming SlideShare
Loading in...5
×

Como mejorar la conversion de mi sitio web

2,175

Published on

Charla sobre conversión web de Javier Gosende impartida en el Centro de Emprendedores de Alicante en noviembre de 2010

Published in: Business, Technology, Design
3 Comments
6 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,175
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
3
Likes
6
Embeds 0
No embeds

No notes for slide

Transcript of "Como mejorar la conversion de mi sitio web"

  1. 1. Cómo mejorar la conversión en mi página Web Javier Gosende javiergosende@gmail.com Twitter: @javiergosende www.javiergosende.com
  2. 2. Programa 1. Qué es la conversión 2. Pautas principales 3. Arquitectura de la Web 4. Página Home 5. Página Ficha Producto 6. Landing Page 7. Formularios y Carritos de Compra 8. Contenidos que convierten 9. Imagenes que Convierten 10. Tests
  3. 3. ¿Qué es la Conversión Web? El arte de convertir visitas en CLIENTES
  4. 4. Identificar Objetivos Páginas Vistas Usuarios registrados Formularios de Presupuestos Ventas
  5. 5. Ratios de Conversión: 1% a 2%
  6. 6. Las Claves de la Conversión Web + + Web Usable Web Persuasiva Web Medible
  7. 7. Las Claves de la Conversión Web Página Página Carrito Formulario de Compra Página Ficha Producto Landing Página Page Home
  8. 8. Arquitectura
  9. 9. Errores al construir una Web • La Web no es una versión online del catálogo de ventas • Centrarse en el diseño y no en la arquitectura • Centrarse en el producto y no en el cliente
  10. 10. Adaptar la Web a las frases con las que nuestros clientes nos buscan Patrón Por edad Por personaje Por material Por Marca Nombre juguete
  11. 11. Una web donde se pueda encontrar un producto por varios caminos http://www.etoys.com/home/index.jsp
  12. 12. Una web donde existen enlaces a otros productos http://www.delamparas.com/lamparas-de-techo
  13. 13. Enlaces relevantes a otros productos relacionados
  14. 14. Enlaces relevantes a otros productos relacionados
  15. 15. Página Home http://www.flickr.com/photos/horrabin/3838622513/
  16. 16. Página Home con enlaces a diferentes páginas internas relevantes
  17. 17. Página Home que SI convierte http://www.etoys.com/home/index.jsp
  18. 18. Página Home que NO convierte: Página Intro http://www.litochap.com/
  19. 19. Página Home que NO convierte http://www.interstrategies.net/castellano.html
  20. 20. Página Home que NO convierte www.elosito.com
  21. 21. Página Ficha Producto
  22. 22. Página de Ficha de Producto que NO convierte
  23. 23. Página de Ficha de Producto que SI convierte
  24. 24. Página de Ficha de Producto que SI convierte
  25. 25. Reviews de Usuarios: Contenidos gratis en el lenguaje del cliente
  26. 26. Landing Page
  27. 27. Elementos Landing Page Elementos de Confianza Gancho Llamada a la acción
  28. 28. Elementos Landing Page
  29. 29. Ejemplos de buenas landing page
  30. 30. Ejemplos de buenas landing page
  31. 31. Tips sobre Botones de llamada a la acción Todo call-to-action tiene que aparentar ser un elemento pulsable. Utilizar un copy—o texto—descriptivo Refuerzo cromático Potenciar la estética
  32. 32. Diseño gráfico en las Landing Page
  33. 33. ¿Cómo lo esta haciendo la competencia?
  34. 34. Formularios de Contacto
  35. 35. Consejos para Formularios que convierten - Pida sólo la información absolutamente necesaria - No utilice preguntas complejas en el formulario -El tamaño visible de los campos de texto debe corresponderse con la longitud del contenido que ha de introducir el usuario. - Identifique los campos obligatorios y los opcionales - Coloque los botones de "Enviar" lo más cerca posible del último campo del formulario. - Cuando el usuario envíe el formulario, infórmele del resultado de su acción
  36. 36. Campos sensibles en los formularios
  37. 37. Diseño gráfico en los Formularios
  38. 38. Formulario Eficaz
  39. 39. Formulario Eficaz
  40. 40. Formularios Asusta Usuarios
  41. 41. Formularios
  42. 42. Carritos de Compra
  43. 43. Consejos para Carritos de Compra - Encabezados y migas de pan para ubicar al usuario - Dejar claro siempre cuál es el producto que se está comprando y el precio - Carrito de compra flexible, permitiendo añadir y eliminar productos. - Un carrito de compra debe ofrecer el máximo de modalidades de pago - No obligar al usuario a registrarse para poder acceder al carrito de compra. - Muestre elementos que aseguren que es una transacción segura - Mostrar información de ayuda, preguntas frecuentes, chat online, etc. - Reducir número de pasos dentro del proceso de compra - Decir "Gracias" al usuario que ha comprado a través de la página de confirmación de compra.
  44. 44. Carritos de Compra Exitosos
  45. 45. Carritos de Compra Exitosos
  46. 46. Funcionalidades que ayudan en la conversión
  47. 47. Teléfono siempre visible
  48. 48. Chat Online
  49. 49. Comparadores de Productos
  50. 50. Ranking de Productos Populares
  51. 51. Valoraciones a productos
  52. 52. Una web con un buscador interno medible http://www.imaginarium.es/
  53. 53. Configurador de Productos
  54. 54. Descargas de una Demo de Prueba
  55. 55. Testimoniales
  56. 56. Contenidos que convierten visitas en clientes
  57. 57. Los usuarios no leen los contenidos de una web, los Escanean con la mirada
  58. 58. ¿Cómo escribir para la Web? - Uso de Títulos y subtítulos - Mejor párrafos cortos a un párrafo largo - Uso de listas - Empiece el contenido de una página por la conclusión - Simplificar contenidos - Uso eficiente de enlaces o links - Uso eficiente de la negrita
  59. 59. Simplificación de Contenidos Texto Original. 0% optimizado
  60. 60. Simplificación de Contenidos 50% mejor:Texto más simplificado
  61. 61. Simplificación de Contenidos 100% mejor:Texto más simplificado y más fácil de hojear por el usuario
  62. 62. Mal Ejemplo de cómo NO dejar respirar al contenido con espacios en blanco
  63. 63. Buen Ejemplo de cómo dejar respirar al contenido con espacios en blanco
  64. 64. Usar Contenido para Dummies http://www.ibergour.com/es/productos/ficha_producto.html?id_prod=jmhuc
  65. 65. Contenido que argumente las posibles objeciones del Cliente http://www.ibergour.com/es/productos/ficha_producto.html?id_prod=jmhuc
  66. 66. Contenido que argumente las posibles objeciones del Cliente http://us.moo.com/es/
  67. 67. mucho contenido Secciones en la Web con fácil de crear Blogs Foros Wikis Preguntas frecuentes Glosario de términos Consejos Noticias
  68. 68. Imágenes que convierten
  69. 69. ¿Cómo deben ser las imagenes en la Web? -Pesar lo menos posible -Rotuladas con descripciones -De buena calidad -Profesionales
  70. 70. Iconos e Imagenes con rotulos descriptivos
  71. 71. Alta Calidad vs. Pixelada VS.
  72. 72. Fondo Blanco vs. Fondo de Color VS.
  73. 73. Imagen Producto con Usuario vs. Imagen Producto Solo VS.
  74. 74. Imagen de Archivo vs. Imagen Real VS.
  75. 75. Tests de Conversión
  76. 76. Proceso a seguir para hacer un Test de Conversión 1) Páginas donde hacer los tests 2) Formular la Hipótesis 3) Hacer el test correctameante 4) Analizar resultados
  77. 77. Test A/B
  78. 78. Test A/B
  79. 79. Test A/B
  80. 80. Test A/B Fuente: www.ricardotayar.com
  81. 81. Fuente: www.ricardotayar.com Test Multivariante
  82. 82. Herramientas para testar: Google Optimizer
  83. 83. Analítica Web: Ejemplos Toma de Decisiones Analítica Web de la Conversión: Análisis de Embudos de Conversión
  84. 84. Bibliografía recomendada
  85. 85. Crédito Imagenes la conversión de mi Web Cómo mejorar http://www.flickr.com/photos/cayusa/981372736/sizes/z/in/photostream/ http://www.flickr.com/photos/seretuaccidente/147686396/sizes/z/in/photostream/ http://www.flickr.com/photos/fosforix/3007393167/sizes/z/in/photostream/ http://www.flickr.com/photos/brianauer/2909955508/sizes/z/in/photostream/ http://www.flickr.com/photos/mollyparker/3346354579/sizes/z/in/photostream/ http://www.sxc.hu/photo/1244710 http://www.flickr.com/photos/jurvetson/21470089/ http://www.flickr.com/photos/niallkennedy/230462563 http://www.flickr.com/photos/sollerphoto/1373885561/ http://www.flickr.com/photos/gonzalobaeza/4096799964 Javier Gosende javiergosende@gmail.com www.javiergosende.com twitter: @javiergosende

×