{"id":61929,"date":"2017-06-05T08:00:58","date_gmt":"2017-06-05T12:00:58","guid":{"rendered":"http:\/\/www.tusclicks.cl\/blog\/?p=61929"},"modified":"2017-06-06T16:38:33","modified_gmt":"2017-06-06T20:38:33","slug":"10-formas-usar-elementos-visuales-web","status":"publish","type":"post","link":"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/","title":{"rendered":"10 formas de usar elementos visuales en tu web"},"content":{"rendered":"

El contenido visual es probablemente el arma m\u00e1s potente en cualquier estrategia de marketing. Esto fundamentalmente debido a que la tecnolog\u00eda, junto al deseo innato de consumir tanta informaci\u00f3n como sea posible, ha despertado nuestros instintos b\u00e1sicos de comunicarnos visualmente.<\/p>\n

Una p\u00e1gina web es una parte fundamental en el plan de negocios de toda empresa, y se adapta de forma perfecta al objetivo visual del marketing dado que, despu\u00e9s de todo, el dise\u00f1o web en s\u00ed mismo tiene una base visual. Es por esto que es importante conocer c\u00f3mo utilizar de forma correcta las im\u00e1genes para atraer a potenciales consumidores e invitarlos a interactuar con el contenido.<\/p>\n

Aqu\u00ed hay 10 consejos para utilizar los elementos visuales p\u00e1gina web que los especialistas del sitio\u00a0Business 2 Community<\/a>\u00a0destacan entre las mejores pr\u00e1cticas para tu estrategia de marketing.<\/p>\n

1. Dise\u00f1o<\/h3>\n

El primer paso es comenzar con el dise\u00f1o de tu p\u00e1gina web. Este es un aspecto crucial, ya que acompa\u00f1ar\u00e1 a la experiencia de los usuarios durante toda su estancia en el sitio.<\/p>\n

De acuerdo al sitio\u00a0ConversionXL<\/a>\u00a0las personas tardan s\u00f3lo 0.05 segundo en formarse una opini\u00f3n sobre un sitio web. Es por esto que se hace importante mantener todo limpio y sencillo, usando siempre los elementos visuales para ayudar al contenido.<\/p>\n

2. Usa fotograf\u00edas<\/h3>\n

Una gran estrategia es usar\u00a0im\u00e1genes propias o tomadas por profesionales<\/a>. Esto personaliza la experiencia del usuario entreg\u00e1ndole contenido visual exclusivo.<\/p>\n

Intenta tomar fotograf\u00edas originales que muestren tu producto en acci\u00f3n. Esto destaca de forma inmediata la utilidad y atrae fuertemente la atenci\u00f3n del potencial consumidor.<\/p>\n

3. Texto descriptivo<\/h3>\n

Usar un texto debajo de las im\u00e1genes web para explicar su contenido resulta muy \u00fatil a la hora de organizar una p\u00e1gina. Adem\u00e1s, dado que este elemento es tambi\u00e9n le\u00eddo por los motores de b\u00fasqueda, puede resultar altamente efectivo para mostrar a las personas de forma mucho m\u00e1s r\u00e1pida lo que est\u00e1n buscando.<\/p>\n

4. Infograf\u00edas<\/h3>\n

La combinaci\u00f3n de texto, datos e im\u00e1genes puede significar un punto de inflexi\u00f3n en la atracci\u00f3n de la atenci\u00f3n del visitante.<\/p>\n

Las infograf\u00edas son muy \u00fatiles reemplazando grandes p\u00e1rrafos de informaci\u00f3n por im\u00e1genes coloridas que expliquen el mismo concepto de una forma mucho m\u00e1s entretenida, permitiendo mostrar los beneficios del producto con estad\u00edsticas sin riesgo de perder la atenci\u00f3n del lector.<\/p>\n

5. Gifs animados<\/h3>\n

El movimiento tiene la capacidad de atraer r\u00e1pidamente nuestra atenci\u00f3n, y los gifs animados cumplen muy bien con este prop\u00f3sito.<\/p>\n

Pueden ser usados en una infinidad de formas. Por ejemplo, en un tutorial paso a paso para el uso de un producto, para entregar de otra forma datos estad\u00edsticos o tal vez para destacar secciones espec\u00edficas de la p\u00e1gina.<\/p>\n

6. Usa indicaciones visuales<\/h3>\n

Una buena forma de asegurar atraer la atenci\u00f3n del visitante a ciertas secciones de un sitio web es utilizando se\u00f1ales visuales.<\/p>\n

Estas se\u00f1ales visuales pueden venir en forma de l\u00edneas o flechas, que ayudar\u00e1n al usuario a dirigir su atenci\u00f3n en la direcci\u00f3n correcta. Sin embargo, un punto importante a cuidar es que estos recursos visuales web nunca deben ser obstructivos.<\/p>\n

7. Evita colores demasiado llamativos<\/h3>\n

Los colores llamativos sin duda son efectivos a la hora de conseguir la atenci\u00f3n, pero deben ser utilizados de forma cuidadosa.<\/p>\n

Un uso excesivo de este recurso puede ocasionar la huida inmediata del visitante. Intenta usar estos colores acompa\u00f1ados de colores m\u00e1s oscuros, o en im\u00e1genes en donde estos colores no sean los predominantes.<\/p>\n

8. Storytelling<\/h3>\n

Todos se sienten atra\u00eddos por una buena historia, y usar im\u00e1genes o infograf\u00edas para contar una acerca de tu producto puede ayudar a mantener la atenci\u00f3n del potencial cliente.<\/p>\n

Un buen ejemplo de este recurso es contar la historia de tu producto desde su concepci\u00f3n hasta el momento del lanzamiento de una forma interesante, esto har\u00e1 que los consumidores se sientan comprometidos e incentivados a conocer m\u00e1s de los beneficios de la oferta.<\/p>\n

9. Las im\u00e1genes deben estar relacionadas al mensaje<\/h3>\n

El principal objetivo de la utilizaci\u00f3n de im\u00e1genes debe ser el inter\u00e9s del usuario, por lo que se debe evitar a toda costa utilizar este recurso para fines que no apunten en esta direcci\u00f3n. Piensa bien en qu\u00e9 tipo de contenido visual es tanto atractivo como \u00fatil para incorporarlo en tu sitio web.<\/p>\n

10. Incluye una llamada a la acci\u00f3n<\/h3>\n

Es importante que, adem\u00e1s de atraer la atenci\u00f3n, se invite correctamente al visitante a realizar una acci\u00f3n dentro del sitio. Esto puede ser desde un llamado a\u00a0compartir el contenido<\/a>\u00a0hasta un incentivo a descargar un e-book sobre el producto. Lo importante es que el visitante interact\u00fae activamente con el sitio.<\/p>\n

Existen muchas formas para crear incre\u00edbles estrategias visuales y atraer de manera efectiva la atenci\u00f3n de los visitantes del sitio web. Intenta aplicar estas estrategias cuidando siempre de que vaya acompa\u00f1ado de un plan de marketing pensado en el producto o servicio que est\u00e1s ofreciendo.<\/p>\n","protected":false},"excerpt":{"rendered":"

El contenido visual es probablemente el arma m\u00e1s potente en cualquier estrategia de marketing. Esto fundamentalmente debido a que la tecnolog\u00eda, junto al deseo innato de consumir tanta informaci\u00f3n como sea posible, ha despertado nuestros instintos b\u00e1sicos de comunicarnos visualmente.<\/p>\n","protected":false},"author":1,"featured_media":61930,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38],"tags":[743,745,744],"yoast_head":"\nElementos visuales p\u00e1gina web | Recursos visuales web | Im\u00e1genes web<\/title>\n<meta name=\"description\" content=\"El contenido visual es probablemente el arma m\u00e1s potente en cualquier estrategia de marketing. Esto fundamentalmente debido a que la tecnolog\u00eda, junto al deseo innato de consumir tanta informaci\u00f3n como sea posible, ha despertado nuestros instintos b\u00e1sicos de comunicarnos visualmente.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementos visuales p\u00e1gina web | Recursos visuales web | Im\u00e1genes web\" \/>\n<meta property=\"og:description\" content=\"El contenido visual es probablemente el arma m\u00e1s potente en cualquier estrategia de marketing. Esto fundamentalmente debido a que la tecnolog\u00eda, junto al deseo innato de consumir tanta informaci\u00f3n como sea posible, ha despertado nuestros instintos b\u00e1sicos de comunicarnos visualmente.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-05T12:00:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-06-06T20:38:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2017\/06\/10-formas-de-usar-elementos-visuales-en-tu-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Patricio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Patricio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/\",\"url\":\"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/\",\"name\":\"Elementos visuales p\u00e1gina web | Recursos visuales web | Im\u00e1genes web\",\"isPartOf\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/#website\"},\"datePublished\":\"2017-06-05T12:00:58+00:00\",\"dateModified\":\"2017-06-06T20:38:33+00:00\",\"author\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f\"},\"description\":\"El contenido visual es probablemente el arma m\u00e1s potente en cualquier estrategia de marketing. Esto fundamentalmente debido a que la tecnolog\u00eda, junto al deseo innato de consumir tanta informaci\u00f3n como sea posible, ha despertado nuestros instintos b\u00e1sicos de comunicarnos visualmente.\",\"breadcrumb\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/tusclicks.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 formas de usar elementos visuales en tu web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tusclicks.com\/blog\/#website\",\"url\":\"https:\/\/tusclicks.com\/blog\/\",\"name\":\"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.\",\"description\":\"Tusclicks Blog \/ Posicionamiento web \/ Mejoras P\u00e1ginas Web \/ Marketing Internet\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tusclicks.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f\",\"name\":\"Patricio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g\",\"caption\":\"Patricio\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementos visuales p\u00e1gina web | Recursos visuales web | Im\u00e1genes web","description":"El contenido visual es probablemente el arma m\u00e1s potente en cualquier estrategia de marketing. Esto fundamentalmente debido a que la tecnolog\u00eda, junto al deseo innato de consumir tanta informaci\u00f3n como sea posible, ha despertado nuestros instintos b\u00e1sicos de comunicarnos visualmente.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/","og_locale":"es_ES","og_type":"article","og_title":"Elementos visuales p\u00e1gina web | Recursos visuales web | Im\u00e1genes web","og_description":"El contenido visual es probablemente el arma m\u00e1s potente en cualquier estrategia de marketing. Esto fundamentalmente debido a que la tecnolog\u00eda, junto al deseo innato de consumir tanta informaci\u00f3n como sea posible, ha despertado nuestros instintos b\u00e1sicos de comunicarnos visualmente.","og_url":"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/","og_site_name":"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.","article_published_time":"2017-06-05T12:00:58+00:00","article_modified_time":"2017-06-06T20:38:33+00:00","og_image":[{"width":900,"height":300,"url":"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2017\/06\/10-formas-de-usar-elementos-visuales-en-tu-web.jpg","type":"image\/jpeg"}],"author":"Patricio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Patricio","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/","url":"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/","name":"Elementos visuales p\u00e1gina web | Recursos visuales web | Im\u00e1genes web","isPartOf":{"@id":"https:\/\/tusclicks.com\/blog\/#website"},"datePublished":"2017-06-05T12:00:58+00:00","dateModified":"2017-06-06T20:38:33+00:00","author":{"@id":"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f"},"description":"El contenido visual es probablemente el arma m\u00e1s potente en cualquier estrategia de marketing. Esto fundamentalmente debido a que la tecnolog\u00eda, junto al deseo innato de consumir tanta informaci\u00f3n como sea posible, ha despertado nuestros instintos b\u00e1sicos de comunicarnos visualmente.","breadcrumb":{"@id":"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tusclicks.com\/blog\/10-formas-usar-elementos-visuales-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/tusclicks.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 formas de usar elementos visuales en tu web"}]},{"@type":"WebSite","@id":"https:\/\/tusclicks.com\/blog\/#website","url":"https:\/\/tusclicks.com\/blog\/","name":"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.","description":"Tusclicks Blog \/ Posicionamiento web \/ Mejoras P\u00e1ginas Web \/ Marketing Internet","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tusclicks.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f","name":"Patricio","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g","caption":"Patricio"}}]}},"_links":{"self":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/61929"}],"collection":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/comments?post=61929"}],"version-history":[{"count":0,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/61929\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media\/61930"}],"wp:attachment":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media?parent=61929"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/categories?post=61929"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/tags?post=61929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}