El documento describe varias técnicas de diseño centrado en la conversión para mejorar las tasas de conversión, incluyendo: 1) colocar elementos de llamada a la acción arriba de la página para evitar desplazamiento; 2) ofrecer menos opciones para dirigir al usuario; y 3) usar flechas y contraste visual para enfocar la atención en elementos clave. También recomienda pruebas A/B para determinar qué técnicas funcionan mejor para el público objetivo.
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Tecnicas ux para alzar tu conversion (1)
1. Como el UX puede elevar tu conversion
Las técnicas
Gustavo Gonzales UX Research
@gagdgonda
2. 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
3. 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.
4. 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.
5. 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.
6. 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.
7. 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.
8. 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.
9. 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
10. 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.
11. 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 .
12. 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.
13. Estrategias de neuromarketing para generación de conversion
El efecto de ahorro y ganancia inmediata: El usuario se deja llevar por sus emociones
13
14. 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
15. 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
16. 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
17. 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
18. 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.