{"id":29061,"date":"2021-08-14T13:25:39","date_gmt":"2021-08-14T13:25:39","guid":{"rendered":"https:\/\/www.conectasoftware.com\/glossary\/estetica\/"},"modified":"2024-09-15T14:47:01","modified_gmt":"2024-09-15T14:47:01","slug":"estetica","status":"publish","type":"glossary","link":"https:\/\/www.conectasoftware.com\/magazine\/glosario\/estetica\/","title":{"rendered":"Est\u00e9tica<span class=\"dashicons \" data-icon=\"\" style=\"color:#000;display:inline;vertical-align:baseline;\"><\/span>"},"content":{"rendered":"<p>\u00bfQu\u00e9 significa que algo sea est\u00e9tico en dise\u00f1o, y espec\u00edficamente en dise\u00f1o web?<br \/>\nNo responde a opiniones ni a gustos ni es arte.<br \/>\nLa est\u00e9tica es un principio b\u00e1sico de dise\u00f1o que define las cualidades agradables o placenteras de un dise\u00f1o.<br \/>\nIncluye factores como el equilibio, el color o el movimiento.<\/p>\n<blockquote><p>Est\u00e9tica: Disciplina filos\u00f3fica que estudia las condiciones de lo bello en el arte y en la naturaleza.<\/p><\/blockquote>\n<p>C\u00f3mo indica la Nielsen Norman Group <a href=\"https:\/\/www.nngroup.com\/articles\/aesthetic-usability-effect\/\" target=\"_blank\" rel=\"noopener noreferrer\">en este art\u00edculo<\/a>, \u00ablos usuarios est\u00e1n fuertemente influenciados por la est\u00e9tica de cualquier interfaz, incluso cuando intentan evaluar la funcionalidad subyacente del sistema\u00bb.<\/p>\n<p>Para entender esto mejor, veremos dos ideas estrechamente relacionadas sobre el \u00abaspecto\u00bb de un dise\u00f1o.<\/p>\n<ul>\n<li>El efecto halo<\/li>\n<li>La forma sigue a la funci\u00f3n<\/li>\n<\/ul>\n<h2>1. El efecto halo<\/h2>\n<p>El efecto halo se refiere a un sesgo cognitivo que forma parte de un amplio grupo de distorsiones que se circunscriben en el denominado \u00abcriterio de racionalidad limitada\u00bb.<\/p>\n<p>Estamos sesgados hacia las formas est\u00e9ticas. A todos nos encanta mirar cosas bellas y nos atrae la belleza. En un grupo de personas, nos fijaremos primero en aquellos que consideramos atractivos. Y seg\u00fan el sesgo de lo atractivo, los consideraremos m\u00e1s inteligentes, competentes y les atribuiremos otras caracterist\u00edcas positivas antes que al resto del grupo. En campa\u00f1as publicitarias, esto no es nada nuevo. Pero, \u00bfc\u00f3mo se aplica al dise\u00f1o web?<br \/>\nCuando visitamos un sitio web, la decisi\u00f3n de quedarnos explorando o abandonar se toma en segundos. Gran parte de esa decisi\u00f3n depende del atractivo est\u00e9tico del dise\u00f1o de la p\u00e1gina. Las p\u00e1ginas bien dise\u00f1adas tienen mas posibilidades de retener al usuarios que las que est\u00e1n cargados de contenido.<br \/>\nEsto puede afectar a las siguientes m\u00e9tricas web:<\/p>\n<p>1. mayor volumen de tr\u00e1fico a la web<br \/>\n2. mejor tasa de rebote<br \/>\n3. aumento del tiempo sobre el sitio<\/p>\n<p>Adem\u00e1s, construyen un lazo emocional con dise\u00f1os que les conmueven o atraen, lo cual se conoce como dise\u00f1o emocional.<\/p>\n<p>Pero la belleza no lo es todo. Debemos mantener un equilibrio entre est\u00e9tica y experiencia de usuario, y la segunda idea relacionada con el aspecto de un dise\u00f1o: La forma sigue a la funci\u00f3n<\/p>\n<h2>2. La forma sigue a la funci\u00f3n<\/h2>\n<p>El efecto de usabilidad est\u00e9tica se define como el sesgo del usuario de percibir una web o un producto atractivo como m\u00e1s intuitivo o utilizable, en lugar de una alternativa menos est\u00e9ticamente agradable. Este sesgo se presenta independientemente de si la web o el producto m\u00e1s agradable es realmente m\u00e1s f\u00e1cil de usar.<\/p>\n<blockquote><p>El dise\u00f1o es un plan para organizar elementos de la mejor manera para lograr un objetivo concreto.<br \/>\nCharles Eames<\/p><\/blockquote>\n<p>Un buen dise\u00f1o aporta al usuario las funcionalidades que necesita para llevar a cabo su tarea. Un ejemplo extremo muy conocido es la pagina de inicio de Google. Cuenta con un campo de b\u00fasqueda en el centro de la pagina. Todo lo dem\u00e1s, funciones secundarias, se ubica en una esquina.<\/p>\n<p><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19183\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2020\/07\/google-buscador-estetica-funcion.png\" alt=\"google buscador estetica funcion\" width=\"2588\" height=\"1146\" \/><\/p>\n<p>En cada pagina, debemos decidir cuales son los elementos imprescindibles desde un punto de vista funcional. Por ejemplo, la funci\u00f3n de a\u00f1adir un producto al carrito de la compra. C\u00f3mo recuerdan desde la Nielsen Norman Group, \u00abun dise\u00f1o bonito puede hacer que los usuarios sean m\u00e1s indulgentes con los problemas menores de usabilidad, pero no con los m\u00e1s grandes. Como dice la primera ley del comercio electr\u00f3nico, si el usuario no puede encontrar el producto, no puede comprar el producto. Incluso los sitios atractivos no tendr\u00e1n ingresos si sufren de poca capacidad de b\u00fasqueda.\u00bb<br \/>\nEl dise\u00f1o nos permitir\u00e1 destacar estos elementos, sin prescindir de un atractivo est\u00e9tico.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 significa que algo sea est\u00e9tico en dise\u00f1o, y espec\u00edficamente en dise\u00f1o web? No responde a opiniones ni a gustos ni es arte. La est\u00e9tica es un principio b\u00e1sico de dise\u00f1o que define las cualidades agradables o placenteras de un dise\u00f1o. Incluye factores como el equilibio, el color o el movimiento. Est\u00e9tica: Disciplina filos\u00f3fica que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":19185,"menu_order":0,"template":"","meta":{"content-type":"","footnotes":""},"glossary-categories":[],"glossary-tags":[],"glossary-languages":[],"class_list":["post-29061","glossary","type-glossary","status-publish","has-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29061\/revisions"}],"predecessor-version":[{"id":37878,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29061\/revisions\/37878"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media\/19185"}],"wp:attachment":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media?parent=29061"}],"wp:term":[{"taxonomy":"glossary-categories","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-categories?post=29061"},{"taxonomy":"glossary-tags","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-tags?post=29061"},{"taxonomy":"glossary-languages","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-languages?post=29061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}