¿Como debe estructurase?

Fuente:  http://www.bluecaribu.com/infografia-anatomia-de-una-landing-page-perfecta/

10
CONSEJOS DE DISEÑO

¿Como debe diseñarse?

#1 FOTOGRAFÍA DE CALIDAD Y A GRAN TAMAÑO

Fotos de buena calidad, relacionadas con el producto, y a todo el ancho de pantalla. Evitar imágenes de stock muy usadas. Fondos de vídeo.

#2 CABECERA CON LOGO Y NAVEGACIÓN REDUCIDA

Generalmente, el Logo está en la esquina superior izquierda y en la misma línea horizontal del menú de navegación. Los botones de navegación sencillos.

#3 TÍTULOS Y SUBTÍTULOS EFECTIVOS

Breves pero efectivos. Resalta los mejores atributos del producto. Los títulos deben ayudarte en el posicionamiento SEO.

#4 TIPOGRAFÍAS LEGIBLES Y ATRACTIVAS

Utiliza una combinación de tipografías con una sencilla y fácil de leer para textos largos y otra con personalidad para titulares.

#5 BOTÓN DE CALL TO ACTION CLARO Y DESTACADO

Botón mas grande que la navegación, color destacado, bordes redondeados, mensaje claro, conciso y atractivo. Nada de "click aquí".

#6 PIE DE PÁGINA LIMPIO Y ORDENADO

Redes sociales, información personal y datos de contacto. Se puede incluir navegación complementaria que no incorporamos en el menu principal.

#7 TRANSMITIR FELICIDAD

Imágenes con personas felices para empatizar y generar emociones positivas en los usuarios e impulsarlos a tomar acciones.

#8 FUNCIONALIDADES Y CARACTERÍSTICAS

Las funcionalidades y características de los dispositivos o cómo funciona el servicio son la principal preocupación de los usuarios a la hora de realizar una compra. Muéstralas de forma estructurada.

#9 JERARQUIA, MINIMALISMO, ESPACIO

No agregues demasiados objetos, trata de mantener las cosas en el lado más mínimo y utiliza una jerarquía visual para tus elementos y mensajes más importantes.

#10 COLOR APROPIADO AL TARGET

La paleta de colores seleccionada tiene que ir orientada al publico y el producto. Los colores de los CTO tienen que destacar.

¿Como debe mostrase?

+50% de la navegación desde móvil en 2015

El algoritmo de Google beneficia a aquellos sitios mejor preparados para móvil

Click to Call (permite llamada directa)

Contenido diferenciado por GEO Localización

El A/B Testing es la ejecución de experimentos simultáneos entre dos o más páginas para ver cual rinde o convierte mejor.

A/B TESTING

Probar, probar, probar

Una vez decidido que cambios probar en la landing page (titulares, CTA, fotografía, añadir vídeo, etc) se crean nuevas versiones o variantes de la página para experimentar con ellas.

variantes de página

El tráfico es asignado aleatoriamente a cada variante de página basado en un determinado "peso", por ejemplo, si hacemos una prueba con 2 variantes, podemos dividir el tráfico 50/50 o 60/40. El principal factor para decidir el "peso" es si estamos probando diferentes variaciones nuevas al mismo tiempo o contra una página ya establecida.

peso del tráfico

Si se arranca una campaña desde cero y tenemos varias ideas, podemos crear una landing para cada idea. En este caso asignaríamos un peso igual de tráfico a cada página. Queremos tratarlas igual para elegir un "ganador" tan pronto como sea posible, direccionando la misma cantidad de tráfico hasta que sea estadísticamente significante o válido.

comenzando con multiples variantes

Si tenemos una página ya establecida y queremos probar algunas nuevas ideas, le daríamos a la nueva pagina un porcentaje del tráfico más pequeño que a la actual, para mitigar el riesgo innerente a la introducción de nuevas ideas (que pueden no rendir bien).

probando contra una página existente

ejemplo de resultados

ejemplo de resultados

MÉTRICAS Y ANALÍTICA

Medir, medir, medir

Definir objetivos medibles

Debe ser básicamente lo que esta contenido en la llamada a la acción o call to action. Y que sea medible. Un registro completado, un pago de una subscripción, la compra de un producto, la descarga de un fichero, etc.

Los objetivos pueden ser de 4 tipos:

• Destino: Que la visita llegue a una url concreta. 
• Duración de la visita. Que permanecen en el sitio un tiempo determinado.
• Páginas/visita: Que cada visitante hiciese al menos un número de páginas vistas.
• Evento: Una descarga, una visualización de un vídeo, etc.

Ratio de conversiones

Existen dos tipos principales de conversiones:
leads y transacciones.

Los leads son cualquier información obtenida de un usuario que está interesado en tu oferta. Esencial en las páginas destinadas a fomentar la captación de leads.

Las transacciones definen si hay descargas o, en última instancia, ventas, la finalidad última de toda campaña que tenga como punto final la conversión.

Sin embargo, la tasa de conversiones es una métrica que debes matizar con otro indicador: el valor medio de cada transacción o coste por venta que surge de dividir la inversión realizada entre el total de las ventas.

Tasa de abandonos

El ratio de abandonos (o de rebote) se refiere al número de usuarios que una vez que han llegado a la landing page deciden abandonarla sin terminar la acción que propones.

Tener controlados los puntos de salida es uno de los aspectos más importantes. Si los tienes controlados podrás descubrir si existe alguna distracción que haga que los usuarios se marchen. Y si eres capaz de re-engancharlos.

ejemplo de panel de analítica

Otros análisis

Eye tracking

Son pruebas con usuarios donde se mide a que miran en una página. Pueden dar una información muy valiosa para mejorar la colocación de elementos clave.

Heat maps

Es un software que mide los movimientos y acciones del ratón sobre la página. Permitiendo saber donde se hace click o se mantiene por más tiempo la posición.

Heat map

Creación de una landing page online

Seleccionar un producto o servicio propio, basarse en uno que conozcan o inventarselo.

Grupos de 4 o 5 personas

Elegir un producto concreto

Nos llega la visita de un mailing, un banner, addword o facebook ad? Definir el texto del anuncio y sus características.

Definir el origen

Titulo, subtitulo, descripción, campos del formulario y llamada a la acción.

Crear los textos

Realizar varios bocetos en papel de la estructura de la página. Con varias alternativas.

Bocetear la landing

Darse de alta en Instapage.com y seguir el mini tutorial.

Diseñar la página siguiendo las recomendaciones ya vistas.

Diseñar la landing page

Elegir que cambios realizar y crear una variante de la página para realizar un test A/B.

Crear una variante

Pasar la url de la página para que el resto de la clase la pruebe y tener resultados para el test A/B.

Probar la página