Como mejorar la conversion de mi sitio web

Cómo mejorar la conversión en mi página Web Javier Gosende javiergosende@gmail.com Twitter: @javiergosende www.javiergosende.com

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

¿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 Página Ficha Producto Landing Página Page Home

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 en la arquitectura • Centrarse en el producto y no en el cliente

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

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

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

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

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

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

Campos sensibles en los formularios

Diseño gráfico en los Formularios

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 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.

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 - Empiece el contenido de una página por la conclusión - Simplificar contenidos - Uso eficiente de enlaces o links - Uso eficiente de la negrita

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_producto.html?id_prod=jmhuc

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 Consejos Noticias

Imágenes que convierten

¿Cómo deben ser las imagenes en la Web? -Pesar lo menos posible -Rotuladas con descripciones -De buena calidad -Profesionales

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 Hipótesis 3) Hacer el test correctameante 4) Analizar resultados

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/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

Como mejorar la conversion de mi sitio web

by Javier Gosende on Nov 19, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

Como mejorar la conversion de mi sitio web — Presentation Transcript