{"id":62563,"date":"2017-07-27T08:00:08","date_gmt":"2017-07-27T12:00:08","guid":{"rendered":"http:\/\/www.tusclicks.cl\/blog\/?p=62563"},"modified":"2017-07-28T12:32:05","modified_gmt":"2017-07-28T16:32:05","slug":"4-conceptos-diseno-web-tienes-saber","status":"publish","type":"post","link":"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/","title":{"rendered":"4 conceptos de dise\u00f1o web que tienes que saber"},"content":{"rendered":"<p>El dise\u00f1o web tiene que ser uno de los pilares fundamentales de cualquier plan de marketing digital pensado en la experiencia del usuario. As\u00ed lo sugieren estudios como el \u201c<a href=\"http:\/\/wwwimages.adobe.com\/content\/dam\/Adobe\/en\/max\/2015\/pdfs\/state-of-content-oct.pdf\">TheState of Content: ExpectationsontheRise<\/a>\u201d, que se\u00f1ala que el 66% de los consumidores prefieren visualizar contenido \u201cbellamente dise\u00f1ado\u201d que uno simple y plano.<\/p>\n<p>Por eso resulta fundamental que conozcas los siguientes 4<strong>\u00a0conceptos dise\u00f1o p\u00e1gina web,\u00a0<\/strong>entendido como los elementos, espacios y contenidos con los que interact\u00faan los usuarios al navegar en tu sitio. Toma nota.<\/p>\n<ol>\n<li>\n<h3>Comunicaci\u00f3n Visual<\/h3>\n<\/li>\n<\/ol>\n<p>De todos los\u00a0<strong>conceptos de dise\u00f1o web<\/strong>\u00a0este es el m\u00e1s importante. Se basa en utilizar im\u00e1genes para crear significado y transmitir un mensaje educativo.<\/p>\n<p>Su importancia radica en el gusto que sienten las personas por el contenido visual, y la cantidad de significados que se pueden expresar mediante im\u00e1genes y sin necesidad de utilizar grandes vol\u00famenes de texto.<\/p>\n<p>Para determinar si tu dise\u00f1o y\/o contenido cumple con el concepto de\u00a0<a href=\"http:\/\/www.tusclicks.cl\/blog\/la-psicologia-del-diseno-web\/\">comunicaci\u00f3n visual efectiva<\/a>, hazte las siguientes preguntas<\/p>\n<ul>\n<li>\u00bfPuede alguien que no est\u00e9 familiarizado con la web decirte cu\u00e1l es el mensaje o tema de sus elementos visuales?<\/li>\n<li>\u00bfUtilizas ilustraciones hechas a la medida del contenido, en contraposici\u00f3n a los gr\u00e1ficos o im\u00e1genes predise\u00f1adas?<\/li>\n<li>\u00bfCada pieza visual tiene un solo objetivo?<\/li>\n<li>\u00bfTanto el dise\u00f1o como la copia est\u00e1n calibrados para captar la atenci\u00f3n de tu p\u00fablico objetivo?<\/li>\n<li>\u00bfHas utilizado la menor cantidad de texto posible?<\/li>\n<\/ul>\n<p>Si la respuesta a alguna de estas preguntas es negativa, debes replantear tu dise\u00f1o de inmediato. Recuerda que este es el m\u00e1s importante de todos los<strong>\u00a0t\u00e9rminos de dise\u00f1o web<\/strong>.<\/p>\n<ol start=\"2\">\n<li>\n<h3>Narraci\u00f3n visual<\/h3>\n<\/li>\n<\/ol>\n<p>Este tipo de narraci\u00f3n utiliza la comunicaci\u00f3n visual para crear una historia que explique un concepto. A menudo evoca una respuesta emocional y es ideal para aquellos negocios que buscan compartir una idea, promover un punto de vista, o persuadir sobre la calidad y eficacia de un producto o servicio. Su objetivo final es la educaci\u00f3n y convencer indirectamente.<\/p>\n<p>Algunos de los elementos que identifican una gran narraci\u00f3n visual son:<\/p>\n<ul>\n<li><strong>Trama<\/strong>: gu\u00eda cuidadosamente a tus espectadores a lo largo de la historia.<\/li>\n<li><strong>Prioridades<\/strong>: utiliza solo los datos y argumentos m\u00e1s fuertes.<\/li>\n<li><strong>Audiencia<\/strong>: la historia debe estar dirigida a un solo p\u00fablico objetivo.<\/li>\n<li><strong>Un \u00fanico objetivo<\/strong>: demasiados puntos o ideas a la vez pueden abrumar a la audiencia.<\/li>\n<\/ul>\n<p>Adem\u00e1s, entre el 2000 y el 2015 los intervalos de atenci\u00f3n humana\u00a0<a href=\"http:\/\/www.telegraph.co.uk\/science\/2016\/03\/12\/humans-have-shorter-attention-span-than-goldfish-thanks-to-smart\/\">cayeron en un enorme 33%<\/a>\u00a0(de 12 a 8 segundos). Por lo que las narraciones deben ser cortas, entretenidas y f\u00e1ciles de digerir. Un buen ejemplo de lo que se puede hacer implementado estos\u00a0<strong>conceptos de dise\u00f1o web,\u00a0<\/strong>es este v\u00eddeo de la Superintendencia de Remprendimiento e insolvencia de Chile:<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"Ley 20720\" width=\"800\" height=\"600\" src=\"https:\/\/www.youtube.com\/embed\/8xeUROiIlIU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>Por medio de una entretenida historia explica brevemente una ley que de otro modo ser\u00eda aburrida.<\/p>\n<ol start=\"3\">\n<li>\n<h3>Visualizaci\u00f3n de la informaci\u00f3n<\/h3>\n<\/li>\n<\/ol>\n<p>La visualizaci\u00f3n de la informaci\u00f3n tiene como objetivo transmitir el significado de los datos lo m\u00e1s r\u00e1pido posible. A diferencia del concepto de dise\u00f1o anterior, su objetivo no es persuadir sino educar sobre un tema espec\u00edfico.<\/p>\n<p>Pero al igual que en los\u00a0<strong>conceptos dise\u00f1o p\u00e1gina web\u00a0<\/strong>anteriores, la est\u00e9tica visual juega un papel fundamental. La idea es presentar los datos en gr\u00e1ficos atractivos que comuniquen r\u00e1pidamente el panorama general. Algunas recomendaciones al respecto son:<\/p>\n<ul>\n<li><strong>Utiliza los gr\u00e1ficos correctos<\/strong>: existen\u00a0<a href=\"http:\/\/www.raco.cat\/index.php\/QuadernsFDAE\/article\/viewFile\/253627\/340413\">normas espec\u00edficas para la confecci\u00f3n de estos elementos<\/a>. Por ejemplo, usar un gr\u00e1fico circular para algo que no es un porcentaje es un grave error.<\/li>\n<li><strong>Manten la simplicidad<\/strong>: evita expresar demasiada informaci\u00f3n en un solo gr\u00e1fico.<\/li>\n<\/ul>\n<p>Recuerda que existen herramientas ideales para hacer gr\u00e1ficos de calidad, como\u00a0<a href=\"https:\/\/infogram.com\/\"><strong>Infogr.am<\/strong><\/a><strong>,\u00a0<\/strong>que te permiten exponer de manera agradable datos densos y complejos.<\/p>\n<p>&nbsp;<\/p>\n<ol start=\"4\">\n<li>\n<h3>Campa\u00f1as visuales<\/h3>\n<\/li>\n<\/ol>\n<p>Los tres\u00a0<strong>conceptos de dise\u00f1o web\u00a0<\/strong>anteriores son ideales para el montaje de una p\u00e1gina web. Pero \u00bfqu\u00e9 sucede si tienes una historia m\u00e1s compleja que contar?<\/p>\n<p>Tienes que trabajar \u2013dentro del sitio y fuera de \u00e9l-, poniendo m\u00e1s \u00e9nfasis en la creaci\u00f3n de p\u00e1ginas interactivas y en la generaci\u00f3n y difusi\u00f3n \u00a0de contenido visual de todo tipo (infograf\u00edas, Gifs, videos, etc). La idea es que mediante esos elementos visuales puedas constituir una imagen de marca. Es decir conceptos visuales que la audiencia asocie r\u00e1pidamente con tu negocio.<\/p>\n<p>Estos cuatro\u00a0<strong>conceptos dise\u00f1o p\u00e1gina web\u00a0<\/strong>nos ense\u00f1an que los elementos visuales juegan un papel preponderante en la materia. Sin embargo, tambi\u00e9n permiten concluir que un sitio no solo debe verse bien. Tiene que actuar como un motor de crecimiento, que\u00a0<a href=\"http:\/\/www.tusclicks.cl\/blog\/8-tips-content-marketing-podrian-duplicar-generacion-leads\/\">potencie la generaci\u00f3n de prospectos<\/a>\u00a0y fomente las ventas mediante una est\u00e9tica agradable y una experiencia de usuario inmejorable.<strong>\u00a0<\/strong><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o web tiene que ser uno de los pilares fundamentales de cualquier plan de marketing digital pensado en la experiencia del usuario. As\u00ed lo sugieren estudios como el \u201cTheState of Content: ExpectationsontheRise\u201d, que se\u00f1ala que el 66% de los consumidores prefieren visualizar contenido \u201cbellamente dise\u00f1ado\u201d que uno simple y plano. <\/p>\n","protected":false},"author":18,"featured_media":62564,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38],"tags":[803,804,805],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Conceptos de dise\u00f1o web | Conceptos dise\u00f1o p\u00e1gina web | T\u00e9rminos de dise\u00f1o web<\/title>\n<meta name=\"description\" content=\"El dise\u00f1o web tiene que ser uno de los pilares fundamentales de cualquier plan de marketing digital pensado en la experiencia del usuario.\" \/>\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\/4-conceptos-diseno-web-tienes-saber\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Conceptos de dise\u00f1o web | Conceptos dise\u00f1o p\u00e1gina web | T\u00e9rminos de dise\u00f1o web\" \/>\n<meta property=\"og:description\" content=\"El dise\u00f1o web tiene que ser uno de los pilares fundamentales de cualquier plan de marketing digital pensado en la experiencia del usuario.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/\" \/>\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-07-27T12:00:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-07-28T16:32:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2017\/07\/4-conceptos-de-diseno-web-que-tienes-que-saber.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=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\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\/4-conceptos-diseno-web-tienes-saber\/\",\"url\":\"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/\",\"name\":\"Conceptos de dise\u00f1o web | Conceptos dise\u00f1o p\u00e1gina web | T\u00e9rminos de dise\u00f1o web\",\"isPartOf\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/#website\"},\"datePublished\":\"2017-07-27T12:00:08+00:00\",\"dateModified\":\"2017-07-28T16:32:05+00:00\",\"author\":{\"@id\":\"\"},\"description\":\"El dise\u00f1o web tiene que ser uno de los pilares fundamentales de cualquier plan de marketing digital pensado en la experiencia del usuario.\",\"breadcrumb\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/tusclicks.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"4 conceptos de dise\u00f1o web que tienes que saber\"}]},{\"@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\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Conceptos de dise\u00f1o web | Conceptos dise\u00f1o p\u00e1gina web | T\u00e9rminos de dise\u00f1o web","description":"El dise\u00f1o web tiene que ser uno de los pilares fundamentales de cualquier plan de marketing digital pensado en la experiencia del usuario.","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\/4-conceptos-diseno-web-tienes-saber\/","og_locale":"es_ES","og_type":"article","og_title":"Conceptos de dise\u00f1o web | Conceptos dise\u00f1o p\u00e1gina web | T\u00e9rminos de dise\u00f1o web","og_description":"El dise\u00f1o web tiene que ser uno de los pilares fundamentales de cualquier plan de marketing digital pensado en la experiencia del usuario.","og_url":"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/","og_site_name":"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.","article_published_time":"2017-07-27T12:00:08+00:00","article_modified_time":"2017-07-28T16:32:05+00:00","og_image":[{"width":900,"height":300,"url":"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2017\/07\/4-conceptos-de-diseno-web-que-tienes-que-saber.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/","url":"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/","name":"Conceptos de dise\u00f1o web | Conceptos dise\u00f1o p\u00e1gina web | T\u00e9rminos de dise\u00f1o web","isPartOf":{"@id":"https:\/\/tusclicks.com\/blog\/#website"},"datePublished":"2017-07-27T12:00:08+00:00","dateModified":"2017-07-28T16:32:05+00:00","author":{"@id":""},"description":"El dise\u00f1o web tiene que ser uno de los pilares fundamentales de cualquier plan de marketing digital pensado en la experiencia del usuario.","breadcrumb":{"@id":"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tusclicks.com\/blog\/4-conceptos-diseno-web-tienes-saber\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/tusclicks.com\/blog\/"},{"@type":"ListItem","position":2,"name":"4 conceptos de dise\u00f1o web que tienes que saber"}]},{"@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":""}]}},"_links":{"self":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/62563"}],"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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/comments?post=62563"}],"version-history":[{"count":0,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/62563\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media\/62564"}],"wp:attachment":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media?parent=62563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/categories?post=62563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/tags?post=62563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}