{"id":273,"date":"2012-01-30T13:12:01","date_gmt":"2012-01-30T11:12:01","guid":{"rendered":"http:\/\/webposible.com\/xposible\/?p=273"},"modified":"2020-01-28T18:15:18","modified_gmt":"2020-01-28T16:15:18","slug":"call-to-action-como-fuente-de-luz","status":"publish","type":"post","link":"http:\/\/webposible.com\/xposible\/2012\/call-to-action-como-fuente-de-luz\/","title":{"rendered":"&#8216;Call to action&#8217; como &#8216;fuente de luz&#8217;"},"content":{"rendered":"<p>El cerebro es capaz de detectar una serie de atributos precognitivos, mediante una serie de  \u00abprocesos mentales de bajo nivel\u00bb que se detectan antes incluso de pensar conscientemente. Son los siguientes:<\/p>\n<ul>\n<li>Proximidad<\/li>\n<li>Color<\/li>\n<li>Tama\u00f1o<\/li>\n<li>Orientaci\u00f3n<\/li>\n<li>Direcci\u00f3n<\/li>\n<li>Forma<\/li>\n<li>Sombreado<\/li>\n<\/ul>\n<p>El origen es biol\u00f3gico: cuesti\u00f3n de supervivencia de la especie. <em>M\u00e1s de un astuto lector de xposible confimar\u00e1 su certeza de que las fuentes del dise\u00f1o son muy profundas&#8230;<\/em><\/p>\n<p>Dejando de lado las cinco primeras, me centrar\u00e9 en la \u00faltima, el sombreado. Muy relacionado con el sol, una fuente de iluminaci\u00f3n y calor. Viendo la direcci\u00f3n de la sombra, los hombre primitivos (hablo de cuando <span xml:lang=\"en\">twitter<\/span> no exist\u00eda en incluso antes) sab\u00edan c\u00f3mo encontrar el sol o la hoguera.<\/p>\n<p>Ahora es cuando doy una pirueta en el discurso, para recordar una frase que me dijo hace unos meses un compa\u00f1ero: <q>en el dise\u00f1o gr\u00e1fico, la sombra en los elementos suele estar debajo, porque el sol est\u00e1 arriba<\/q>. Con el tiempo, me he hecho una pregunta: \u00bfy si el sol no est\u00e1 arriba? Traduzcamos la pregunta a algo relacionado con la web: \u00bfY si el <em xml:lang=\"en\">call to action<\/em> no est\u00e1 arriba?<\/p>\n<p>Por si eres uno de los pocos que no conoce qu\u00e9 narices es un <em xml:lang=\"en\">call to action<\/em> (yo hace poco lo era), basta con resumir que es un elemento que <em>deber\u00eda<\/em> captar nuestra atenci\u00f3n para realizar una acci\u00f3n concreta: darnos de alta, suscribirnos a sus noticias, buscar, ver las ofertas,&#8230; cosas as\u00ed. En ocasiones se destaca usando apropiadamente los atributos precongnitivos mencionados al principio, entre los que seguramente destaquen el color, el tama\u00f1o y la forma.<\/p>\n<p>La <strong>tesis<\/strong> que defiendo, y bienvenidos sean los comentarios al respecto, es que la sombra o la intensidad de la luz, puede ser un factor importante a la hora de destacar adecuadamente los elementos, y como extra, puede proporcionar una direcci\u00f3n a seguir, y dentro de esa direcci\u00f3n, una orientaci\u00f3n hacia el <em xml:lang=\"en\">call to action<\/em>. Como dir\u00eda Chicho Terremoto <q>Tres puntos, colega<\/q>.<\/p>\n<p>A continuaci\u00f3n tienes una imagen que pretende ilustrar lo que digo: en una rejilla con nueve elementos, el elemento central actua como \u00absol\u00bb que \u00abilumina\u00bb,<ins datetime=\"2012-01-31\">siendo el sol del ejemplo oscuro<\/ins> el resto de los elementos. Desde cualquiera de esos otros elementos, la direcci\u00f3n de la luz, nos conduce al centro, lo que se supone que es el centro de atenci\u00f3n (no s\u00f3lo por estar en el centro, aunque as\u00ed sea en el ejemplo). He usado un degradado con dos colores del tema de xposible,&#8230; y as\u00ed ha salido&#8230;<\/p>\n<p class=\"c\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/www.webposible.com\/imagenes\/xposible\/xposible-post-call-to-action-sun.png\" alt=\"Rejilla de nueve elementos con un foco de luz en el centro.\" width=\"490\" height=\"490\" \/><\/p>\n<p>En el segundo ejemplo, trasladamos ese centro de atenci\u00f3n (de luz y de calor) a la esquina inferior izquierda.<\/p>\n<p class=\"c\"><img decoding=\"async\" src=\"http:\/\/www.webposible.com\/imagenes\/xposible\/xposible-post-call-to-action-sun-2.png\" alt=\"Rejilla con nueve elementos, con un foco de luz en la esquina inferior izquierda.\" \/><\/p>\n<p>El caso es que los ejemplos usados tienen truco, porque dejo de lado otros factores (color, tama\u00f1o, forma y proximidad) que obviamente cambian la relaci\u00f3n entre todos los elementos que entran en juego.<\/p>\n<p>De postre, Fundamentos de dise\u00f1o: Econom\u00eda de Recursos, de Ale Mu\u00f1oz, que habla un poco de espacio, color y forma.<\/p>\n<p><ins datetime=\"2012-01-31\">Im\u00e1genes actualizadas tras el comentario acertado de David<\/ins><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El cerebro es capaz de detectar una serie de atributos precognitivos, mediante una serie de \u00abprocesos mentales de bajo nivel\u00bb que se detectan antes incluso de pensar conscientemente. Son los siguientes: Proximidad Color Tama\u00f1o Orientaci\u00f3n Direcci\u00f3n Forma Sombreado El origen es biol\u00f3gico: cuesti\u00f3n de supervivencia de la especie. M\u00e1s de un astuto lector de xposible [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[47],"tags":[],"_links":{"self":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/273"}],"collection":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":15,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/273\/revisions"}],"predecessor-version":[{"id":670,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/273\/revisions\/670"}],"wp:attachment":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/media?parent=273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/categories?post=273"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/tags?post=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}