\n Muchos factores tienen un impacto directo en la conversi\u00f3n de su sitio. Sin embargo, el dise\u00f1o web es el m\u00e1s importante de ellos.\n<\/p>\n
\n La primera impresi\u00f3n que obtenemos es visual y decisiva. Por lo tanto, si desea mejorar la tasa de conversi\u00f3n en su sitio, el dise\u00f1o web es el primer lugar para comenzar.\n<\/p>\n
\n En este art\u00edculo, hemos reunido los principios b\u00e1sicos y los consejos que te ayudar\u00e1n en esta tarea.\n<\/p>\n
\n La proporci\u00f3n de tr\u00e1fico m\u00f3vil est\u00e1 creciendo y crecer\u00e1 en 2020. La investigaci\u00f3n sugiere que la mayor\u00eda de los usuarios se negar\u00e1n a interactuar con la marca si es imposible realizar la acci\u00f3n necesaria desde un dispositivo m\u00f3vil. Por lo tanto, antes de realizar cambios en el dise\u00f1o de su sitio para obtener m\u00e1s conversiones, aseg\u00farese de que el sitio web se muestre correctamente en los dispositivos m\u00f3viles y que los usuarios no encuentren obst\u00e1culos en su camino.\n<\/p>\n
\n \u00bfC\u00f3mo hacerlo? Todo depender\u00e1 de la forma en que crees tu sitio. Por ejemplo, los sitios en WordPress y otros CMS populares responder\u00e1n desde el momento de la creaci\u00f3n. Sin embargo, una prueba adicional de la usabilidad no ser\u00e1 excesiva.\n<\/p>\n
\n Esta ley sugiere que menos opciones aumentan la velocidad de toma de decisiones y viceversa. Por ejemplo, si usa tres llamadas a la acci\u00f3n a la vez en la p\u00e1gina principal, por ejemplo, reg\u00edstrese en el sitio, obtenga un descuento y descargue un libro electr\u00f3nico, ser\u00e1 dif\u00edcil para el usuario decidir qu\u00e9 acci\u00f3n tomar primero.. Ser\u00e1 mucho m\u00e1s razonable organizar estas llamadas a la acci\u00f3n en una secuencia l\u00f3gica, tal como se enumeraron y ofrecer al usuario la siguiente acci\u00f3n despu\u00e9s de la anterior.\n<\/p>\n
\n Lo mismo ocurre con la cantidad de productos que muestra en la p\u00e1gina. No debe mostrar al usuario todos los productos posibles adecuados para su consulta de b\u00fasqueda; es mejor mostrar las cinco opciones m\u00e1s adecuadas y permitir que contin\u00fae la b\u00fasqueda utilizando filtros.\n<\/p>\n
\n Piensa en la posibilidad de mostrar un formulario de prospectos a pantalla completa en el momento en que el usuario se desplaz\u00f3 por la p\u00e1gina principal hasta cierto punto. En primer lugar, el formulario de pantalla completa captar\u00e1 toda la atenci\u00f3n del usuario y no permitir\u00e1 que se distraiga con otros elementos del sitio, y en segundo lugar, se trata solo de las posibilidades de elecci\u00f3n de las que habl\u00e1bamos 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\u00f3n de correo electr\u00f3nico a cambio de su oferta.\n<\/p>\n
\n Probablemente conozcas una de las principales reglas de la fotograf\u00eda: la regla de los tercios. De acuerdo con esta regla, dos l\u00edneas dividen visualmente la pantalla horizontal y verticalmente, dando como resultado nueve cuadrados. Entonces, los cuatro puntos de intersecci\u00f3n de las l\u00edneas en el centro de la pantalla son el centro de atenci\u00f3n del usuario, por lo que la informaci\u00f3n esencial, como una llamada a la acci\u00f3n, debe colocarse aqu\u00ed.\n<\/p>\n
\n Este elemento est\u00e1 directamente relacionado con el dise\u00f1o, ya que su p\u00e1gina puede estar sobrecargada de im\u00e1genes pesadas que ralentizan la carga de su sitio. Elimina todo lo innecesario y optimiza las im\u00e1genes que son clave. Seg\u00fan las estad\u00edsticas, la velocidad \u00f3ptima de carga del sitio es de dos a cinco segundos. Y en este caso, debe esforzarse por un indicador m\u00e1s bajo, ya que el 40% de los usuarios dice que cerrar\u00e1 un sitio que tarde m\u00e1s de tres segundos en cargarse, lo que significa que perder\u00e1 una ventaja potencial cada vez que el sitio se ralentice.\n<\/p>\n
\n Jan Tschichold dice que el espacio negativo debe verse como un elemento activo, no como un fondo pasivo. Hay una conexi\u00f3n entre la distancia y la atenci\u00f3n. Una mayor distancia llama la atenci\u00f3n, y la ausencia de otros elementos distingue m\u00e1s fuertemente los elementos existentes. Los dise\u00f1adores pueden usar esta propiedad espacial para resaltar elementos importantes. Agregar espacios a un segmento espec\u00edfico del contenido hace que el usuario preste atenci\u00f3n a esta \u00e1rea simplemente porque no hay nada m\u00e1s en la pantalla para llamar la atenci\u00f3n. Como puede ver en el ejemplo a continuaci\u00f3n, Google es un gran defensor de los espacios en blanco en sus proyectos. Ayuda a comprender de inmediato el prop\u00f3sito de este proyecto: el enfoque est\u00e1 en el objetivo principal de la p\u00e1gina.\n<\/p>\n
\n Desafortunadamente, no existe un consejo universal sobre qu\u00e9 colores se convierten mejor. Todo depender\u00e1 de las especificidades de tu negocio. Por ejemplo, los colores blanco y azul provocan una sensaci\u00f3n de estabilidad y fiabilidad. Por lo tanto, PayPal utiliza esta combinaci\u00f3n para formar las asociaciones correctas.\n<\/p>\n
\n Si no est\u00e1 seguro de que sus colores funcionan correctamente, vuelva a los or\u00edgenes de la psicolog\u00eda del color en marketing y tambi\u00e9n vuelva a examinar los valores de su empresa y encuentre su combinaci\u00f3n perfecta.\n<\/p>\n
\n Adem\u00e1s, hay diferentes opiniones sobre el color de los botones que convierten peor o mejor. El color correcto del bot\u00f3n es una vieja pregunta filos\u00f3fica. Alguien afirma que la conversi\u00f3n m\u00e1s alta se logra a trav\u00e9s de botones rojos. Otros dicen verde o azul. La respuesta correcta suena as\u00ed (como muchas otras respuestas en marketing y dise\u00f1o): \u00abDebe probarse\u00bb. Por lo tanto, elija un color de bot\u00f3n que contraste con los colores primarios del dise\u00f1o y realice algunas pruebas para comprender cu\u00e1l. el color se convierte mejor.\n<\/p>\n
\n Una imagen correcta puede decir m\u00e1s que unos pocos p\u00e1rrafos de texto. Por lo tanto, utilice el poder de la percepci\u00f3n visual y las emociones en el dise\u00f1o 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\u00e1sicas del dise\u00f1o web. Y por cierto, tambi\u00e9n contribuye a mejores conversiones.\n<\/p>\n
\n Adem\u00e1s, este enfoque promueve la simplicidad y el minimalismo, que es una tendencia de los \u00faltimos a\u00f1os, y una imagen seleccionada correctamente evoca las emociones y asociaciones necesarias. Y viceversa, como hemos dicho, demasiadas im\u00e1genes complican la elecci\u00f3n y dispersan la atenci\u00f3n del usuario.\n<\/p>\n
\n En otras palabras, luchar por la m\u00e1xima 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\u00f1o de un sitio web. Y aqu\u00ed, debe mantener un equilibrio competente entre la simplicidad, el minimalismo y, al mismo tiempo, la funcionalidad, ya que la simplicidad tambi\u00e9n es la oportunidad de encontrar lo que el usuario necesita con unos pocos clics.\n<\/p>\n
\n Desafortunadamente, Internet est\u00e1 lleno de rese\u00f1as falsas, y no dudes que tus usuarios tambi\u00e9n 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.\n<\/p>\n
\n Por lo tanto, piense en el dise\u00f1o del sitio de tal manera que pueda colocar algunas rese\u00f1as reales (e incluso mejor un carrusel) cerca del final de la p\u00e1gina. Y aseg\u00farese de usar fotos de personas vivas (idealmente, sus clientes reales) para crear la impresi\u00f3n de una fuerte evidencia social.\n<\/p>\n
\n Probablemente haya visto sitios que contienen un mill\u00f3n de categor\u00edas, y es simplemente imposible elegir la secci\u00f3n correcta en el primer intento. Y si antes los usuarios a\u00fan dedicaban tiempo a tal b\u00fasqueda, hoy quieren ver lo que necesitan sin acciones adicionales.\n<\/p>\n
\n Por lo tanto, reconsidere su enfoque para navegar por el sitio, reduzca la cantidad de categor\u00edas, elimine todas las innecesarias y deje solo las secciones m\u00e1s importantes. Como ya hemos dicho, toda la gama de opciones complica la decisi\u00f3n o, en general, obliga al usuario a abandonar la p\u00e1gina y posponer la tarea para m\u00e1s tarde.\n<\/p>\n
\n Este es un truco psicol\u00f3gico que desencadena una reacci\u00f3n subconsciente: la gente tiende a creer en las estad\u00edsticas. Y esta es otra oportunidad para aumentar la conversi\u00f3n generando confianza y creando una impresi\u00f3n de confiabilidad. Pero hay un punto crucial. \u00bfRecuerdas que hablamos sobre la regla de los tercios y los puntos de intersecci\u00f3n estrat\u00e9gicos? Estos son precisamente los lugares donde necesitas poner tus estad\u00edsticas para que est\u00e9n en el centro de atenci\u00f3n y percepci\u00f3n.\n<\/p>\n
\n Los especialistas en marketing no est\u00e1n de acuerdo con esta t\u00e1ctica de ventas, pero para ventas r\u00e1pidas y estacionales, este enfoque sigue siendo apropiado. Por lo tanto, si tiene una oferta promocional o de temporada, o si est\u00e1 probando su inter\u00e9s en un nuevo producto, tiene sentido crear la ilusi\u00f3n de escasez y reflejarla con la ayuda del dise\u00f1o. Por ejemplo, puede configurar un temporizador de cuenta regresiva y, nuevamente, poner los n\u00fameros en el foco de atenci\u00f3n del visitante.\n<\/p>\n
\n Sin embargo, aqu\u00ed a\u00fan debe colocar los botones de llamada a la acci\u00f3n correctamente. Y en este caso, es mejor hacerlo siguiendo el esquema Z.\n<\/p>\n
\n La atenci\u00f3n del usuario se desliza por la horizontal superior, en diagonal hacia abajo, y se dirige a la informaci\u00f3n 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\u00f3n.\n<\/p>\n
\n Puede notar correctamente que esta es la responsabilidad del dise\u00f1ador de UX, pero en la pr\u00e1ctica, este es el caso cuando el dise\u00f1ador web y UX deben trabajar juntos para obtener un solo resultado. El dise\u00f1o de UX es otro factor que tiene un impacto directo en las conversiones, y cuantos menos pasos separen a los usuarios de la acci\u00f3n objetivo, m\u00e1s probable es que la completen.\n<\/p>\n
\n Por lo tanto, debe asegurarse una vez m\u00e1s de que la informaci\u00f3n o el producto que necesita no se encuentran a m\u00e1s de tres clics de distancia.\n<\/p>\n
\n Para mejorar la conversi\u00f3n de su sitio, aproveche la regla de los tercios y el esquema Z cuando realice sus llamadas a la acci\u00f3n. Puede mejorar la percepci\u00f3n de una llamada a la acci\u00f3n si la duplica, en la intersecci\u00f3n de las l\u00edneas y en la esquina superior derecha de la p\u00e1gina, donde termina la l\u00ednea superior de la letra Z. As\u00ed, la atenci\u00f3n del usuario se detendr\u00e1 primero en la esquina superior derecha, luego se deslizar\u00e1 en diagonal hacia abajo y reposar\u00e1 directamente en el punto estrat\u00e9gico de intersecci\u00f3n de las l\u00edneas de la izquierda.\n<\/p>\n
\n Los usuarios modernos son muy impacientes, y ya hablamos de esto en el p\u00e1rrafo sobre la velocidad de carga de su p\u00e1gina. Y un formulario de gran tama\u00f1o puede matar sus conversiones, ya que nadie quiere perder el tiempo, especialmente desde un dispositivo m\u00f3vil. Por lo tanto, revise su formulario de registro y deje solo tres l\u00edneas: para un nombre, direcci\u00f3n de correo electr\u00f3nico y contrase\u00f1a, adem\u00e1s de agregar la capacidad de registrarse a trav\u00e9s de Google y Facebook.\n<\/p>\n
\n Como puede ver, muchos trucos pueden afectar las conversiones. Sin embargo, lo m\u00e1s importante que debe recordar es que cualquier nuevo enfoque debe probarse en los usuarios. Cada negocio y cada p\u00fablico objetivo es espec\u00edfico; por lo tanto, no puede haber instrucciones de plantilla sobre qu\u00e9 usar en su dise\u00f1o para aumentar las conversiones. Adem\u00e1s, el dise\u00f1o es el primer pero no el \u00faltimo factor que convierte (o no convierte), y esto tambi\u00e9n hay que recordarlo.\n<\/p>\n<\/p>\n