• Save

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Like this? Share it with your network

Share

Como mejorar la conversion de mi sitio web

  • 2,765 views
Uploaded on

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

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

More in: Business , Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
2,765
On Slideshare
2,764
From Embeds
1
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
3
Likes
6

Embeds 1

http://www.linkedin.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Cómo mejorar la conversión en mi página Web Javier Gosende javiergosende@gmail.com Twitter: @javiergosende www.javiergosende.com
  • 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. ¿Qué es la Conversión Web? El arte de convertir visitas en CLIENTES
  • 4. Identificar Objetivos Páginas Vistas Usuarios registrados Formularios de Presupuestos Ventas
  • 5. Ratios de Conversión: 1% a 2%
  • 6. Las Claves de la Conversión Web + + Web Usable Web Persuasiva Web Medible
  • 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. Arquitectura
  • 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. 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. Una web donde se pueda encontrar un producto por varios caminos http://www.etoys.com/home/index.jsp
  • 12. Una web donde existen enlaces a otros productos http://www.delamparas.com/lamparas-de-techo
  • 13. Enlaces relevantes a otros productos relacionados
  • 14. Enlaces relevantes a otros productos relacionados
  • 15. Página Home http://www.flickr.com/photos/horrabin/3838622513/
  • 16. Página Home con enlaces a diferentes páginas internas relevantes
  • 17. Página Home que SI convierte http://www.etoys.com/home/index.jsp
  • 18. Página Home que NO convierte: Página Intro http://www.litochap.com/
  • 19. Página Home que NO convierte http://www.interstrategies.net/castellano.html
  • 20. Página Home que NO convierte www.elosito.com
  • 21. Página Ficha Producto
  • 22. Página de Ficha de Producto que NO convierte
  • 23. Página de Ficha de Producto que SI convierte
  • 24. Página de Ficha de Producto que SI convierte
  • 25. Reviews de Usuarios: Contenidos gratis en el lenguaje del cliente
  • 26. Landing Page
  • 27. Elementos Landing Page Elementos de Confianza Gancho Llamada a la acción
  • 28. Elementos Landing Page
  • 29. Ejemplos de buenas landing page
  • 30. Ejemplos de buenas landing page
  • 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. Diseño gráfico en las Landing Page
  • 33. ¿Cómo lo esta haciendo la competencia?
  • 34. Formularios de Contacto
  • 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. Campos sensibles en los formularios
  • 37. Diseño gráfico en los Formularios
  • 38. Formulario Eficaz
  • 39. Formulario Eficaz
  • 40. Formularios Asusta Usuarios
  • 41. Formularios
  • 42. Carritos de Compra
  • 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. Carritos de Compra Exitosos
  • 45. Carritos de Compra Exitosos
  • 46. Funcionalidades que ayudan en la conversión
  • 47. Teléfono siempre visible
  • 48. Chat Online
  • 49. Comparadores de Productos
  • 50. Ranking de Productos Populares
  • 51. Valoraciones a productos
  • 52. Una web con un buscador interno medible http://www.imaginarium.es/
  • 53. Configurador de Productos
  • 54. Descargas de una Demo de Prueba
  • 55. Testimoniales
  • 56. Contenidos que convierten visitas en clientes
  • 57. Los usuarios no leen los contenidos de una web, los Escanean con la mirada
  • 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. Simplificación de Contenidos Texto Original. 0% optimizado
  • 60. Simplificación de Contenidos 50% mejor:Texto más simplificado
  • 61. Simplificación de Contenidos 100% mejor:Texto más simplificado y más fácil de hojear por el usuario
  • 62. Mal Ejemplo de cómo NO dejar respirar al contenido con espacios en blanco
  • 63. Buen Ejemplo de cómo dejar respirar al contenido con espacios en blanco
  • 64. Usar Contenido para Dummies http://www.ibergour.com/es/productos/ficha_producto.html?id_prod=jmhuc
  • 65. Contenido que argumente las posibles objeciones del Cliente http://www.ibergour.com/es/productos/ficha_producto.html?id_prod=jmhuc
  • 66. Contenido que argumente las posibles objeciones del Cliente http://us.moo.com/es/
  • 67. mucho contenido Secciones en la Web con fácil de crear Blogs Foros Wikis Preguntas frecuentes Glosario de términos Consejos Noticias
  • 68. Imágenes que convierten
  • 69. ¿Cómo deben ser las imagenes en la Web? -Pesar lo menos posible -Rotuladas con descripciones -De buena calidad -Profesionales
  • 70. Iconos e Imagenes con rotulos descriptivos
  • 71. Alta Calidad vs. Pixelada VS.
  • 72. Fondo Blanco vs. Fondo de Color VS.
  • 73. Imagen Producto con Usuario vs. Imagen Producto Solo VS.
  • 74. Imagen de Archivo vs. Imagen Real VS.
  • 75. Tests de Conversión
  • 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. Test A/B
  • 78. Test A/B
  • 79. Test A/B
  • 80. Test A/B Fuente: www.ricardotayar.com
  • 81. Fuente: www.ricardotayar.com Test Multivariante
  • 82. Herramientas para testar: Google Optimizer
  • 83. Analítica Web: Ejemplos Toma de Decisiones Analítica Web de la Conversión: Análisis de Embudos de Conversión
  • 84. Bibliografía recomendada
  • 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