\n Los especialistas en marketing inteligentes saben que un dise\u00f1o web puede aumentar o disminuir la tasa de conversi\u00f3n.\n<\/p>\n
\n Si bien es cierto que el SEO y el marketing en redes sociales son vitales para las conversiones, tener un excelente dise\u00f1o puede marcar la diferencia.\n<\/p>\n
\n Todos los componentes de marketing digital son importantes. Sin embargo, el dise\u00f1o web puede hacer o deshacer las tasas de conversi\u00f3n. En un estudio de la Universidad de Stanford, el 46,1 por ciento de las personas afirm\u00f3 que su principal medida para distinguir si una empresa es cre\u00edble o no es el dise\u00f1o web. Con eso en mente, el dise\u00f1o de su sitio web es vital y debe verse profesional.\n<\/p>\n
\n La est\u00e9tica de su sitio tambi\u00e9n puede desempe\u00f1ar un papel en las conversiones. Dos tercios de las personas consumir\u00edan contenido y se quedar\u00edan si el sitio estuviera bellamente dise\u00f1ado, seg\u00fan un estudio de Adobe. Dicho esto, su sitio debe verse atractivo si desea que sus visitantes lean sus publicaciones.\n<\/p>\n
\n En ese caso, no puedes pasar por alto el dise\u00f1o web. Puede contratar a un profesional independiente o contratar a un dise\u00f1ador para asegurarse de que su sitio sea est\u00e9ticamente agradable.\n<\/p>\n
\n Aqu\u00ed hay algunos trucos de dise\u00f1o web que pueden darle un impulso sostenible en las conversiones.<\/strong>\n<\/p>\n \n La ley establece que al aumentar el n\u00famero de opciones, tambi\u00e9n aumenta el tiempo que le toma a un individuo tomar una decisi\u00f3n. Esta ley se refiere con frecuencia en el dise\u00f1o web. En este estudio, los investigadores encontraron que m\u00e1s no siempre es mejor porque una mesa que muestra menos variedades de mermelada atrajo a m\u00e1s personas que una mesa con 24 tipos de mermelada. Es probable que las personas compren cuando vean una peque\u00f1a pantalla.\n<\/p>\n \n Para aplicar la ley en el dise\u00f1o web, debe limitar la cantidad de opciones que tiene para sus visitantes. En su sitio web, eval\u00fae lo que hay en su barra de navegaci\u00f3n. Es el mejor lugar para ir a buscar de lo que se puede deshacer para disminuir la cantidad de opciones. Cuantos m\u00e1s enlaces puedan elegir sus visitantes, m\u00e1s perder\u00e1n inter\u00e9s en su sitio web.\n<\/p>\n \n Adem\u00e1s de la barra de navegaci\u00f3n, tambi\u00e9n debe buscar en los otros elementos de su sitio web que los visitantes tendr\u00e1n que decidir cuando est\u00e9n en su sitio. Estos incluir\u00edan determinar si permitir que los lectores se desplacen m\u00e1s hacia abajo en la p\u00e1gina o usen la barra de navegaci\u00f3n; decidir descargar su libro electr\u00f3nico o compartir su publicaci\u00f3n en las redes sociales, o elegir leer una rese\u00f1a del producto o buscar m\u00e1s productos.\n<\/p>\n \n Debido a que podr\u00eda haber varios lugares en su sitio web donde puede reducir la cantidad de opciones, es posible que desee instalar una puerta de bienvenida en su p\u00e1gina de inicio. Aqu\u00ed, sus visitantes ver\u00e1n un mensaje de bienvenida que cubre toda la pantalla y viene con un solo llamado a la acci\u00f3n. Con eso en mente, los visitantes solo tendr\u00e1n una opci\u00f3n cuando visiten su sitio. Si desean ver m\u00e1s opciones, pueden desplazarse hacia abajo, minimizando as\u00ed las distracciones en su p\u00e1gina de inicio.\n<\/p>\n \n Sin embargo, cuando aplica esta ley, es vital que considere las acciones que son cruciales para su resultado final. Recuerde que cada p\u00e1gina de su sitio tiene que lograr un objetivo principal. Por otra parte, cuantas menos opciones tengan sus visitantes, m\u00e1s f\u00e1cil ser\u00e1 para ellos usar su sitio web, lo que puede aumentar la tasa de conversi\u00f3n de su sitio.\n<\/p>\n \n Sus visitantes est\u00e1n impacientes cuando navegan por la web. Un segundo retraso puede resultar en una reducci\u00f3n del 7 por ciento en la conversi\u00f3n. Hay varias herramientas para verificar la velocidad de su p\u00e1gina y saber m\u00e1s sobre sus problemas. Puede utilizar PageSpeed \u200b\u200bInsights de Google, Page Load Speed \u200b\u200bAnalyzer de SEO Chat y Pingdom, entre otros.\n<\/p>\n \n Recuerda que tienes ocho segundos para llamar la atenci\u00f3n de tu lector. En ese caso, tiene una m\u00ednima oportunidad de atraer a sus visitantes despu\u00e9s de aterrizar en su sitio web. Si su sitio web tarda en cargar, se van y nunca volver\u00e1n.\n<\/p>\n \n Adem\u00e1s de acelerar su sitio web, debe considerar tener un t\u00edtulo breve, una imagen llamativa que pueda comunicar el prop\u00f3sito de su p\u00e1gina o atraer la atenci\u00f3n de los visitantes hacia el llamado a la acci\u00f3n principal. Aseg\u00farese de que sus botones de registro sean grandes y simples. Y aseg\u00farese de que su copia sea atractiva.\n<\/p>\n \n La regla de los tercios es un principio de fotograf\u00eda que los dise\u00f1adores web pueden implementar. En esta regla, debe dividir su p\u00e1gina web en tercios, de modo que le d\u00e9 nueve cuadrados con tama\u00f1os iguales. Los cuatro cuadrados del medio son lugares de inter\u00e9s. Cualquier objeto que coloque en estos puntos puede tener un gran impacto en su sitio web y, por lo tanto, impulsar las conversiones.\n<\/p>\n \n Puede colocar su bot\u00f3n de llamada a la acci\u00f3n m\u00e1s importante en estas \u00e1reas. Pero no coloque su barra de navegaci\u00f3n en esos lugares. De esta forma, tus visitantes se centrar\u00e1n en la llamada a la acci\u00f3n principal de tu p\u00e1gina web.\n<\/p>\n \n No hay necesidad de redise\u00f1ar todo su sitio web. En su lugar, puede utilizar la regla de los tercios como una forma de colocar las partes m\u00e1s importantes de su sitio. Primero, debe tomar una captura de pantalla de su sitio en la mitad superior de la p\u00e1gina. Luego, div\u00eddalo en nueve partes iguales. A partir de ah\u00ed, puede decidir si desea modificar su sitio web o no.\n<\/p>\n \n En esas \u00e1reas, puede colocar su video, audio y otro contenido interactivo. Considere tener efectos de desplazamiento en sus botones de llamada a la acci\u00f3n. De esa manera, sus visitantes estar\u00e1n m\u00e1s tentados a hacer clic. Luego, agregue algunas ventanas emergentes de salida animadas. Son vitales para volver a atraer a sus visitantes cuando pierden inter\u00e9s.\n<\/p>\n \n El espacio negativo es el espacio en blanco en el dise\u00f1o web. Este espacio es algo positivo ya que hace que su sitio sea m\u00e1s legible y utilizable. Este espacio no es solo el espacio entre los elementos de su p\u00e1gina. M\u00e1s bien, tambi\u00e9n se refiere al espacio entre los elementos peque\u00f1os de su p\u00e1gina, como el \u00e1rea entre los p\u00e1rrafos o las l\u00edneas de texto.\n<\/p>\n \n Debe prestar atenci\u00f3n a los espacios negativos en su sitio porque hacen que su sitio sea agradable a la vista, lo que lleva a una mayor conversi\u00f3n. Dependiendo de su dise\u00f1o web, puede usar una tonelada de espacio negativo en su p\u00e1gina de inicio. De esa manera, sus visitantes se centrar\u00e1n en la llamada a la acci\u00f3n principal.\n<\/p>\n \n Para tener suficiente espacio negativo, puede usar una fuente m\u00e1s peque\u00f1a para tener m\u00e1s espacio entre letras. Entonces, la altura de la l\u00ednea debe ser 1,5. Si elige tener fuentes m\u00e1s peque\u00f1as, debe tener m\u00e1s alturas de l\u00ednea.\n<\/p>\n \n Luego, divide esos grandes bloques de texto en p\u00e1rrafos m\u00e1s peque\u00f1os para aumentar el espacio negativo entre p\u00e1rrafos y, por lo tanto, hacer que las publicaciones sean m\u00e1s legibles. No olvide usar m\u00e1rgenes y relleno para agregar espacios en blanco entre los elementos grandes de su sitio.\n<\/p>\n \n \u00bfPor qu\u00e9? Solo pueden da\u00f1ar sus tasas de conversi\u00f3n. Eran emocionantes antes. Pero ahora, se convierten en rocas mascota. Adem\u00e1s, los controles deslizantes ralentizan su sitio debido a las im\u00e1genes grandes utilizadas. Tambi\u00e9n distraen, ya que no permiten que los visitantes consuman su contenido.\n<\/p>\n \n Estos elementos son confusos debido a c\u00f3mo los ojos humanos reaccionan al medio ambiente. El cerebro humano est\u00e1 dise\u00f1ado para detectar movimiento en un paisaje est\u00e1tico. En el pasado, era \u00fatil rastrear mamuts a trav\u00e9s de una tundra. Pero esta respuesta hace que las personas presten m\u00e1s atenci\u00f3n al movimiento de los controles deslizantes e ignoren los puntos de conversi\u00f3n en los que desea que se centren.\n<\/p>\n \n Adem\u00e1s, los controles deslizantes no tendr\u00e1n sentido cuando sus visitantes naveguen por su sitio a trav\u00e9s de un dispositivo m\u00f3vil. Y es por eso que a las personas les resulta m\u00e1s f\u00e1cil desplazarse que deslizar. Recuerde que cuanto m\u00e1s f\u00e1cil sea para sus visitantes navegar por su sitio usando su dispositivo m\u00f3vil, obtendr\u00e1 tasas de conversi\u00f3n m\u00e1s altas.\n<\/p>\n \n Los controles deslizantes tambi\u00e9n generar\u00e1n demasiadas etiquetas H1 en su sitio. Puede pensar que son geniales para su sitio, pero los rastreadores web los desprecian. La raz\u00f3n de esto es que confunden la jerarqu\u00eda de informaci\u00f3n en su sitio web. Debido a que los rastreadores web los odian, pueden afectar significativamente el ranking de su p\u00e1gina. Por lo tanto, aseg\u00farese de evitarlos tanto como sea posible.\n<\/p>\n \n En lugar de usar controles deslizantes, opta por tener una imagen est\u00e1tica con un t\u00edtulo contundente.\n<\/p>\n \n En varios estudios, los investigadores encontraron que la mayor\u00eda de los usuarios navegan por la web para leer una publicaci\u00f3n en un patr\u00f3n F. Es decir, miran de izquierda a derecha en la parte superior de la pantalla. Despu\u00e9s de eso, escanean la p\u00e1gina hacia abajo y hacen algunas lecturas del contenido. Rara vez llegan a la parte inferior derecha de una p\u00e1gina.\n<\/p>\n \n \u00bfC\u00f3mo puede usar el patr\u00f3n F para aumentar sus conversiones? Coloque esas llamadas a la acci\u00f3n cr\u00edticas y objetos a lo largo de las l\u00edneas en forma de F. Luego, inserte aquellos objetos de menor importancia en \u00e1reas con poca visibilidad.\n<\/p>\n \n Dado que el lado izquierdo de la p\u00e1gina es donde sus visitantes buscar\u00e1n primero, considere colocar el llamado a la acci\u00f3n principal en esta \u00e1rea. Luego, coloque t\u00edtulos en el lado izquierdo de la p\u00e1gina. Ahora, para sus anuncios patrocinados, puede colocarlos en la barra lateral en la parte derecha de su p\u00e1gina. Cualquier cosa que no necesite ser visible pero que sea esencial para los rastreadores web debe colocarse en la parte inferior derecha de la p\u00e1gina.\n<\/p>\n \n Dado que los colores pueden evocar emociones, debe elegir la combinaci\u00f3n de colores que transmita la personalidad de su marca y anime a las personas a actuar. Recuerda que las personas tomar\u00e1n su decisi\u00f3n de compra desde un lugar emocional. Dicho esto, la combinaci\u00f3n de colores que elija para su sitio web jugar\u00e1 un papel importante en la optimizaci\u00f3n de las tasas de conversi\u00f3n.\n<\/p>\n \n Una sugerencia es crear un tablero de Pinterest con algunas fotos que reflejen la visi\u00f3n de tu marca. Utilice la rueda de colores de Adobe para crear un esquema de color basado en los colores de esas fotos. Pero puede twittear los colores individuales moviendo las selecciones.\n<\/p>\n \n Despu\u00e9s de crear un esquema de color, aseg\u00farese de usar el contraste, ya que tambi\u00e9n puede hacer o deshacer sus conversiones. El contraste se puede utilizar para hacer que los titulares, el texto y los botones de llamada a la acci\u00f3n sean m\u00e1s legibles y perceptibles. Los colores del frente y de los botones deben estar en contraste con el fondo y los dem\u00e1s elementos que desees resaltar, como los botones de suscripci\u00f3n. Deben estar en un tono que realmente se destaque del resto de la p\u00e1gina.\n<\/p>\n \n En una prueba de Hubspot, descubri\u00f3 que los botones rojos son mejores que los botones verdes. Por otra parte, antes de considerar los botones rojos, aseg\u00farese de que el rojo no sea el color dominante en su p\u00e1gina. De lo contrario, no crear\u00e1 m\u00e1s contraste.\n<\/p>\n \n Como se mencion\u00f3 anteriormente, puede usar la rueda de colores para elegir un color complementario, que es un color completamente opuesto a su color dominante.\n<\/p>\n \n Sin embargo, antes de elegir la combinaci\u00f3n de colores correcta, debe comprender que las personas ven los colores de manera diferente. Los colores siempre dependen de c\u00f3mo combinen con tu marca. Es por eso que debe elegir un color que coincida con la personalidad de su marca, ya que afecta las decisiones de compra de sus visitantes.\n<\/p>\n \n Por ejemplo, si tu marca es robusta o masculina, no debes optar por un bot\u00f3n rosa de llamada a la acci\u00f3n. En su lugar, opta por un gran bot\u00f3n naranja.\n<\/p>\n \n El impacto de los colores en las conversiones depender\u00e1 del contexto. Por ejemplo, dado que el azul es un color de uso com\u00fan en los dise\u00f1os web para hiperv\u00ednculos, las personas siempre los asocian con hiperv\u00ednculos. As\u00ed, saben que si el texto est\u00e1 en azul, pueden hacer clic en \u00e9l.\n<\/p>\n \n Tambi\u00e9n es cierto para los botones CTA. No es necesario elegir azul. Sin embargo, tenga en cuenta que cualquiera que sea el color que elija para un bot\u00f3n, estar\u00e1 asociado con una acci\u00f3n. Usa ese color de manera consistente para todas las llamadas a la acci\u00f3n en tu sitio. Pero evite usar los mismos colores para los elementos en los que no se puede hacer clic. Adem\u00e1s, no uses diferentes colores de CTA en la misma p\u00e1gina.\n<\/p>\n \n Lo \u00abobvio siempre gana\u00bb en el dise\u00f1o web. Es por eso que el dise\u00f1o plano y minimalista mejora las tasas de conversi\u00f3n. La raz\u00f3n de esto es que se enfoca en los elementos m\u00e1s vitales. Un dise\u00f1o limpio emerge sobre otros efectos visuales dram\u00e1ticos. Al enfocarse en los elementos fundamentales y deshacerse de esos adornos, este enfoque puede ser \u00fatil para crear un dise\u00f1o organizado que seguramente puede optimizar las tasas de conversi\u00f3n.\n<\/p>\n \n Adem\u00e1s, un dise\u00f1o minimalista permite tener m\u00e1s espacio en su sitio web para CTA relevantes, evitando as\u00ed que la p\u00e1gina tenga elementos no esenciales.\n<\/p>\n \n Aunque el dise\u00f1o minimalista es excelente, no debe exagerar, ya que la gente perder\u00e1 inter\u00e9s. Por ejemplo, en los botones de CTA, las personas est\u00e1n acostumbradas a ver botones con profundidad o dimensi\u00f3n. Estas caracter\u00edsticas son indicadores de interacci\u00f3n.\n<\/p>\n \n Sin embargo, si tiene un bot\u00f3n plano, sus visitantes pueden pasarlo por alto f\u00e1cilmente cuando escanean su p\u00e1gina. Por esa raz\u00f3n, aseg\u00farese de usar un color de bot\u00f3n que contraste. Y elija una ubicaci\u00f3n que haga visibles los botones.\n<\/p>\n \n Por lo tanto, cada vez que cree una p\u00e1gina, debe preguntarse si hay alguna forma de tener una versi\u00f3n m\u00e1s sencilla. Manteni\u00e9ndolo simple, puede esperar mejores conversiones y un dise\u00f1o m\u00e1s agradable est\u00e9ticamente.\n<\/p>\n \n Un dise\u00f1o simple satisface a las personas que pueden manejar menos informaci\u00f3n a la vez. Si sus visitantes ven muchas cosas en una p\u00e1gina, se sienten abrumados y se van. Cuando proporcione a su usuario una gran experiencia en su sitio web, aseg\u00farese de deshacerse de aquellos elementos que no son esenciales.\n<\/p>\n \n Es un principio de dise\u00f1o que aborda la ley de similitud. Aqu\u00ed, la ley establece que al cerebro humano le gusta agrupar los mismos objetos. Este mecanismo permite a los humanos dar sentido a las cosas y ayudarlos a organizar entornos ruidosos.\n<\/p>\n \n Cuando sigue este principio, necesita agrupar elementos similares o elementos que se puedan asociar entre s\u00ed. Estos incluir\u00edan botones de conversi\u00f3n, im\u00e1genes y cuadros de testimonios.\n<\/p>\n \n Por ejemplo, puede tener un testimonio incre\u00edble de su formulario de suscripci\u00f3n para aumentar las conversiones. Aunque los testimonios no est\u00e1n dise\u00f1ados para el im\u00e1n principal, los visitantes pueden asociarlos ya que todav\u00eda est\u00e1n cerca.\n<\/p>\n \n Cuando los humanos ven la cara de otro ser humano, se sienten identificados con esa persona. Es por eso que cuando transmites un problema, tus visitantes pueden entenderlo o sentir una conexi\u00f3n con \u00e9l. Por eso, los expertos recomiendan incorporar rostros humanos en los art\u00edculos, p\u00e1ginas de suscripci\u00f3n y estudios de casos, entre otros.\n<\/p>\n \n Si tiene un patrocinador de su marca o si es la cara de su marca, debe realizar una sesi\u00f3n de fotos. P\u00eddele al fot\u00f3grafo que tome fotos horizontales con mucho espacio negativo en un lado, donde puedes colocar un CTA o texto.\n<\/p>\n \n Para un sitio web de bienes ra\u00edces, uno de los secretos de la fotograf\u00eda de bienes ra\u00edces es agregar un rostro humano y no solo la imagen de una casa o una parte de la propiedad. Puedes contratar modelos o simplemente usar fotos de stock. Sin embargo, aseg\u00farese de que la cara que elija represente su marca con precisi\u00f3n. Al usar rostros que reflejen su grupo demogr\u00e1fico objetivo, puede ayudar a aumentar significativamente la tasa de conversi\u00f3n de su sitio.\n<\/p>\n<\/p>\n\n 1 Consulte la Ley de Hick
\n<\/h5>\n\n 2 Acelera tu sitio web
\n<\/h5>\n\n 3 Sigue este principio de fotograf\u00eda
\n<\/h5>\n\n 4 Aproveche el espacio negativo
\n<\/h5>\n\n 5 Desh\u00e1gase de controles deslizantes o carruseles
\n<\/h5>\n\n 6 Considere el patr\u00f3n F
\n<\/h5>\n\n 7 Elija los colores correctos
\n<\/h5>\n\n 8 Mantenlo simple
\n<\/h5>\n\n 9 Siga el principio de similitud Gestalt
\n<\/h5>\n\n 10 A\u00f1adir caras
\n<\/h5>\n