Hoy, veremos algunas estrategias comprobadas para construir un sitio web que a los clientes les encantará usar … y comprar.
¡Empecemos!
1. Si es importante, debería ser obvio
Si bien no es necesario mantener cada pequeña cosa “por encima del pliegue” (más sobre ese punto más adelante), es importante crear un sitio que priorice correctamente las páginas clave.
En una versión humorística de hacer esto mal , xkcd señala lo lamentable que es navegar por la mayoría de las páginas de inicio de la universidad:
En un ejemplo común, piense en un momento en que visitó la página de inicio de un restaurante que no tenía sus horas en la lista o que ocultaba el número de teléfono para las reservas en la parte inferior de la página.
Intente ver su sitio desde la perspectiva del cliente y aplique el principio KISS para evitar el desorden y la navegación innecesaria.
2. Dar cierre a los clientes
Los seres humanos tienen una inclinación natural a buscar el cierre.
Este rasgo incluso se aplica a la compra de nuevos productos. Según un nuevo estudio del Journal of Consumer Research , los consumidores se sienten más satisfechos con su compra si tienen una sensación de cierre después de la venta.
La idea de cierre es un poco confusa para describir, pero los autores del estudio apuntan a aclarar las señales que indican que el trato está hecho y que otras opciones ya no son una preocupación. Quizás la mejor manera de ilustrar los hallazgos del estudio es con el uso de este terrible ejemplo:
Esperemos que esta sea una de las peores experiencias del usuario y que la redacción fallará y que verá esta semana. La imagen de arriba muestra una forma horrible de cerrar un trato; Es ambiguo, impersonal y francamente confuso.
Para todos los aspectos de su sitio que se pueden “terminar” (por ejemplo, compras, formularios de contacto, etc.), deje en claro que el proceso se ha completado y que el cliente está listo.
3. ¿Cuál es el mejor color para las conversiones?
El argumento sobre qué color es mejor para las conversiones es tonto.
Rojo, naranja, verde: nunca hay consenso. La capacidad de un color para afectar las conversiones tiene mucho más que ver con el contexto que el color en sí. Esta afirmación está respaldada por la investigación cognitiva, específicamente un fenómeno conocido como el efecto Von Restorff. En términos simples, el efecto predice que lo que se destaca se reconoce y se recuerda fácilmente, y lo que se mezcla se ignora.
Entonces, cuando encuentre pruebas A / B como esta, debe reconocer que un color solo supera al otro porque se destaca.
Es mejor crear una jerarquía visual para su sitio, como lo explica StudioPress y se ilustra a continuación:
Puede utilizar “colores de acción” para indicar cuándo un cliente debe hacer clic, lo que le permite distinguir sus botones y enlaces importantes de los que no son importantes.
4. Aplicar la ley de Fitt
El uso de la ley de Fitt en el diseño web puede parecer de sentido común después de leerlo, pero muchos sitios de pequeñas empresas no parecen ponerlo en práctica.
Las matemáticas detrás de la ley de Fitt hacen que parezca complicado:
Pero la conclusión principal es que cuanto más grande es un objeto objetivo y cuanto más cerca está del punto de inicio del usuario, más fácil es usarlo y más atención atraerá (¡duh!).
Puede mejorar la usabilidad de su sitio web con la ley de Fitt al hacer que los botones más utilizados sean más grandes que otros (por lo tanto, clasificarlos más importantes en la jerarquía visual). También puede mejorar sus llamadas a la acción al hacer que el elemento más importante sea el más grande y más fácil de acceder.
Tiene sentido que Unbounce tenga el equivalente de que su botón “Pruébelos” sea más grande que otras opciones como “Iniciar sesión” o “Ejemplos de páginas de destino”:
¿Los elementos más importantes del diseño de su sitio son de fácil acceso y uso?
5. El poder de grandes titulares concisos
Según los datos de Eyetrack III , un estudio que analizó la usabilidad web, los titulares son constantemente los elementos más vistos en una página web … ¡incluso sobre imágenes!
Los titulares atraen a los ojos porque los usuarios quieren ver exactamente de qué trata la página (calificar si es lo que quieren). Los titulares en negrita y concisos les dan esa información por adelantado.
Notarás que esta tendencia de diseño se está volviendo común en las páginas de inicio de muchas compañías:
Lejos de ser solo una táctica de marketing, los titulares le permiten realmente dar a los usuarios lo que quieren. Ahorras tiempo a todos al hacerles saber a los clientes desde el principio si tu producto se ajusta a sus necesidades.
6. Use mucho espacio en blanco
Según la investigación de Eyetrack III y el libro de Neuro Web Design de Susan Weinschenk, el espacio en blanco es increíblemente importante para la comprensión lectora y crear contraste con sus otros elementos en la página.
De hecho, este estudio muestra que cuando disminuye el espacio en blanco desde los márgenes, la comprensión de lectura disminuye drásticamente.
Esto se aplica a todos los lugares de su sitio que contienen mucho texto: publicaciones de blog, descripciones de productos, páginas de destino. Asegúrese de que su tipografía esté bien espaciada y sea fácil de leer (¡14 es el nuevo 12!) Para que los clientes puedan consumir y digerir fácilmente su copia persuasiva.
7. Incorporar señales direccionales
De acuerdo con los resultados del estudio titulado apropiadamente, Eye Gaze no puede ser ignorado (pero tampoco las flechas) , simplemente no podemos resistirnos a seguir la línea de visión de la mirada de otra persona o una flecha direccional.
Considere los resultados de la prueba a continuación, que utiliza una fotografía de un bebé junto a una copia del cuerpo:
Notarás que tu mirada se enfoca naturalmente en la cara del bebé; de hecho, domina el tiempo de visualización y es fácilmente el elemento más visto en la página.
La siguiente prueba usó una imagen del bebé mirando en la dirección del texto:
Ahora podemos ver que la cara inicialmente atrae los ojos, pero luego nuestra atención se desplaza hacia donde está mirando el bebé. Si no puede incorporar un rostro humano en su diseño web, recuerde que las flechas direccionales y otras señales visuales también funcionaron bastante bien.
8. El poder persuasivo de la prueba social
Los posibles compradores quieren saber que pueden confiar en usted.
No hay mejor manera de convencerlos que con una prueba social en forma de testimonios y reseñas de clientes. Pero recuerde que la prueba social solo debe usarse después de haber presentado su caso sobre por qué su producto puede ser adecuado para ellos.
Cerrar páginas de aterrizaje con reseñas o colocar un testimonio junto al botón “Comprar ahora” son formas sutiles de incorporar este poderoso elemento de persuasión donde más importa.
9. Opciones de límite para una mayor interacción
Cuando se trata de la selección de producción en su sitio, la frase “menos es más” en realidad suena a verdad.
En el estudio perspicaz Cuando la elección está desmotivando , la profesora de la Universidad de Columbia, Sheena Iyengar, probó los efectos de las opciones de productos en una tienda de comestibles de lujo al configurar dos exhibiciones diferentes de mermelada.
- La primera exhibición mostró 24 sabores
- La segunda pantalla mostró 6 sabores
Si bien la pantalla más grande atrajo más lecturas, solo el 3 por ciento de las personas realmente compraron algo … ¡en comparación con el 30 por ciento de las personas que compraron algo de la pantalla de 6 jam!
Iyengar concluyó que demasiadas opciones pueden resultar en “parálisis de acción” o no saber qué hacer a continuación. El resultado es, en cambio, no elegir nada .
Como afirmación de los hallazgos de este estudio, notará que en sitios como Amazon la sección “Los clientes también compraron …” solo enumera siete elementos a la vez (¡aunque a menudo se desplaza a 40 o más páginas!).
Tenga cuidado (especialmente si es una tienda de comercio electrónico) de su sitio bombardeando a las personas con demasiadas opciones en cualquier página individual; Esto podría llevar a los clientes a no tomar medidas.
10. ¡Asegúrese de que su sitio se cargue rápido!
A nadie le gusta un sitio lento … pero el impacto de la velocidad del sitio en la experiencia de sus clientes (y, posteriormente, sus ventas) es bastante drástico.
Prepárese para perder algo de sueño por la noche: según este informe de Bing sobre el radar O’Reilly, un aumento de menos de 2 segundos en los retrasos en la capacidad de respuesta de la página redujo la satisfacción del usuario en un 3.8 por ciento y aumentó los ingresos perdidos por usuario en un 4.3 por ciento .
¿Qué podría hacer una caída del 4.3 por ciento en los ingresos para su negocio?
Al incluir solo los elementos esenciales en la página (como se discutió anteriormente), usar el almacenamiento en caché y pagar el alojamiento premium, puede asegurarse de que las cargas de la página no disminuyan su potencial de ganancias.
