{"id":14880,"date":"2020-12-09T12:53:28","date_gmt":"2020-12-09T10:53:28","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/?p=14880"},"modified":"2021-01-27T21:26:10","modified_gmt":"2021-01-27T19:26:10","slug":"proximidad-closure","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/proximidad-closure\/","title":{"rendered":"Proximidad (closure<\/em>)"},"content":{"rendered":"

\u00bfQu\u00e9 es?<\/strong><\/h2>\n

El principio de cerramiento<\/strong> se incluye dentro de las leyes o principios de la percepci\u00f3n de la Gestalt<\/a>.<\/p>\n

Determina que, cuando un conjunto de elementos se encuentran pr\u00f3ximos, tendemos a percibirlos como unidad, en lugar de verlos como m\u00faltiples elementos individuales. La tendencia a percibir este conjunto como unidad es tan fuerte, que incluso rellenaremos mentalmente los elementos que falten, si es necesario.<\/p>\n

\"\"

En esta imagen tendemos a ver un cuadrado de 36 puntos y 3 columnas de 12 puntos cada una, en lugar de ver una dispersi\u00f3n de 72 puntos.
Fuente: https:\/\/es.wikipedia.org\/wiki\/Psicolog%C3%ADa_de_la_Gestalt#\/media\/File:Gestalt_proximity.svg<\/a>.<\/p><\/div>\n

Implicaciones en el dise\u00f1o de interfaces<\/strong><\/h2>\n

El principio de proximidad<\/strong> permite relacionar grupos de informaci\u00f3n, para que el usuario pueda entender claramente qu\u00e9 interacciones puede realizar, y para qu\u00e9.<\/p>\n

\"\"

En esta imagen de un formulario, el t\u00edtulo o label<\/em> se encuentra pr\u00f3ximo a su campo correspondiente. El usuario puede reconocer, de esta manera, qu\u00e9 contenido se espera que introduzca en cada caso.
Fuente: https:\/\/commons.wikimedia.org\/wiki\/File:Cite_web.png<\/a>.<\/p><\/div>\n

Asimismo, en dise\u00f1o de interfaces el principio de proximidad tambi\u00e9n es utilizado para generar conjuntos o bloques de contenido. El usuario supondr\u00e1 que un contenido pertenece a una categor\u00eda determinada, si se encuentra dentro de un conjunto perceptible de contenidos de la misma categor\u00eda.<\/p>\n

\"\"

Aunque en el portal de la UOC existe mucha informaci\u00f3n, esta se organiza en bloques de contenido similar. La ubicaci\u00f3n pr\u00f3xima de estos contenidos conduce al usuario a percibirlos como unidades tem\u00e1ticas.
Fuente: http:\/\/www.uoc.edu\/portal\/es\/index.html<\/a>.<\/p><\/div>\n

Por \u00faltimo, la ley de proximidad puede utilizarse para disminuir la complejidad de una interfaz, reduciendo el n\u00famero de elementos necesario para que el usuario pueda reconocer claramente conjuntos de informaci\u00f3n:<\/p>\n

\"\"

En el Campus de la UOC, la ubicaci\u00f3n pr\u00f3xima de los elementos correspondientes a una aula permite que esta se reconozca como unidad funcional.
Fuente: Campus de la UOC.<\/p><\/div>\n

Referencias<\/strong><\/h2>\n

Lidwell, W.; Holden, K.; Butler, J.<\/strong> (2010). Universal Principles of Design<\/em>. Rockport.<\/p>\n

Matz, K.<\/strong> (2011). \u00abThe Gestalt Laws of Perception and how to use them in UI design\u00bb. Architecting Usability<\/em>. <http:\/\/architectingusability.com\/2011\/05\/26\/using-the-gestalt-laws-of-perception-in-ui-design\/<\/a>>. [Fecha de consulta: 25 de enero de 2021].<\/p>\n","protected":false},"excerpt":{"rendered":"

\u00bfQu\u00e9 es? El principio de cerramiento se incluye dentro de las leyes o principios de la percepci\u00f3n de la Gestalt. Determina que, cuando un conjunto de elementos se encuentran pr\u00f3ximos, tendemos a percibirlos como unidad, en lugar de verlos como m\u00faltiples elementos individuales. La tendencia a percibir este conjunto como unidad es tan fuerte, que […]<\/p>\n","protected":false},"author":4,"featured_media":18225,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[30,27],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14880\/"}],"collection":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/users\/4\/"}],"replies":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/comments\/?post=14880"}],"version-history":[{"count":5,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14880\/revisions\/"}],"predecessor-version":[{"id":17621,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14880\/revisions\/17621\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18225\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=14880"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=14880"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=14880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}