15 principios de diseño web que impulsarán tu tasa de conversión
Muchos factores tienen un impacto directo en la conversión de su sitio. Sin embargo, el diseño web es el más importante de ellos.
La primera impresión que obtenemos es visual y decisiva. Por lo tanto, si desea mejorar la tasa de conversión en su sitio, el diseño web es el primer lugar para comenzar.
En este artículo, hemos reunido los principios básicos y los consejos que te ayudarán en esta tarea.
Asegúrese de que su diseño web sea receptivo y compatible con dispositivos móviles
La proporción de tráfico móvil está creciendo y crecerá en 2020. La investigación sugiere que la mayoría de los usuarios se negarán a interactuar con la marca si es imposible realizar la acción necesaria desde un dispositivo móvil. Por lo tanto, antes de realizar cambios en el diseño de su sitio para obtener más conversiones, asegúrese de que el sitio web se muestre correctamente en los dispositivos móviles y que los usuarios no encuentren obstáculos en su camino.
¿Cómo hacerlo? Todo dependerá de la forma en que crees tu sitio. Por ejemplo, los sitios en WordPress y otros CMS populares responderán desde el momento de la creación. Sin embargo, una prueba adicional de la usabilidad no será excesiva.
Dar menos opciones según la ley de Hick
Esta ley sugiere que menos opciones aumentan la velocidad de toma de decisiones y viceversa. Por ejemplo, si usa tres llamadas a la acción a la vez en la página principal, por ejemplo, regístrese en el sitio, obtenga un descuento y descargue un libro electrónico, será difícil para el usuario decidir qué acción tomar primero.. Será mucho más razonable organizar estas llamadas a la acción en una secuencia lógica, tal como se enumeraron y ofrecer al usuario la siguiente acción después de la anterior.
Lo mismo ocurre con la cantidad de productos que muestra en la página. No debe mostrar al usuario todos los productos posibles adecuados para su consulta de búsqueda; es mejor mostrar las cinco opciones más adecuadas y permitir que continúe la búsqueda utilizando filtros.
Agregar una puerta de sitio web a pantalla completa
Piensa en la posibilidad de mostrar un formulario de prospectos a pantalla completa en el momento en que el usuario se desplazó por la página principal hasta cierto punto. En primer lugar, el formulario de pantalla completa captará toda la atención del usuario y no permitirá que se distraiga con otros elementos del sitio, y en segundo lugar, se trata solo de las posibilidades de elección de las que hablábamos antes. Entonces el usuario recibe solo dos opciones. La primera es cerrar el formulario de clientes potenciales y continuar interactuando con el sitio. La segunda es darle su dirección de correo electrónico a cambio de su oferta.
Coloque los puntos más importantes en las intersecciones
Probablemente conozcas una de las principales reglas de la fotografía: la regla de los tercios. De acuerdo con esta regla, dos líneas dividen visualmente la pantalla horizontal y verticalmente, dando como resultado nueve cuadrados. Entonces, los cuatro puntos de intersección de las líneas en el centro de la pantalla son el centro de atención del usuario, por lo que la información esencial, como una llamada a la acción, debe colocarse aquí.
Optimice la velocidad de carga de su sitio web
Este elemento está directamente relacionado con el diseño, ya que su página puede estar sobrecargada de imágenes pesadas que ralentizan la carga de su sitio. Elimina todo lo innecesario y optimiza las imágenes que son clave. Según las estadísticas, la velocidad óptima de carga del sitio es de dos a cinco segundos. Y en este caso, debe esforzarse por un indicador más bajo, ya que el 40% de los usuarios dice que cerrará un sitio que tarde más de tres segundos en cargarse, lo que significa que perderá una ventaja potencial cada vez que el sitio se ralentice.
Utilice el espacio negativo para obtener resultados positivos
Jan Tschichold dice que el espacio negativo debe verse como un elemento activo, no como un fondo pasivo. Hay una conexión entre la distancia y la atención. Una mayor distancia llama la atención, y la ausencia de otros elementos distingue más fuertemente los elementos existentes. Los diseñadores pueden usar esta propiedad espacial para resaltar elementos importantes. Agregar espacios a un segmento específico del contenido hace que el usuario preste atención a esta área simplemente porque no hay nada más en la pantalla para llamar la atención. Como puede ver en el ejemplo a continuación, Google es un gran defensor de los espacios en blanco en sus proyectos. Ayuda a comprender de inmediato el propósito de este proyecto: el enfoque está en el objetivo principal de la página.
Elija los colores correctos para establecer asociaciones adecuadas
Desafortunadamente, no existe un consejo universal sobre qué colores se convierten mejor. Todo dependerá de las especificidades de tu negocio. Por ejemplo, los colores blanco y azul provocan una sensación de estabilidad y fiabilidad. Por lo tanto, PayPal utiliza esta combinación para formar las asociaciones correctas.
Si no está seguro de que sus colores funcionan correctamente, vuelva a los orígenes de la psicología del color en marketing y también vuelva a examinar los valores de su empresa y encuentre su combinación perfecta.
Además, hay diferentes opiniones sobre el color de los botones que convierten peor o mejor. El color correcto del botón es una vieja pregunta filosófica. Alguien afirma que la conversión más alta se logra a través de botones rojos. Otros dicen verde o azul. La respuesta correcta suena así (como muchas otras respuestas en marketing y diseño): «Debe probarse». Por lo tanto, elija un color de botón que contraste con los colores primarios del diseño y realice algunas pruebas para comprender cuál. el color se convierte mejor.
Use una imagen grande en lugar de varias pequeñas
Una imagen correcta puede decir más que unos pocos párrafos de texto. Por lo tanto, utilice el poder de la percepción visual y las emociones en el diseño de su sitio. Por ejemplo, puede hacer que la imagen sea el fondo de su sitio y luego colocar todos sus elementos de tal manera que sigan las reglas básicas del diseño web. Y por cierto, también contribuye a mejores conversiones.
Además, este enfoque promueve la simplicidad y el minimalismo, que es una tendencia de los últimos años, y una imagen seleccionada correctamente evoca las emociones y asociaciones necesarias. Y viceversa, como hemos dicho, demasiadas imágenes complican la elección y dispersan la atención del usuario.
Deshazte de todo lo que no esté relacionado con el diseño
En otras palabras, luchar por la máxima simplicidad. En la abundancia moderna de ruido informativo, la simplicidad y la claridad se han convertido en una verdadera escasez. Los estudios han demostrado que el 76% de los usuarios consideran que la simplicidad es el principal factor decisivo en el diseño de un sitio web. Y aquí, debe mantener un equilibrio competente entre la simplicidad, el minimalismo y, al mismo tiempo, la funcionalidad, ya que la simplicidad también es la oportunidad de encontrar lo que el usuario necesita con unos pocos clics.
Desafortunadamente, Internet está lleno de reseñas falsas, y no dudes que tus usuarios también lo saben. Por lo tanto, en lugar de obligarlos a buscar comentarios sobre sus productos o servicios (que pueden ser escritos por sus competidores para socavar su negocio), debe brindarles esta oportunidad en el momento.
Por lo tanto, piense en el diseño del sitio de tal manera que pueda colocar algunas reseñas reales (e incluso mejor un carrusel) cerca del final de la página. Y asegúrese de usar fotos de personas vivas (idealmente, sus clientes reales) para crear la impresión de una fuerte evidencia social.
Probablemente haya visto sitios que contienen un millón de categorías, y es simplemente imposible elegir la sección correcta en el primer intento. Y si antes los usuarios aún dedicaban tiempo a tal búsqueda, hoy quieren ver lo que necesitan sin acciones adicionales.
Por lo tanto, reconsidere su enfoque para navegar por el sitio, reduzca la cantidad de categorías, elimine todas las innecesarias y deje solo las secciones más importantes. Como ya hemos dicho, toda la gama de opciones complica la decisión o, en general, obliga al usuario a abandonar la página y posponer la tarea para más tarde.
Integrar contadores de logros
Este es un truco psicológico que desencadena una reacción subconsciente: la gente tiende a creer en las estadísticas. Y esta es otra oportunidad para aumentar la conversión generando confianza y creando una impresión de confiabilidad. Pero hay un punto crucial. ¿Recuerdas que hablamos sobre la regla de los tercios y los puntos de intersección estratégicos? Estos son precisamente los lugares donde necesitas poner tus estadísticas para que estén en el centro de atención y percepción.
Crear una impresión de un déficit artificial
Los especialistas en marketing no están de acuerdo con esta táctica de ventas, pero para ventas rápidas y estacionales, este enfoque sigue siendo apropiado. Por lo tanto, si tiene una oferta promocional o de temporada, o si está probando su interés en un nuevo producto, tiene sentido crear la ilusión de escasez y reflejarla con la ayuda del diseño. Por ejemplo, puede configurar un temporizador de cuenta regresiva y, nuevamente, poner los números en el foco de atención del visitante.
Sin embargo, aquí aún debe colocar los botones de llamada a la acción correctamente. Y en este caso, es mejor hacerlo siguiendo el esquema Z.
La atención del usuario se desliza por la horizontal superior, en diagonal hacia abajo, y se dirige a la información de la parte inferior. En la esquina superior izquierda, coloque el logotipo, horizontalmente, los encabezados. La esquina inferior derecha es un lugar ideal para una llamada a la acción.
Reducir el Número de Pasos Necesarios
Puede notar correctamente que esta es la responsabilidad del diseñador de UX, pero en la práctica, este es el caso cuando el diseñador web y UX deben trabajar juntos para obtener un solo resultado. El diseño de UX es otro factor que tiene un impacto directo en las conversiones, y cuantos menos pasos separen a los usuarios de la acción objetivo, más probable es que la completen.
Por lo tanto, debe asegurarse una vez más de que la información o el producto que necesita no se encuentran a más de tres clics de distancia.
Asegúrese de que su llamada a la acción esté en el lugar correcto
Para mejorar la conversión de su sitio, aproveche la regla de los tercios y el esquema Z cuando realice sus llamadas a la acción. Puede mejorar la percepción de una llamada a la acción si la duplica, en la intersección de las líneas y en la esquina superior derecha de la página, donde termina la línea superior de la letra Z. Así, la atención del usuario se detendrá primero en la esquina superior derecha, luego se deslizará en diagonal hacia abajo y reposará directamente en el punto estratégico de intersección de las líneas de la izquierda.
Minimizar la entrada del usuario
Los usuarios modernos son muy impacientes, y ya hablamos de esto en el párrafo sobre la velocidad de carga de su página. Y un formulario de gran tamaño puede matar sus conversiones, ya que nadie quiere perder el tiempo, especialmente desde un dispositivo móvil. Por lo tanto, revise su formulario de registro y deje solo tres líneas: para un nombre, dirección de correo electrónico y contraseña, además de agregar la capacidad de registrarse a través de Google y Facebook.
Conclusión
Como puede ver, muchos trucos pueden afectar las conversiones. Sin embargo, lo más importante que debe recordar es que cualquier nuevo enfoque debe probarse en los usuarios. Cada negocio y cada público objetivo es específico; por lo tanto, no puede haber instrucciones de plantilla sobre qué usar en su diseño para aumentar las conversiones. Además, el diseño es el primer pero no el último factor que convierte (o no convierte), y esto también hay que recordarlo.