tecnicas ux para alzar tu conversion

20
Como el UX puede elevar tu conversion Las técnicas Gustavo Gonzales UX Research @gagdgonda

Upload: gustavo-gonzales-davalos

Post on 18-Feb-2017

106 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Tecnicas ux para alzar tu conversion

Como el UX puede elevar tu conversion

Las técnicas

Gustavo Gonzales UX Research @gagdgonda

Page 2: Tecnicas ux para alzar tu conversion

Conversion

Centered Design

Si tienes un Ecommerce, una landing o una web cuyo objetivo sea que el usuario de click en un CTA, llene un formulario, o envíe sus datos a tu email… necesitarás Conversion Centered Design

Page 3: Tecnicas ux para alzar tu conversion

Mientras menos scroll más conversion generado. En esta prueba se hizo benchmark de colocar el formulario abajo(web izq.) y uno arriba(web der.) la web derecha mostró 40% más conversion

Si elevar tu conversion quieres, evitar el scroll debes.

Page 4: Tecnicas ux para alzar tu conversion

El orden del 3 es muy poderoso - es psicológico.

Colocar menos opciones de un mismo tipo/categoría dirige al usuario a decantarse por al menos una de estas. La web de tres opciones tuvo 20% mayor conversion.

Page 5: Tecnicas ux para alzar tu conversion

El efecto túnel, eleva dramáticamente el conversion

5

Si colocáramos un botón ”Comprar” en la zona donde termina el túnel, este botón tendría más conversion que si lo colocáramos en otro lugar. La posición es estratégica.

Si colocáramos un botón ”Comprar” en el centro de la imagen, el enfoque sobre el boton se incrementa en ¾ vistas, lo que aumenta las probabilidades de conversion.

Page 6: Tecnicas ux para alzar tu conversion

El efecto contraste es demasiado poderoso

6

Si colocamos un texto en donde está la luna, este texto tendería a ser más visto o tener mayor posibilidades de atención. El enfoque de contraste se podría utilizar para hacer que el usuario se centre más en un texto o un CTA.

Page 7: Tecnicas ux para alzar tu conversion

El efecto arrow eleva la conversion en botones

7

Usar flechas apuntando a un botón o a un texto elevan tremendamente el conversion y el enfoque de atencion, efecto causado porque la vista es guiada hacia un punto de forma inconsciente.

Page 8: Tecnicas ux para alzar tu conversion

La estrategia de imagenes y texto para elevar el conversion

8

En este benchmark de mapa de calor se pudo medir como una estrategia visual basada en empatía puede tener enormes efectos de conversion. La zona en rojo indica un lugar donde en usuario le dedicó mayor tiempo visual. Las zonas verdes son zonas frías.

Page 9: Tecnicas ux para alzar tu conversion

La estrategia de imagenes y texto para elevar el conversion, el interés, la expectativa

9

Haciendo que el la imagen atractiva se centre visualmente en el sector objetivo creamos el efecto empatía del usuario. El usuario sentirá la necesidad de dirigir su mirada al sector objetivo

Page 10: Tecnicas ux para alzar tu conversion

La estrategia del agrupamiento genera más conversion el CTA

10

Si queremos generar más conversion al botón CTA de un formulario, al agrupar a este y darle un borde se crea el efecto de focus y por tanto el de atención. Concluyendo en más probabilidad de conversion.

Page 11: Tecnicas ux para alzar tu conversion

La estrategia del contraste genera más conversion el CTA

11

Si queremos generar aún más conversion, usando el efecto contraste sobre el formulario sus headers y sus CTA el efecto de atencion de intensifica de forma interesante .

Page 12: Tecnicas ux para alzar tu conversion

La estrategia del uso de flechas multiplica el conversion 3 veces dando apertura al CTA

12

¿Aún es posible poder generar mayor conversion?

SI, usando la técnica del Arrow, la posibilidad de conversion, de llenado de formulario y de click al CTA se eleva drasticamente. Las pruebas en landing por Hubspot indican x2/x3 el factor de aumento de leads.

Page 13: Tecnicas ux para alzar tu conversion

Estrategias de neuromarketing para generación de conversion

El efecto de ahorro y ganancia inmediata: El usuario se deja llevar por sus emociones

13

Page 14: Tecnicas ux para alzar tu conversion

Estrategias de neuromarketing para generación de conversion

Usar la técnica de tiempo límite(“Esta oferta termina en 3min..”), restricciones, apuros, y expectativa de unicidad(“Eres el único usuario con esta promoción”) eleva el ratio de leads.

14

Page 15: Tecnicas ux para alzar tu conversion

Estrategias de neuromarketing para generación de conversion

Usar la técnica del stock limitado, dependiendo del tipo de negocio, ecommerce, puede elevar el conversion, el tiempo de conversion, y el life cycle conversion. Es decir más ventas en menos tiempo .

15

Page 16: Tecnicas ux para alzar tu conversion

La táctica de la cercanía de botones eleva la posibilidad del conversion al CTA.

El menor trabajo visual(menos scrolling para botones tipo CTA) puede elevar el conversion duplicando la tasa de resultados.

16

Page 17: Tecnicas ux para alzar tu conversion

Mostrar los campos de un formulario uno por uno eleva el conversion de forma sorprendente.

Typeform.com utilizo esta tecnica, el resultado: 80% de usuarios decidieron completar el formulario porque parecia muy facil hacerlo, esto fue independiente de la cantidad de campos. La técnica es “less is more”.

17

Page 18: Tecnicas ux para alzar tu conversion

Existen otras técnicas para elevar el conversion. Pero dependen de cada rubro de negocio y target al que te diriges, no todas los usuarios responden de la misma manera a las tecnicas aqui mostradas.

Page 19: Tecnicas ux para alzar tu conversion

MI CONSEJOHaz un A/B Testing

Page 20: Tecnicas ux para alzar tu conversion

...