¿Cómo aumentar la conversión? - Cazador de ganancias

En este video, Andy Edmonds (un colaborador de Stompernet) habla sobre cómo afecta el diseño del sitio a la conversión . Esta lección no contiene mega descubrimientos, sino que es una revisión de los desarrollos recopilados durante varios años de negocios.

Por otro lado, estas "verdades golpeadas" le permiten a Andy Jenkins solo ganar varios millones de dólares al año en una sola tienda en línea. Por lo tanto, escuche los consejos de estos chicos o it - ¿Cuál es la ganancia en Internet que conocen de primera mano?

El tamaño del video es de aproximadamente 130 MB, por lo que la carga.

Video "Cómo duplicar la conversión de sitios web"

Le interesa ¿Sabes cómo se comporta un visitante cuando llegas a tu sitio? Estoy seguro de que sí. Porque incluso si no logra obtener el primer lugar en la emisión de Google, aún podrá aumentar sus ganancias si aprende cómo aprovechar al máximo el tráfico existente.

Antes de comenzar a estudiar el material, abra la página con el video (incluso si tiene acceso telefónico) y debajo de la ventana de video (ahora a su derecha), busque el enlace

¿Cómo aumentar la conversión? - Cazador de ganancias

y ve por ello. StomperScrutinizer es una herramienta que emula un ojo humano. Con él, puede determinar lo que el visitante ve y no ve en su sitio. Le diré más sobre la descarga e instalación de StomperScrutinizer al final de la publicación.

La esencia del problema

La disposición incorrecta de los elementos del sitio puede costarle una parte sustancial de las ganancias. Aquí hay algunos ejemplos:

¿Cómo aumentar la conversión? - Cazador de ganancias

Parece que el menú es como un menú. Sin embargo, este menú puede reducir los beneficios del propietario del sitio hasta en un 25%. Adelante

¿Cómo aumentar la conversión? - Cazador de ganancias

Imagen colorida, texto explicativo, disponibilidad de precio y descripción del producto. ¿Parecería que podría haber algo mal? Sin embargo, este diseño reduce el número de personas dispuestas a poner los productos en la canasta al mismo 25%.

¿Cómo aumentar la conversión? - Cazador de ganancias

Esta página es perfecta para ciertas frases clave. Además, el contenido es totalmente consistente con lo que los visitantes buscan en esta página. Sin embargo, debido a la fuente y la ubicación de los bloques de información, el propietario del recurso pierde hasta el 14% de los compradores.

Las razones de este comportamiento "extraño" de los visitantes

Mira la captura de pantalla.

¿Cómo aumentar la conversión? - Cazador de ganancias

¿Ves el punto azul y la traza detrás? Este punto muestra Cómo se mueven los ojos de Andy mientras lee el texto (se ve muy claramente en el video). Andy y la compañía usan esta herramienta, que combina software, hardware y una cámara de infrarrojos, cada vez que necesitan ajustar el diseño de un sitio web.

Nuestros ojos se mueven de forma desigual. La mirada se mueve aleatoriamente de un punto a otro, adhiriéndose a cierto rango en uno o varios Si lee cuidadosamente el texto, o la pantalla completa, cuando no tenga nada que hacer vagando por los sitios.

Todo lo que Andy Edmonds dice en este video se basa en datos científicos que lo ayudarán a comprender por qué reaccionamos. en el diseño del sitio de una manera y no en otra, y por qué algunos sitios nos impulsan a realizar acciones, mientras que otros nos hacen querer cerrar la página rápidamente.

Dos tipos de vista

En el centro de nuestro ojo está el llamado fosa central . Ella es responsable de la percepción del color y el detalle . En tiempos prehistóricos, la capacidad de enfocar la vista ayudó a una persona a encontrar frutas, bayas y otros alimentos.

¿Cómo aumentar la conversión? - Cazador de ganancias

El resto de la retina es responsable de visión periférica (o lateral). Responde a movimiento y contraste . Este tipo de visión permitió que el hombre de las cavernas notara el acercamiento de un depredador a tiempo.

¿Cómo aumentar la conversión? - Cazador de ganancias

Ambos tipos de visión están interrelacionados. Mientras que la fosa central se enfoca en una parte de la imagen, la visión periférica busca elementos contrastantes que el ojo pueda captar, y tan pronto como los encuentra, el ojo se mueve hacia estos elementos.

Como prueba de prueba Andy Jenkins Tomó una foto de Angelina Jolie y mostró cómo se movían sus ojos a través de la pantalla. Como no trató de mantener los ojos en la cara de la actriz, su visión periférica lo atrajo a otros "elementos de la imagen" y finalmente se salió con la suya.

¿Cómo aumentar la conversión? - Cazador de ganancias

Por supuesto, no vemos con nuestros ojos, sino con un cerebro que interpreta todas las señales que se le envían y luego las coloca en una imagen general. Sin embargo, es muy importante, que veamos. Y el éxito de su negocio en Internet depende de esto .

Luego la palabra Andy Edmonds , por educación, psicólogo cognitivo, por vocación, especialista en usabilidad y conversión.

Nuestros ojos pueden hacer hasta 50 movimientos por segundo. Incluso cuando nos centramos en los detalles individuales, nuestros ojos no se quedan quietos.

¿Cómo aumentar la conversión? - Cazador de ganancias

Los movimientos oculares se pueden dividir en básico y menor . Los principales permiten distinguir los elementos principales de la página, mientras que los menores señalan los detalles que lo acompañan. Pero lo más importante aquí es que cuando nuestros ojos se mueven, permanecemos ciegos .

De un curso de biología escolar, debe recordar que la malla del ojo consiste en conos y barras . La gráfica muestra qué y qué tan bien vemos en el monitor.

¿Cómo aumentar la conversión? - Cazador de ganancias

Como la fosa central del ojo es la responsable de la percepción del color y los detalles, la percepción del sitio y sus partes individuales dependerá de si puede captar la atención del visitante con su oferta y de si puede para acomodar esta propuesta en esos 2-3 grados, donde la vista se enfoca tanto como sea posible.

¿Cómo aumentar la conversión? - Cazador de ganancias

Si mira la pantalla a una distancia de medio metro, la imagen de la pantalla tomará 20 grados de su campo de visión. Es decir, verá (en detalle y color) solo 1/10 de la pantalla. Si está sentado más cerca del monitor, entonces incluso menos.

Análisis

El primer ejemplo es una página del sitio web de Andy Jenkins.

¿Cómo aumentar la conversión? - Cazador de ganancias

Inicialmente, se asumió que el dibujo atraería la atención del visitante, y él podría agregarlo a la canasta después de verlo. El supuesto es razonable, pero ... Después de que Andy y la compañía rastrearon el comportamiento del visitante promedio en la página, resultó que el diseño de esta página produce una pérdida de ganancias del 25%.

Y todo porque un momento no se considera aquí. Cada comprador, antes de enviar productos a la cesta, mira el precio . Esto es lo que ve (StomperScrutinizer se usa para determinar los límites de enfoque):

¿Cómo aumentar la conversión? - Cazador de ganancias

Sí, el botón "Agregar al carrito" está muy cerca. Pero para encontrarlo, lleva tiempo, pero el tiempo reduce la conversión.

Le costó a Andy poner un botón debajo de este bloque en todas las páginas del sitio

¿Cómo aumentar la conversión? - Cazador de ganancias

y el número de adiciones a la cesta aumentó en un 25%.

Para colocar correctamente los artículos en una página, debe comprender el objetivo del visitante, averiguar el precio de un producto y no olvidarse de su objetivo, vender el producto. Sin duda, la conversión del sitio definitivamente aumentará.

Además, aumentará las ventas, salvará al visitante de acciones innecesarias . Y si el visitante nota que su sitio es conveniente y simple, su lealtad a usted crecerá.

La importancia de las sangrías y las líneas en blanco

Mire la gráfica de la distribución de visitantes según la posición del sitio en el top ten de Google:

¿Cómo aumentar la conversión? - Cazador de ganancias

Observe la décima posición. El último sitio en la lista recibe casi tanto tráfico como el quinto. Interesante, ¿no?
Sin embargo, este comportamiento es predecible. Hay dos factores involucrados: primero, el último elemento de la lista es legible, seguido de una línea vacía:

¿Cómo aumentar la conversión? - Cazador de ganancias

en segundo lugar, el visitante tiene una opción: ir a la página siguiente, que no sabrá cuánto cargar, que todavía tendrá que desplazarse y sobre qué sitios se desconoce, o permanecer en esta página y probar la última de las opciones. Y aquí funciona la pereza trivial: en la mayoría de los casos, el usuario elige la segunda opción.

Para un usuario normal, simplicidad a menudo tiene o mayor importancia que incluso calidad . Una persona siempre elige la mejor de las opciones disponibles, incluso si esta opción implica una simplicidad banal, en lugar de una calidad objetiva.

Y cuando un visitante llega a su sitio, primero llama la atención sobre la simplicidad del sitio: la plantilla, la navegación, la ubicación de las partes, las fuentes y la combinación de colores. Por todo esto, el usuario toma 1-2 segundos . Si el sitio le parece demasiado complicado, sin dudarlo, cerrará la página y abrirá otro sitio.

Soluciones simples

Lo primero que debe hacer es dividir la columna de navegación en bloques. (Ejemplo tomado del sitio real de Andy Jenkins).

¿Cómo aumentar la conversión? - Cazador de ganancias

En la columna de la derecha, los elementos se dividen en bloques, que se perciben mucho más fácilmente que una mezcla de elementos y categorías, como en el menú de la derecha. Y los ojos se cansan menos.

Como resultado de esta innovación, el número de fallas en el sitio disminuyó un 25%, mientras que las ganancias aumentaron un 10%. Hay dos razones para esto:

  1. Fácil de usar. Cada visitante, de manera consciente o inconsciente, compara su sitio con otros sitios. Es categórico en su valoración. En sus ojos, su sitio es bueno o malo; ya sea simple o complejo; ya sea útil o inútil. Y si su recurso es bueno y simple, la gente lo apreciará y lo recordará.
  2. Fácil de buscar. El menú está dividido en bloques. Cada bloque tiene un encabezado de anclaje para el cual el ojo se adhiere.

¿Cómo aumentar la conversión? - Cazador de ganancias

Este es un ejemplo de lo que el menú no debería ser (por cierto, este también es el sitio web de Andy Jenkins, fue así en el pasado):

¿Cómo aumentar la conversión? - Cazador de ganancias

En lugar de aferrarse a algo, la mirada del visitante recorre la página de una columna de menú a otra, luego a la imagen del producto, luego regresa al menú y nuevamente alrededor del círculo.

Menú y estructura del sitio

Simplifique la estructura del sitio como un todo y el menú en particular.Divide el sitio en pequeños bloques . Al comienzo de cada bloque, ponga un elemento que llame la atención, ya sea el nombre del bloque en la columna del menú o la imagen del producto en el cuerpo de la página.

Consejo: Al dividir el menú en bloques, limite la cantidad de elementos en cada bloque a 7 (+/- 2) por título.

¿Cómo aumentar la conversión? - Cazador de ganancias

Por supuesto, es poco probable que aquellos de ustedes que no son propietarios de una tienda en línea puedan aplicar la información anterior sobre el menú y sus funciones ocultas.

Pero incluso si tiene un sitio web o blog informativo simple y promociona su producto o producto afiliado a través de él, también puede aumentar la tasa de conversión colocando los bloques de información en la página correctamente.

Como ejemplo, Andy tomó varios diseños y comparó su facilidad de uso. Aquí está el primero:

¿Cómo aumentar la conversión? - Cazador de ganancias

Diseño normal, 4 bloques de información optimizados, título, texto, enlace ... Sin embargo, este es uno de los diseños peores que puede para introducir

Andy hizo una pequeña prueba. Los visitantes del sitio tuvieron que responder algunas preguntas. Para cada una de las preguntas hubo 4 respuestas posibles que se presentaron, como se muestra en la figura anterior. Los visitantes tuvieron que buscar la respuesta correcta durante mucho tiempo, porque el diseño era inconveniente. Por la misma razón, a menudo se equivocaban. En muchos casos, pincharon al azar.

Resultado de la prueba: las respuestas fueron inexactas y se tomó mucho tiempo para completar la prueba. En consecuencia, la proporción de visitantes a la prueba fue más bien negativa que positiva.

¿Cómo aumentar la conversión? - Cazador de ganancias

Este es un ejemplo de un buen diseño:

¿Cómo aumentar la conversión? - Cazador de ganancias

Un visitante estudia los encabezados en unos segundos y luego lee rápidamente el texto debajo del encabezado. y da la respuesta. Como resultado de este cambio en el diseño, el porcentaje de respuestas correctas aumentó. Además, el tiempo para buscar la respuesta correcta se redujo en un 15%. Parece que el 15% es una tontería, pero el visitante siente la diferencia.

5200 píxeles = 1 milla

Nuestros ojos se cansan. Esto es un hecho. Para los ojos, una carrera de más de 5200 píxeles equivale a 1 milla para las piernas. Por eso nos complace ver las columnas de menú y los pequeños bloques de información correctamente estructurados. Así que rápidamente encontramos información y nuestros ojos están menos cansados. Ahora compare la distancia que cubren los "ojos" en diseños buenos y malos:

¿Cómo aumentar la conversión? - Cazador de ganancias

Andy Edmonds describe los principios básicos para crear un diseño conveniente y atractivo con el acrónimo CRAP (si no sabe cómo word, busque en el diccionario 🙂.) Ahora, en orden:

Contraste

¿Cómo aumentar la conversión? - Cazador de ganancias

Sangre al final de cada bloque, resaltando el título y la dirección en color, diferente tamaño de fuente.

Repitiendo

¿Cómo aumentar la conversión? - Cazador de ganancias

Todos los bloques son iguales dentro de una página y en otras páginas. La predecibilidad del diseño hace que sea aún más fácil de usar

Alineación

¿Cómo aumentar la conversión? - Cazador de ganancias

No solo debe unificar los bloques de información, sino también organizarlos correctamente en la página. Regla de figuras geométricas regulares 🙂

Proximidad

¿Cómo aumentar la conversión? - Cazador de ganancias

No muy lejos ni cerca. Los elementos de los bloques deben organizarse de modo que la transición de un bloque a otro (o dentro del bloque) sea lo más rápida posible.

Como ejemplo de un buen diseño, Andy cita el sitio Tapestry Standard.

¿Cómo aumentar la conversión? - Cazador de ganancias

Gracias al uso de StomperScrutinizer y los cambios correspondientes en el sitio, Andy logró aumentar la tasa de conversión del sitio al 3%.

Ir a través del programa en el sitio y ver cómo se hace todo inteligentemente (o ver el video). Aquí hay algunas capturas de pantalla:

¿Cómo aumentar la conversión? - Cazador de ganancias

"Envío gratis" está resaltado en color.

¿Cómo aumentar la conversión? - Cazador de ganancias

La categoría de menú de contraste y la periferia de contraste.

¿Cómo aumentar la conversión? - Cazador de ganancias

Enlace de contraste.

¿Cómo aumentar la conversión? - Cazador de ganancias

La persona actúa como un ancla visual para el visitante. Junto a la cara hay una descripción de los beneficios para los visitantes: Devolución de dinero , chat en línea y ayuda de un diseñador de interiores.

Un poco sobre los botones

¿Cómo aumentar la conversión? - Cazador de ganancias

Esta es una página de pedido estándar. Como puede ver, el visitante encuentra inmediatamente el botón para pagar los productos, porque En la mayoría de los casos, este botón vale después. días (recuerde los botones "Continuar" y "Continuar"; también son los últimos en aparecer).

El botón de pago (o agregar productos al carrito) debe ser el último elemento activo de la página o del bloque de información. Por lo tanto, atraerá la atención del visitante.

También tenga en cuenta la ubicación del botón "Volver a la tienda". Permanece en segundo lugar desde la derecha, justo delante del botón "Checkout". Aquí funciona el principio de proximidad.

Zoom

Nuestros ojos tienen una característica más: pueden escanear el texto con fluidez, sin prestar atención a los detalles. y viceversa, mire los detalles en aquellas palabras que atraen su atención. Por lo tanto, debe proporcionar al lector los anclajes (elementos de contraste) para que su mirada pueda captarlos.

Aquí hay una breve lista de tales anclajes:

  • elementos contrastantes;
  • fuentes;
  • caras;
  • enlaces;
  • líneas vacías (guiones);
  • imágenes;
  • fotos;
  • video o animación.

Naturalmente, todo debería estar en moderación.

Resumen

  1. Los milisegundos tienen el valor . El visitante debe tomar decisiones lo más rápido posible. No lo molestes.
  2. Las líneas y sangrías vacías son tan importantes como el contenido . Destacan los elementos del sitio.
  3. Un visitante compara su sitio con otros sitios. Intenta no caer de cara en la tierra.
  4. Divida el sitio en bloques. Esto simplificará enormemente el uso del sitio.

StomperScrutinizer

Ahora necesita descargar e instalar StomperScrutinizer. Antes de descargar el programa, deberá completar un formulario e ingresar su nombre, correo electrónico, país de residencia y otros datos. En la sección Tipo de organización, puede seleccionar Otro.

Después de eso, se enviará una carta de confirmación a la casilla que especificó. Siga el enlace en la carta

¿Cómo aumentar la conversión? - Cazador de ganancias

Además del programa en sí, también tendrá acceso a un bono especial: consejos sobre el diseño del sitio web y el aumento en la conversión. (Ayer descargué el programa, aún no he recibido el bono. Probablemente, se enviará en parte al correo electrónico en forma de distribución).

Después de confirmar su deseo de informar a StomperScrutinizer, se lo llevará a la página de descarga.

¿Cómo aumentar la conversión? - Cazador de ganancias

Primero descargue e instale Adobe Air Runtime, luego descargue e instale StomperScrutinizer.

En el mismo lugar de la página, encontrará una sección de preguntas frecuentes y una descripción de 10 formas de usar el programa (si necesita una traducción, escriba a los comentarios, lo haré).

Te aconsejo que no retrases el registro. Andy dice que después de algún tiempo se cerrará el acceso al programa. Los mercadólogos de este nivel no lanzan palabras al viento, así que apúrate. Después de todo, es más probable que el asunto no esté en el programa en sí, que se puede establecer de manera segura en Rapida, sino en los tableros, que solo los suscriptores pueden recibir.

Si tiene un blog dedicado a la optimización, el diseño o el comercio electrónico, brinde un regalo de Año Nuevo a los lectores; cuénteles sobre StomperScrutinizer y, si lo desea, brinde un enlace a mi video de traducción.

Publicaciones relacionadas:

  • 10 pasos para promover el video social
  • vínculos de retroceso, vínculos de retroceso, vínculos de retroceso ...
  • Regreso al futuro - Web 2. Perspectivas. 0
  • Aumento en la conversión de la tienda en línea

¿Le gustan los artículos? ¡Suscríbete al boletín!

Buscar

Artículos relacionados