8 principios de diseño detrás de las páginas de destino de alta conversión

Así que descubrió Divi y se embarcó en la búsqueda de la creación de un sitio web. Pero a medida que el sitio web se puso en marcha, descubrió que, aunque se ve muy bien, no está alcanzando los objetivos de conversión que tenía en mente.

Esto no significa que deba abandonar sus esfuerzos. Aunque Divi le permite omitir todo el aprendizaje que tiene que hacer para crear un sitio web hermoso, aún debe comprender los principios para crear un diseño que convierta.

Para hacer esto, necesita aprender los principios básicos e intentar implementarlos en su propio sitio web. Por supuesto, necesitará experimentar con la aplicación por un tiempo, y hacer pruebas A / B lo ayudaría a llegar más rápido. Sin embargo, sin estos principios, estará averiguando qué hacer con el sitio web para que se convierta por mucho más tiempo.

El problema es que trabajar para obtener las tasas de conversión perfectas para sus páginas de destino no es un viaje rápido para la mayoría. No existe una fórmula mágica que haga que una página de destino salte del 0% al 50% de tasa de conversión.

Sin embargo, aumentar la tasa de conversión que ya tiene su sitio web en un 100% o incluso en un 300% no es algo inusual cuando se aplica. Incluso si crece del 1% al 3%, son dos clientes potenciales más por cada cien visitantes, lo que puede cambiar las reglas del juego para su negocio.

Lo único que debe hacer para lograr estos resultados es aprender algunas reglas comunes que permitirán que sus páginas de destino sean más rentables.

En esta publicación, descubrirá ocho principios de diseño que ayudarán a que sus páginas de destino sean más efectivas.

Diseño para personas

La audiencia de cada empresa es diferente. Son personas diferentes, quieren cosas diferentes del producto, piensan de manera diferente. Necesita aprender todo sobre los suyos para transmitir el mensaje que necesitan escuchar.

Si aún no ha desarrollado personas de comprador, deberá hacerlo para la página de destino. Los principiantes completos estarían mejor revisando todo el artículo, pero si ya sabes un poco sobre las personas compradoras, aquí es donde puedes encontrar información sobre tu audiencia.

• Analítica de Google y Facebook.
• Búsqueda de palabras clave de Google para la intención.
• Buscando opinión pública sobre Reddit y Quora.
• Estudio de los perfiles de redes sociales de los usuarios.
• Realización de entrevistas personales.

Ahora bien, hacer una entrevista personal puede ser una exageración para la mayoría de las pequeñas y medianas empresas. No necesita ir tan lejos con la investigación de clientes, los primeros cuatro métodos son más que suficientes para actualizar su página de destino.

Lo más importante es diseñar cada aterrizaje específico para su audiencia. ¿Tiene dos campañas de marketing distintas para clientes potenciales de por vida de alto valor y para compradores con descuento? No puedes tener el mismo aterrizaje

Consistencia

Este consejo puede sonar como "no lo mezcles". Bueno, es solo eso. Debe hacer que el diseño y el mensaje de la página de destino sean coherentes con el diseño y el mensaje del enlace de origen.

Algunas páginas de destino obtienen tráfico de los resultados de búsqueda, otras de los anuncios pagados. Si es lo último en su caso, asegúrese de que el banner, el mensaje y el diseño de la página de destino estén en línea.

Si hay una gran diferencia, los usuarios pueden pensar que es una estafa. Pero parecer malicioso no es lo único de lo que debe preocuparse. Si el mensaje no es coherente entre el enlace a la página y la página en sí, muchos clientes potenciales simplemente rebotarían porque no encuentran lo que buscan.

Minimalismo

Este principio de diseño no solo es útil cuando se crea arte contemporáneo. También es muy útil para diseñar páginas de destino de todas las cosas.

La cuestión es que una página de destino no se trata de dar tanta información como puedas a los visitantes. Se trata de optimizar la conversión. Cuantos menos elementos adicionales haya en la página, mejor.

Asegúrese de que no haya distracciones en la página y que los usuarios sean dirigidos directamente a la sección de CTA.

Este sitio web de una ONG es lo más mínimo posible. La línea recta en la parte superior indica que se desplaza hacia abajo para ver más.

fuente: llamada de california

Pero no tienes que ser completamente minimalista y artístico en tu página de destino como esta ONG de California. Puedes mantener la cantidad mínima de elementos como Shopify.

fuente: shopify

Cuando los clientes potenciales no sean bombardeados con llamadas a la acción y distracciones en la página de destino, leerán la poca información que les des y seguirán desplazándose.

Primer plano

Este principio de diseño es tan simple que ya lo está utilizando en su vida diaria. Trate su página de destino como el libro de texto de un estudiante. Toda la información del libro es importante, pero las partes más importantes están resaltadas con un marcador amarillo difícil de pasar por alto.

Utilice el fondo y el color de la fuente, el tamaño y la forma de la fuente y el espacio en blanco para resaltar los elementos más importantes de su página.

El ejemplo más simple de primer plano es agrandar los subtítulos y darles un color diferente.

Darle a las llamadas a la acción importantes un color de contraste también es una práctica común.

Llamar la atención

Cuando un nuevo cliente potencial llega a la página desde un anuncio, tiene un pequeño período de tiempo para captar su atención. Algunas fuentes afirman que el período de tiempo es tan pequeño como 2,6 segundos. ¿Cómo puedes llamar la atención de un extraño en menos de 3 segundos? Aquí hay cuatro sugerencias.

• Usar movimiento (reaccionamos de mala gana) o rostros humanos por encima del pliegue
• Explique su oferta en una oración que ponga en primer plano.
• Estimule el interés, posiblemente ofreciendo una prueba gratuita
• Muestre una estadística o cifra importante

Esta página de destino de Airbnb hace tres cosas de la lista.

fuente: Airbnb

Tiene una cara amigable que automáticamente llama la atención. Lo siguiente que ve una persona es una oferta para ganar dinero. Cuando Airbnb les muestra la estimación mensual, la compañía tiene toda la atención de ese cliente potencial.

Cuadrículas y comunicación visual para escritura UX

Un buen diseño de sitios web es más o menos uniforme. Un buen lanzamiento no lo es. Considere todo su conocimiento sobre su audiencia y elabore un mensaje que convenza a los usuarios para que se conviertan. Aproveche los factores sociales, los dolores y los valores de sus clientes de los que aprendió.

Sin embargo, no escriba un ensayo de 1000 palabras sobre por qué su producto es bueno. Sea lo más breve posible y utilice cuadrículas para estructurar lo que tiene que decir.

Es un principio de diseño que quizás ya conozca porque todos los marcos y plantillas, incluido Divi, lo tienen. Aquí hay una cuadrícula de tres columnas que usa Shopify.

fuente: shopify

Aquí hay una cuadrícula con dos columnas de la página de destino de Airbnb.

fuente: Airbnb

Las cuadrículas pueden parecer un poco aburridas porque todo el mundo las usa, pero es una de las pocas cosas que ayuda a transmitir su punto de vista, por lo que es un compromiso. Si una cuadrícula simple con íconos y texto le parece demasiado aburrida, condimente con espacios en blanco y un primer plano diferente. Con Divi, puede diseñar sobre la marcha y hacer que su patrón de cuadrícula se vea perfecto.

Otro principio de diseño importante que puede utilizar para la escritura UX es la comunicación visual. La escritura UX no solo involucra texto. Utilice imágenes, animaciones o videos para explicar lo que su producto puede hacer por el cliente.

Aquí hay un ejemplo minimalista y audaz de esa ONG de California.

fuente: llamada de california

Conversión sin esfuerzo

Las personas que diseñan tiendas físicas no hacen que los clientes pasen por el aro para pagar los comestibles. Tampoco debe exigir a los clientes que pasen por un proceso de registro de 10 minutos para realizar una compra. De hecho, cuantos más campos de formulario tenga en la página de destino, menos conversiones obtendrá.

Mantenga el número de movimientos que una persona necesita hacer para convertir lo menos posible y haga que la llamada a la acción sea un primer plano y sea muy obvio. Si ofrece una especie de prueba gratuita, es posible que solo necesite un botón de llamada a la acción. Después de todo, la oferta ya requiere un esfuerzo muy bajo.

Si no lo hace, deje la segunda opción en caso de que el usuario no esté listo para convertir ahora. La elección no debe ser entre sí y no, sino entre sí y sí, pero más tarde.

Tener un chatbot como CTA de respaldo también es una gran idea.

Estudie cómo las personas interactúan con el diseño

Comenzar con estos principios y aprender más sobre las pautas de UX de Google es una base sólida para un sitio web de conversión. Sin embargo, si desea sobresalir como diseñador, debe estudiar cómo los usuarios interactúan con lo que diseña. Especialmente si están en juego cientos de miles de dólares en ingresos.

¿Cómo haces eso? Puede comenzar explorando cómo se vería el sitio web desde la perspectiva de su cliente.

Utilice la herramienta de desarrollo de Chrome o Firefox para cambiar el tamaño de la ventana del navegador y ver cómo cambia el diseño en pantallas de diferentes tamaños. ¿Su sitio web se dirige a clientes de diferentes ubicaciones en todo el mundo? Para una mejor prueba, también debe usar VPN. Por ejemplo, existen muchas VPN para Mac, Android y otros. Esto le ayudará a no perder clientes.

También le ayuda a ver qué tan rápido se cargaría si fuera un visitante de Japón o Nueva Zelanda. Si sus servidores están ubicados solo en los EE. UU., Los visitantes de otros países pueden experimentar un tiempo de carga más largo, y eso no es algo que desee.

Por último, debe observar cómo interactúan las personas reales con su sitio web. Diseñe varias versiones de la página de destino y utilice la herramienta de prueba dividida de Divi para ver cuál funciona mejor.

Para obtener aún más información, obtenga una herramienta de mapa de calor como Hotjar para ver dónde las personas hacen clic y colocan el mouse. Si su CTA no recibe la atención que deseaba, es una señal de que necesita mejorar.

Pensamientos finales

Estos ocho principios de diseño contribuirán en gran medida a mejorar sus páginas de destino. Pero no dejes de aprender solo porque conociste a ocho de ellos. Obtenga más información sobre los principios de diseño de las páginas de destino, mejore su conocimiento del diseño de la interfaz de usuario aprendiendo a crear fondos de paralaje en Divi para captar la atención de sus clientes potenciales.

Imagen destacada a través de PureSolution / Shutterstock.com