![\"la](\"https:\/\/s3.postcron.com\/blog-es\/2015\/09\/006.jpg\")
<\/a>\n\u00bfSabes hacer marketing en tu p\u00e1gina web<\/strong>? \u00bfTu sitio est\u00e1 optimizado para que resulte irresistible suscribir, comprar, descargar, probar un producto o llenar un formulario?<\/strong> \u00bfSabes si los colores que has elegido<\/strong> y la disposici\u00f3n de los elementos son los correctos para que el usuario recorra la landing page<\/strong> de la manera que t\u00fa lo deseas hasta llegar al punto y click que t\u00fa necesitas?<\/strong> \u00bfAcaso sab\u00edas que el color es uno de los factores con mayor influencia a nivel \u201csubconsciente\u201d en el proceso de decisi\u00f3n de compra?<\/strong><\/em><\/p>\n
Trabajar sobre los canales de social media es sumamente necesario, y seguramente ahora le das m\u00e1s importancia a Facebook, Twitter o Google Plus, que a tu p\u00e1gina web, o quiz\u00e1s a\u00fan no has creado una, por el temor de que resulte obsoleta. \u00bfO no?.<\/p>\n
<\/a><\/center>\nEs necesario entender que el dise\u00f1o de una p\u00e1gina web<\/strong>, no debe ser s\u00f3lo pensado para gustar visualmente, sino que debe ser optimizada para guiar al usuario a lo largo de una secuencia de pensamientos, para que realice la acci\u00f3n que nosotros esperamos de \u00e9l. El color es un componente fundamental<\/strong> que ejerce influencia en todo este proceso y por ello es tan importante, si deseas obtener m\u00e1s ventas, suscripciones, descargas, etc., que leas este art\u00edculo para aprender qu\u00e9 errores no debes cometer en tu p\u00e1gina y c\u00f3mo utilizar la psicologia del color, para conseguir tus objetivos.<\/strong> Las modificaciones que podr\u00e1s hacer son muy simples, y pueden significar \u00a1cambios incre\u00edbles!<\/p>\n
\u00bfCon ganas de empezar a leer? \u00a1All\u00e1 vamos!<\/strong><\/p>\n 1.A- El sentido de mayor influencia en la decisi\u00f3n de compra:<\/strong><\/p>\n Cada \u00edcono representa una industria:<\/p>\n Rojo es:<\/strong> agresivo, energ\u00e9tico, provocativo y llama la atenci\u00f3n. Como bien hab\u00edamos dicho en un principio, la psicolog\u00eda del color es muy poderosa, ya que es el color el factor que mayor peso ejerce en el proceso de conversi\u00f3n<\/strong> en una landing page, junto con otros elementos del dise\u00f1o como: el Tama\u00f1o, la Forma, la Ubicaci\u00f3n y el Movimiento.<\/strong><\/p>\n Tomamos el excelente an\u00e1lisis realizado por Marketing Experiments<\/a> para desarrollar los siguientes 5 errores fatales<\/strong> relacionados con el uso de los colores, para que ahora mismo analices tu p\u00e1gina y comiences a optimizarla:<\/strong><\/p>\n El error puede ser la falta de \u00e9nfasis o colocar el \u00e9nfasis en un elemento o lugar incorrecto.<\/strong> Original:<\/strong> en la p\u00e1gina no se hac\u00eda \u00e9nfasis en ning\u00fan plan, y nada llamaba la atenci\u00f3n. No hab\u00eda ning\u00fan elemento que guiara al usuario a tomar una decisi\u00f3n concreta.<\/strong> Cuando una persona se enfrenta a opciones que aparentan ser todas \u201ciguales\u201d, ingresa en una situaci\u00f3n confusa, de la cual es m\u00e1s f\u00e1cil retirarse,<\/strong> que<\/strong> parar un minuto y tratar de entender qu\u00e9 es exactamente lo que se ofrece<\/strong> y qu\u00e9 opci\u00f3n es la m\u00e1s conveniente. En cambio, cuando se simplifica el proceso destacando e indicando una opci\u00f3n sobre otra, la duda desaparece m\u00e1s r\u00e1pido y con ello m\u00e1s f\u00e1cil es obtener el SI del cliente.<\/p>\n En este caso, la saturaci\u00f3n de colores, o \u201cla falta de\u201d, afecta much\u00edsimo el proceso decisivo.<\/strong> Ya que puede ser un factor de confusi\u00f3n<\/strong> o de lo contrario, un factor que ayude a asimilar mejor la informaci\u00f3n. Original:<\/strong> Muchos colores compitiendo al mismo tiempo por la atenci\u00f3n<\/strong> de la persona que visita la p\u00e1gina.<\/p>\n En esta ocasi\u00f3n, me parece que viene como anillo al dedo traer una explicaci\u00f3n realizada por Derek Halpern<\/strong> en uno de sus videoposts, que resulta s\u00faper l\u00f3gica, pero que al parecer cuesta asimilar. \u00c9l indica que existen dos colores que debes usar<\/strong> en tu p\u00e1gina web: colores pasivos<\/strong> y colores accionables:<\/strong><\/p>\n Marketing Experiments, destaca en este caso, un gran error de combinaci\u00f3n, en una caja de di\u00e1logo la cual contiene un CTA para un acceso premium<\/strong> al contenido que este sitio ofrece.<\/p>\n Cada color transmite un mensaje y es por ello que es fundamental conocer que significa cada<\/strong> color para entender qu\u00e9 emociones activa cada uno y qu\u00e9 asociaciones se disparan con su uso.<\/strong> En el siguiente caso, la versi\u00f3n original no transmite ni connota credibilidad, seriedad o confianza<\/strong>, valores necesarios para este tipo de producto.<\/p>\n El caso que vimos en el error de \u201c\u00e9nfasis\u201d, tambi\u00e9n podr\u00eda ajustarse a este escenario. Es necesario acompa\u00f1ar y guiar a trav\u00e9s de los colores, a qui\u00e9n visita la p\u00e1gina para que el mensaje que se transmite con cada elemento de dise\u00f1o, sea interpretado correctamente por cada usuario.<\/strong><\/p>\n El siguiente, es otro claro ejemplo de c\u00f3mo la utilizaci\u00f3n del color puede interrumpir el recorrido visual y la secuencia natural de pensamientos que va construyendo cada persona al repasar el contenido de la p\u00e1gina o landing page.<\/strong> Con un buen uso del color y su disposici\u00f3n, se puede conseguir que el usuario realice la acci\u00f3n que nosotros deseamos, sin esfuerzos.<\/p>\n Original:<\/strong> aunque se utiliza un color en el bot\u00f3n del CTA que potencialmente atrae toda la atenci\u00f3n, al estar colocado en una caja blanca, fuera del mensaje principal,<\/strong> interrumpe la secuencia natural de pensamientos de la persona que est\u00e1 leyendo, dejando un espacio que genera ruido, que desencaja, y en ese instante, puede ingresar la duda, y es eso lo justamente debemos evitar.<\/p>\n No dejes que el mensaje o el punto de inter\u00e9s<\/strong> en el que deseas concentrar toda la atenci\u00f3n, quede suelto o perdido entre el resto de los elementos d<\/strong>e tu landing page. Encapsula el bot\u00f3n para incorporarlo al mensaje y llamar correctamente la atenci\u00f3n.<\/p>\n No dejes librado al azar el recorrido visual del usuario alrededor de la p\u00e1gina.<\/strong> Gu\u00eda e indica d\u00f3nde se debe prestar atenci\u00f3n en tu landing page. Utiliza si es necesario, elementos que ayuden a direccionar el paso del ojo por la p\u00e1gina.<\/p>\n Como bien repasamos en los puntos anteriores, recuerda que contraste no significa usar muchos colores. Significa aplicar todo el peso del color, en el lugar correcto.<\/strong><\/p>\n Puedes destacar los botones o cajas con un CTA a trav\u00e9s de los espacios en blancos, para no generar ruido con demasiados colores o elementos<\/strong> extras para llamar la atenci\u00f3n.<\/p>\n Mohita Nagpal hace una excelente recopilaci\u00f3n de ideas para optimizar botones y texto de una landing page<\/strong>, en el blog Visual Optimizer<\/a>. Hagamos un repaso r\u00e1pido:<\/p>\n <\/p>\n <\/p>\n Esta app analiza el recorrido que realizan los visitantes a trav\u00e9s de tu sitio y en qu\u00e9 puntos encuentran dificultades para seguir el flujo de acciones dentro de \u00e9sta.<\/p>\n Esta app te permite analizar seg\u00fan diferentes criterios de test de colores, cu\u00e1les son los mejores para combinar en tu sitio.<\/p>\n Comprender el poder del color y su significado, es muy importante porque los colores no solo sirven para llamar la atenci\u00f3n, sino que principalmente comunican<\/strong> un mensaje a trav\u00e9s del entramado de asociaciones que disparan cada uno de ellos<\/strong>. Como bien dijimos en un principio, es necesario tambi\u00e9n aprender a hacer marketing en una p\u00e1gina web<\/strong>, y aprovecha cada elemento del dise\u00f1o para comunicarte con las personas que visitan tu sitio, gu\u00edalos y haz que ellos realizan la acci\u00f3n que tu necesitas.<\/strong> Fuentes Principales: \u00bfSabes hacer marketing en tu p\u00e1gina web? \u00bfTu sitio est\u00e1 optimizado para que resulte irresistible suscribir, comprar, descargar, probar un producto o llenar un formulario? \u00bfSabes si los colores que has elegido y la disposici\u00f3n de los elementos son los correctos para que el usuario recorra la landing page de la manera que t\u00fa lo […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"two_page_speed":[],"footnotes":""},"categories":[],"tags":[],"class_list":["post-1791","post","type-post","status-publish","format-standard","hentry"],"yoast_head":"\n<\/a><\/p>\nA- La psicolog\u00eda del color: un repaso r\u00e1pido por datos que no ten\u00edas idea al respecto<\/h2>\n
<\/a><\/center>
\n2.A- 90 segundos necesita el cerebro para realizar un an\u00e1lisis subconsciente del producto<\/strong> y hacer un juicio al respecto:<\/p>\n<\/a><\/center>
\n3.A- Colores preferidos seg\u00fan el g\u00e9nero:<\/strong><\/p>\n\n
<\/a><\/center>
\n4.A- Existen 3 perfiles b\u00e1sicos de comprador, y cada uno es atra\u00eddo por colores distintos<\/strong>, que funcionan en cada caso como activadores:<\/strong><\/p>\n<\/a><\/center>
\n5.A- El azul es el color m\u00e1s usado entre las marcas<\/strong> m\u00e1s importantes del mundo.<\/p>\n<\/a><\/center>
\n6.A- Los colores m\u00e1s usados por industria<\/strong>:<\/p>\n<\/a><\/center>Colores m\u00e1s usados por industria:<\/p>\n
\nEs popular entre las industrias relacionadas con : comida, tecnolog\u00eda, autos y agricultura.<\/strong><\/p>\n<\/a><\/center>P\u00farpura evoca:<\/strong> elegancia, sofisticaci\u00f3n, nostalgia, misterio, espiritualidad
\nEs popular entre las industrias relacionadas con: tecnolog\u00eda, cuidado de la salud, finanzas.<\/strong><\/p>\n<\/a><\/center>Azul transmite:<\/strong> confianza, credibilidad, seguridad, responsabilidad.
\nEs popular entre las industrias relacionadas con: tecnolog\u00eda, cuidado de la salud, finanzas. energ\u00eda, agricultura, aerol\u00edneas.<\/strong><\/p>\n<\/a><\/center>Verde evoca:<\/strong> riqueza, salud, prestigio, serenidad
\nEs popular entre las industrias relacionadas con: comida, tecnolog\u00eda, finanzas, energ\u00eda, vivienda.<\/strong><\/p>\n<\/a><\/center>Amarillo evoca:<\/strong> positivismo, luz, calidez, motivaci\u00f3n, cretividad
\nEs popular entre las industrias relacionadas con: comida, energ\u00eda y la vivienda.<\/strong><\/p>\n<\/a><\/center>Naranja evoca:<\/strong> vitalidad, diversi\u00f3n, exuberancia, alegr\u00eda.
\nEs popular entre las industrias relacionadas con: tecnolog\u00eda y cuidado de la salud.<\/strong><\/p>\n<\/a><\/center>Marr\u00f3n evoca lo:<\/strong> terrenal, natural, simplicidad, duradero
\nEs popular entre las industrias relacionadas con: ropa, autos y agricultura.<\/strong><\/p>\n<\/a><\/center>Negro evoca:<\/strong> prestigio, valor, atemporalidad, sofisticaci\u00f3n
\nEs popular entre las industrias relacionadas con: tecnolog\u00eda, autos y ropa<\/strong>.<\/p>\n<\/a><\/center>Blanco evoca:<\/strong> pureza, nobleza, limpieza, suavidad.
\nEs popular entre las industrias relacionadas con: ropa y cuidado de la salud.<\/strong><\/p>\n<\/a><\/center><\/p>\nB- Los errores que debes dejar de cometer en tu landing page en relaci\u00f3n a los colores<\/h2>\n
7.B- Error 1: Enfasis<\/h3>\n
\nMarketing Experiments analiza un caso<\/strong> que necesitaba aumentar la cantidad de suscriptores.<\/p>\n<\/a><\/center>Optimizaci\u00f3n:<\/strong> se utiliz\u00f3 un juego de sombras y gradientes de colores que gu\u00edan la vista hac\u00eda el punto principal, que se destaca con un color distinto para fortalecer la propuesta de valor.<\/strong> As\u00ed mismo, se simplific\u00f3 la informaci\u00f3n que se daba a trav\u00e9s del texto y junto con la utilizaci\u00f3n de los colores, se gui\u00f3 al usuario, hacia el plan que la empresa quer\u00eda que fuera elegido. Con estas modificaciones se registr\u00f3 un incremento del CTR en un 81% .<\/p>\n<\/a><\/center>Otro ejemplo: colocar el \u00e9nfasis en el lugar incorrecto.<\/strong>
\nEl error en este caso, es que el color genera distracci\u00f3n al colocar el bot\u00f3n del Call To Action (CTA) fuera del formulario y en el medio del recorrido visual<\/strong> que realiza el usuario a trav\u00e9s de la p\u00e1gina. En la versi\u00f3n optimizada<\/strong>, el color del bot\u00f3n de CTA es m\u00e1s intenso y es colocado al pie de la p\u00e1gina, \u201cobligando\u201d al usuario a atravesar con su vista, todo el formulario para llegar finalmente hasta el bot\u00f3n del CTA, guiando la acci\u00f3n<\/strong>. Resultado: 97% m\u00e1s de CTR<\/p>\n<\/a><\/center><\/p>\n8.B-Error 2: Cantidad<\/h3>\n
\nVeamos este ejemplo del an\u00e1lisis realizado por Marketing Experiments:<\/p>\n<\/a><\/center>Optimizado:<\/strong> se quita el ruido producido por tantos colores<\/strong>, dejando la caja que incluye el call to action, como \u00fanico elemento enfatizado por el color.<\/strong><\/p>\n<\/a><\/center><\/p>\n9.B- Error 3: Combinaci\u00f3n<\/h3>\n
\n
<\/a><\/center>En la versi\u00f3n optimizada, a la caja con el call to action, se le asign\u00f3 un color accionable que permiti\u00f3 traer adelante el mensaje<\/strong> o el pedido de acci\u00f3n, lejos del fondo, para evitar que se perdiera entre el resto del contenido visual.<\/strong>
\nNo hay que confundir a los usuarios, por ello es necesario que exista una coherencia en el uso y combinaci\u00f3n de colores,<\/strong> para no desconcertar a las personas, y simplificar la toma de decisiones .<\/p>\n<\/a><\/center><\/p>\n10.B- Error 4: Mensaje<\/h3>\n
<\/a><\/center>Piensa en tu industria, en tu producto, en qu\u00e9 mensaje deseas transmitir y qu\u00e9 acciones deseas que realice cada persona que visita tu p\u00e1gina,<\/strong> para tomar la decisi\u00f3n de qu\u00e9 color es el mejor para cumplir tus objetivos.<\/p>\n11.B- Error 5: Flujo<\/h3>\n
<\/a><\/center>Optimizado:<\/strong> el bot\u00f3n es parte del mensaje, no interrumpe el recorrido visual y simplifica la toma de decisi\u00f3n, sin aportar ruido en el medio de todo este proceso.<\/strong> El bot\u00f3n azul es el \u00fanico elemento que carga todo el peso de la atenci\u00f3n, optando en este escenario, por una estrategia de dise\u00f1o que utiliza un contraste bajo, con menos colores, pero mucho peso en un solo elemento.<\/p>\nC- Tips para optimizar los botones de un Call To Action<\/h2>\n
12.C- Encapsular<\/h3>\n
<\/a><\/center><\/p>\n13.C- Direccionar<\/h3>\n
<\/a><\/center><\/p>\n14.C- Contraste<\/h3>\n
<\/a><\/center><\/p>\n15.C- Espacios en blanco<\/h3>\n
<\/a><\/center><\/p>\n16.C- Adem\u00e1s del color, optimiza tu p\u00e1gina y botones con un CTA inteligente y diferente.<\/h3>\n
\n
<\/a><\/center> <\/p>\n<\/a><\/center> <\/p>\n<\/a><\/center> <\/p>\n<\/a><\/center> <\/p>\n<\/a><\/center><\/p>\n\n
<\/a><\/center><\/p>\nD- 2 herramientas que te ayudan a tomar mejores decisiones respecto de los colores, que vas a amar!<\/h2>\n
17.D- Navflow:<\/a><\/h3>\n
<\/a><\/center><\/p>\n18.D- Kuler de Adobe<\/a>:<\/h3>\n
<\/a><\/center><\/p>\nPara concluir:<\/h2>\n
\nAhora bien, si te gust\u00f3 este art\u00edculo…<\/p>\n<\/a><\/p>\n
\nhttp:\/\/unbounce.com\/conversion-rate-optimization\/design-principles-increase-conversions\/<\/a>
\nhttp:\/\/visualwebsiteoptimizer.com\/split-testing-blog\/copywriting-examples-for-high-conversions\/<\/a>
\nhttp:\/\/socialtriggers.com\/ <\/a>
\nhttp:\/\/www.marketingexperiments.com\/site-optimization\/website-colors-and-conversion.html<\/a>
\nhttp:\/\/blog.kissmetrics.com\/psychology-of-color-and-conversions\/?utm_source=hootsuite&utm_campaign=hootsuite<\/a>
\nhttp:\/\/thelogocompany.net\/blog\/infographics\/psychology-color-logo-design\/<\/a>
\nhttp:\/\/brandongaille.com\/how-colors-influence-consumer-buying-decisions\/<\/a>
\nhttp:\/\/blog.kissmetrics.com\/how-colors-affect-conversions\/?wide=1<\/a>
\nhttp:\/\/www.pinterest.com\/pin\/100838479128968459\/ <\/a>
\nhttp:\/\/blog.kissmetrics.com\/color-psychology\/
\n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"