{"id":77769,"date":"2018-08-02T10:44:25","date_gmt":"2018-08-02T15:44:25","guid":{"rendered":"https:\/\/mott.pe\/noticias\/?p=77769"},"modified":"2018-08-02T10:58:26","modified_gmt":"2018-08-02T15:58:26","slug":"7-tecnicas-de-diseno-para-impulsar-la-conversion-de-tu-sitio-web","status":"publish","type":"post","link":"https:\/\/mott.pe\/noticias\/7-tecnicas-de-diseno-para-impulsar-la-conversion-de-tu-sitio-web\/","title":{"rendered":"7 t\u00e9cnicas de dise\u00f1o para impulsar la conversi\u00f3n de tu sitio web"},"content":{"rendered":"

\u00bfQu\u00e9 es lo primero que haces despu\u00e9s de aterrizar con un sitio web atroz? Si eres como yo, te vas. La verdad es que nadie quiere pasar tiempo en un sitio web complicado con un dise\u00f1o que no es funcional y con colores demasiado cargados.<\/p>\n

Un sitio web o p\u00e1gina de inicio tiene que ser altamente visual, esto se debe a que el cerebro procesa la informaci\u00f3n visual 60,000 veces m\u00e1s r\u00e1pido que el texto, por lo que es fundamental perfeccionar el dise\u00f1o. Puede tener la copia m\u00e1s atractiva y bellamente escrita del mundo, pero los visitantes no perder\u00e1n el tiempo ley\u00e9ndola si la p\u00e1gina no se “siente” correctamente.<\/p>\n

La p\u00e1gina de inicio es el primer contacto que tienen los usuarios con la marca. Por lo que es realmente importante que tomes en cuenta las diferentes\u00a0t\u00e9cnicas de dise\u00f1o de sitio web para impulsar la conversi\u00f3n.<\/b><\/p>\n

1. Optimiza el dise\u00f1o web para generar m\u00e1s conversiones\u00a0<\/h2>\n

\"\"<\/p>\n

En resumen, menos es m\u00e1s. Todo nuestro sitio web debe fluir de una p\u00e1gina a otra. Esto es especialmente importante cuando se trata del\u00a0dise\u00f1o de la p\u00e1gina de aterrizaje<\/b>. Cuando su objetivo es hacer que los visitantes realicen alguna conversi\u00f3n, tiene que facilitarles la tarea.<\/p>\n

La\u00a0ley de Hick\u00a0<\/b>establece que la cantidad de tiempo que toma una persona para tomar una decisi\u00f3n se basa en la cantidad de opciones disponibles. Cuanto m\u00e1s opciones est\u00e9n disponibles, m\u00e1s tiempo llevar\u00e1 procesar.<\/p>\n

En lugar de tomarse el tiempo para evaluar la informaci\u00f3n presentada, un visitante puede decidir abandonar su p\u00e1gina de destino por completo. Precisamente, por este motivo necesitamos\u00a0optimizar el dise\u00f1o web<\/b>, as\u00ed ser\u00e1 menos probable que los usuarios abandonen nuestro sitio e incrementen el rebote.<\/p>\n

Entonces, podemos decir que a menores opciones tendremos, mayores conversiones y es m\u00e1s probable la\u00a0generaci\u00f3n de leads<\/b>. Lo mejor es que gu\u00edes a tus visitantes por el camino hacia la conversi\u00f3n utilizando solo un\u00a0bot\u00f3n de llamado a la acci\u00f3n<\/b>\u00a0y la menor cantidad posible de campos de formulario.<\/p>\n

Si es posible, conserve solo el nombre y la direcci\u00f3n de correo electr\u00f3nico. Cuanto m\u00e1s informaci\u00f3n solicite, menor ser\u00e1 su tasa de conversi\u00f3n. Pedir un n\u00famero de tel\u00e9fono puede reducir las conversiones hasta en un 5%. Aunque toda regla tiene excepciones, pues depender\u00e1 de la experiencia que se tenga en el proceso de venta y conversiones, para ello podr\u00edas llevar un <\/span>curso de Marketing Digital<\/b><\/a>, donde aprender\u00e1s t\u00e9cnicas para entender el proceso de conversi\u00f3n de forma m\u00e1s detallada.<\/span><\/p>\n

2. Haz que el contenido de tu p\u00e1gina web sea f\u00e1cil de leer\u00a0<\/h2>\n

\"\"<\/p>\n

Los visitantes no leen el texto a fondo. En lugar de leer palabra por palabra, escaneamos contenido web en forma de F. Por lo tanto, debes dise\u00f1ar tu sitio web y p\u00e1ginas de destino con eso en mente. As\u00ed har\u00e1s que tu\u00a0contenido de p\u00e1gina web<\/b>\u00a0sea mucho m\u00e1s din\u00e1mico a la hora de leer.<\/p>\n

Ten en cuenta que los primeros dos p\u00e1rrafos deben contener la informaci\u00f3n m\u00e1s relevante. Es m\u00e1s probable que los visitantes lean el primer p\u00e1rrafo que cualquier otra cosa en la p\u00e1gina. Trata que la informaci\u00f3n sea a\u00fan m\u00e1s f\u00e1cil de digerir, es decir, escaneable. Para eso puede\u00a0usar palabras claves<\/b>\u00a0en los subt\u00edtulos, textos gruesos y vi\u00f1etas.<\/p>\n

3. Elija la paleta de colores correcta para tu website<\/h2>\n

\"\"<\/p>\n

El color puede afectar la forma en que los visitantes interpretan e interact\u00faan con tu sitio web. Si bien no existe una\u00a0paleta de colores para website<\/b>\u00a0perfecta, entender la\u00a0psicolog\u00eda detr\u00e1s del color<\/b>\u00a0puede ayudarlo a predecir c\u00f3mo responder\u00e1n los visitantes.<\/p>\n

Recuerda, siempre pensar en lo que quieres trasmitir. As\u00ed te har\u00e1 m\u00e1s f\u00e1cil decidir los tonos que vayan de acuerdo con la imagen de tu marca y con tu mensaje. Los tonos que elijas tanto para tu marca como para tu sitio le otorgar\u00e1n personalidad. Haciendo as\u00ed que los usuarios te recuerden y te identifiquen f\u00e1cilmente por tus colores.\u00a0<\/p>\n

Lo que puedes hacer es\u00a0crear una paleta de colores\u00a0<\/b>que no contenga m\u00e1s de tres o cuatro tonos. Para esto puedes usar un color principal y varios complementarios. El uso adecuado de los colores puede ayudarnos a aumentar el\u00a0reconocimiento de marca<\/b>, ya que los clientes asociar\u00e1n los colores que usamos con nuestra empresa.<\/p>\n

4. Elige la tipograf\u00eda perfecta para tu website sabiamente\u00a0<\/h2>\n

\"\"<\/p>\n

Muchas veces la elecci\u00f3n de la\u00a0tipograf\u00eda de website\u00a0<\/b>se pasa por alto. Pero, al igual que el color, las fuentes que usamos tambi\u00e9n tienen un efecto psicol\u00f3gico en los visitantes. Si son demasiadas fuentes, todas competir\u00e1n por la atenci\u00f3n. De igual forma, usar pocas har\u00e1 que tu p\u00e1gina se vea bastante aburrida.<\/p>\n

Sin duda, deber\u00eda usar m\u00e1s de una fuente, pero proceda con precauci\u00f3n. Las fuentes deben complementarse entre s\u00ed, no chocar. Todo su sitio web deber\u00eda sentirse cohesivo y fluir de una p\u00e1gina a otra.<\/p>\n

5. Juega con la simetr\u00eda, as\u00ed los usuarios se quedan m\u00e1s tiempo en tu web\u00a0<\/h2>\n

\"\"<\/p>\n

Ya sea que te des cuenta o no, te gusta la simetr\u00eda. Los seres humanos prefieren observar los elementos de manera din\u00e1mica. Es un instinto natural que\u00a0 se debe aprovechar en el\u00a0dise\u00f1o de tu p\u00e1gina web<\/b>. La informaci\u00f3n es m\u00e1s f\u00e1cil de digerir cuando se presenta de manera ordenada y sim\u00e9trica.<\/p>\n

La asimetr\u00eda, sin embargo, hace que sea dif\u00edcil concentrarse, y no es ideal para tu p\u00e1gina “Productos y servicios”, pero es fant\u00e1stica para llamar la atenci\u00f3n sobre cosas como los botones CTA (call to action). As\u00ed que si deseas que los\u00a0usuarios se queden m\u00e1s tiempo en tu web,\u00a0<\/b>var\u00eda la simetr\u00eda, esto atraer\u00e1 m\u00e1s la atenci\u00f3n.<\/p>\n

6. No olvides usar im\u00e1genes de calidad en tu sitio web<\/h2>\n

\"\"<\/p>\n

Una imagen vale m\u00e1s que mil palabras. Claro, un sitio Web depende en gran medida de una copia bien escrita, pero las\u00a0im\u00e1genes de calidad en tu sitio web\u00a0<\/b>son importantes. Un sitio web bellamente dise\u00f1ado con im\u00e1genes impactantes no necesariamente\u00a0genera conversiones<\/b>, pero ciertamente puede inclinar la balanza en la direcci\u00f3n correcta.<\/p>\n

Nadie quiere pasar horas husmeando en un sitio web mal hecho, por lo que si desea que un visitante permanezca en su p\u00e1gina y, finalmente, se convierta en cliente, debe hacer de su p\u00e1gina un lugar agradable para estar. \u00bfRecuerdas lo que mencion\u00e9 antes sobre el color que desencadena el sistema nervioso central? Lo mismo ocurre con las im\u00e1genes.<\/p>\n

7. Optimiza tu Call to Action o CTA para mejores resultados<\/h2>\n

\"\"<\/p>\n

Es importante primero saber en qu\u00e9 consiste el\u00a0Call to action o CTA<\/b>. Debes saber que \u00e9ste hace referencia a un bot\u00f3n o enlace que se encuentra situado en nuestro site. El cual busca atraer clientes potenciales y generar\u00a0CRO\u00a0<\/b>(conversion rate optimization), \u00e9ste es un ratio que se usa para analizar y mejorar las conversiones de un website.<\/p>\n

Cuando hay una acci\u00f3n espec\u00edfica que desea que realice un visitante, debe facilitarles la acci\u00f3n. Por este motivo, tu\u00a0bot\u00f3n de llamado a la acci\u00f3n<\/b>\u00a0debe ser infalible. Hay algunos ajustes que puede realizar para crear un\u00a0bot\u00f3n de CTA<\/b>\u00a0que convierta.<\/p>\n

Un bot\u00f3n de CTA debe verse como un bot\u00f3n en el que se puede hacer clic. Usa botones de forma rectangular con bordes distintos, preferiblemente sobre un fondo blanco. Tambi\u00e9n puedes usar un color llamativo (todo lo que no sea neutral) que complemente el esquema de color de la p\u00e1gina. No hay un solo tono que genere una tasa de conversi\u00f3n del 100%, as\u00ed que juegue con ellos. Las\u00a0pruebas A \/ B<\/b>\u00a0son bastante \u00fatiles en estos casos.<\/p>\n

Un buen bot\u00f3n de CTA tambi\u00e9n debe contener un lenguaje corto y puntual. Olv\u00eddese de palabras aburridas como “registrarse”, “descargar” o “enviar”. Un estudio de\u00a0HubSpot\u00a0<\/b>encontr\u00f3 que los botones de CTA que contienen la palabra “enviar” tienen una tasa de conversi\u00f3n del 14%, mientras, que los botones sin “enviar” tienen una\u00a0tasa de conversi\u00f3n\u00a0<\/b>del 17%. Las palabras de acci\u00f3n como “probar”, “dar”, “obtener” o “usar” tienen m\u00e1s probabilidades de convertirse. Tambi\u00e9n puede usar palabras como “hoy” o “ahora” para crear un sentido de urgencia.<\/p>\n

Finalmente, explora y experimenta con el dise\u00f1o de tu sitio web. Tambi\u00e9n prueba nuestros consejos en tu landing page. Si deseas aprender m\u00e1s acerca de este tema, puedes inscribirte en el\u00a0curso de Dise\u00f1o Web<\/a><\/b>. As\u00ed aprender\u00e1s a dise\u00f1ar sitios web competitivos y bien estructurados.<\/p>\n

Te puede Interesar:\u00a0\u00a0<\/h2>\n