{"id":9472,"date":"2019-09-13T11:35:14","date_gmt":"2019-09-13T09:35:14","guid":{"rendered":"https:\/\/www.digitalmenta.com\/?p=9472"},"modified":"2019-09-13T11:35:14","modified_gmt":"2019-09-13T09:35:14","slug":"aumentar-la-tasa-de-conversion","status":"publish","type":"post","link":"https:\/\/www.digitalmenta.com\/blog\/aumentar-la-tasa-de-conversion\/","title":{"rendered":"\u00bfPuede un buen dise\u00f1o web aumentar la tasa de conversi\u00f3n? La respuesta es s\u00ed."},"content":{"rendered":"\n

El  dise\u00f1o web<\/a> UX\/UI (experiencia de usuario<\/a> e interfaz de usuario<\/a>) ha cobrado una gran relevancia en los \u00faltimos a\u00f1os. Con p\u00e1ginas (landings) claramente orientadas a objetivos y aumentar la tasa de conversi\u00f3n, cada decisi\u00f3n tomada en el proceso de dise\u00f1o puede ser decisiva a la hora de llevar al usuario a buen puerto.<\/span><\/p>\n

En muchas ocasiones, una landing con un dise\u00f1o mal resuelto obtiene malos resultados y puede dar al traste con un trabajo previo inmaculado. La estrategia era buena, tus campa\u00f1as estaban bien configuradas y los usuarios llegan a tu p\u00e1gina, sin embargo, la tasa de conversi\u00f3n est\u00e1 por los suelos. \u00bfTe suena? Resulta frustrante contemplar c\u00f3mo tus usuarios abandonan tu p\u00e1gina con la misma velocidad con la que entraron. A continuaci\u00f3n, exponemos 8 claves para dise\u00f1ar una landing orientada a la conversi\u00f3n.<\/span><\/p>\n

Tips para aumentar la tasa de conversi\u00f3n<\/h2>\n

Un solo prop\u00f3sito, una sola llamada a la acci\u00f3n (Call to Action)<\/h2>\n

\"aumentar<\/p>\n

Una landing debe tener un solo objetivo y un solo CTA. Al fin y al cabo, dise\u00f1ar una landing es trazar un camino que lleva al usuario desde el punto A (entrada a la p\u00e1gina) al punto B (realizar la acci\u00f3n que esperamos de \u00e9l). Cuantas m\u00e1s opciones des a tus usuarios m\u00e1s lejos estar\u00e1n de la ansiada conversi\u00f3n. <\/span><\/p>\n

Elige bien los colores<\/b><\/h2>\n

\"tasa<\/p>\n

El color forma una parte muy importante de la narrativa visual, no puedes descuidarlo. Utiliza una gama de colores no demasiado extensa. Un color primario, que podremos utilizar de acento o como color paras las acciones. Un color secundario, que est\u00e9 bien contrastado respecto al primario, y unos pocos grises deber\u00edan bastar. <\/span><\/p>\n

Dise\u00f1a un CTA que invite a ser clicado<\/b><\/h2>\n

\"ux\"<\/p>\n

Elige un sitio destacado para tu CTA dentro de tu composici\u00f3n. Un tama\u00f1o que facilite la pulsaci\u00f3n del mismo. Un color apropiado; si elegiste un buen color primario para el tema de color de tu p\u00e1gina, \u00a1Ya lo tienes hecho! Procura que el texto sea claro y legible. Evita t\u00e9rminos imperativos, utiliza frases m\u00e1s emocionales. Usar sombras ligeras tambi\u00e9n pueden ayudar a destacar tu bot\u00f3n.<\/span><\/p>\n

Utiliza cabeceras (headings) bien contrastadas<\/b><\/h2>\n

\"ux\"<\/p>\n

El tama\u00f1o de las cabeceras establece una jerarqu\u00eda visual que permite a tu usuario distinguir las partes importantes de las que lo son un poco menos. Unos headings mal contrastados, es decir, con tama\u00f1os parecidos, pueden hacer que el usuario no perciba con claridad la jerarqu\u00eda entre los diferentes apartados de tu p\u00e1gina. La diferencia entre tu H1, H2, H3 y H4 debe apreciarse a simple vista.<\/span><\/p>\n

Dise\u00f1a con la m\u00e1xima limpieza posible<\/b><\/h2>\n

\"ux\"<\/p>\n

Elimina todos los elementos innecesarios, siempre es m\u00e1s f\u00e1cil perderse en la selva que en la sabana. Intenta encontrar soluciones funcionales y evita la cosm\u00e9tica. Recargar una p\u00e1gina de elementos visuales no la hace m\u00e1s atractiva y, por supuesto, no ayuda a hacer que tu contenido sea m\u00e1s comprensible, m\u00e1s bien todo lo contrario.<\/span><\/p>\n

Cuida los espacios en blanco<\/b><\/h2>\n

\"ux\"<\/p>\n

Los espacios en blanco entre los elementos tambi\u00e9n forman parte de la composici\u00f3n de la p\u00e1gina, estructuran y ayudan a jerarquizar el contenido. Si utilizas espacios peque\u00f1os tu p\u00e1gina lucir\u00e1 abigarrada, los elementos de tu dise\u00f1o estar\u00e1n muy juntos y ser\u00e1 m\u00e1s dif\u00edcil distinguirlos. Y si utilizas espacios demasiado grandes tu informaci\u00f3n parecer\u00e1 inconexa y ser\u00e1 m\u00e1s dif\u00edcil establecer una relaci\u00f3n entre los diferentes elementos.<\/span><\/p>\n

Usa im\u00e1genes potentes<\/b><\/h2>\n

\"ux\"<\/p>\n

La im\u00e1genes de una landing no solo deben ayudar a explicar el contenido, adem\u00e1s, deben seducir. Utiliza im\u00e1genes que apelen a las emociones de tus usuarios, con encuadres atrevidos y colores vivos. Se original, al ojo le encanta lo diferente. Pero no olvides que los colores de tus im\u00e1genes guarden una relaci\u00f3n arm\u00f3nica con la gama de colores de tu landing.<\/span><\/p>\n

Mima todas las versiones de tu landing (responsive)<\/b><\/h2>\n

No se navega igual en un tel\u00e9fono que en un ordenador de sobremesa o una tablet. Adapta tu contenido al dispositivo en cuesti\u00f3n. Cuida todas las versiones de tu landing, especialmente la versi\u00f3n mobile, y procura que todos los puntos expuestos anteriormente se cumplan en cada versi\u00f3n.<\/span><\/p>\n

\u00bfA\u00fan no est\u00e1s seguro de como explotar el dise\u00f1o de tu web? \u00a1Cont\u00e1ctanos!<\/p>\n","protected":false},"excerpt":{"rendered":"

El\u00a0 dise\u00f1o UX\/UI (experiencia de usuario\/interfaz de usuario) ha cobrado una gran relevancia en los \u00faltimos a\u00f1os. Con p\u00e1ginas (landings) claramente orientadas a objetivos, cada decisi\u00f3n tomada en el proceso de dise\u00f1o puede ser decisiva a la hora de llevar al usuario a buen puerto.<\/p>\n","protected":false},"author":4,"featured_media":9480,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[15],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.digitalmenta.com\/wp-json\/wp\/v2\/posts\/9472"}],"collection":[{"href":"https:\/\/www.digitalmenta.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digitalmenta.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digitalmenta.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitalmenta.com\/wp-json\/wp\/v2\/comments?post=9472"}],"version-history":[{"count":0,"href":"https:\/\/www.digitalmenta.com\/wp-json\/wp\/v2\/posts\/9472\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.digitalmenta.com\/wp-json\/wp\/v2\/media\/9480"}],"wp:attachment":[{"href":"https:\/\/www.digitalmenta.com\/wp-json\/wp\/v2\/media?parent=9472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitalmenta.com\/wp-json\/wp\/v2\/categories?post=9472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitalmenta.com\/wp-json\/wp\/v2\/tags?post=9472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}