{"id":22489,"date":"2011-08-24T02:28:48","date_gmt":"2011-08-24T02:28:48","guid":{"rendered":"1831.53"},"modified":"2011-08-24T02:28:48","modified_gmt":"2011-08-24T02:28:48","slug":"gestalt-para-un-sitio-web","status":"publish","type":"post","link":"https:\/\/www.icesi.edu.co\/blogs\/blog\/lista\/gestalt-para-un-sitio-web","title":{"rendered":"Gestalt para un sitio Web"},"content":{"rendered":"<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/logo_lg_lifesgood_300.jpg\"><\/a>La teor\u00eda Gestalt permite el an\u00e1lisis del Dise\u00f1o desde el punto de vista de las leyes de la percepci\u00f3n. El n\u00facleo de la Psicolog\u00eda de la Gestalt gira en torno a la siguiente afirmaci\u00f3n: La percepci\u00f3n humana no es la suma de los datos sensoriales, sino que pasa por un proceso de reestructuraci\u00f3n que configura a partir de esa informaci\u00f3n una forma.<\/p>\n<p><strong>\u00a0Las leyes de la Gestal son:<\/strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/p>\n<ul>\n<li>Ley de la Pr\u00e4gnanz (Pregnancia): la tendencia de la experiencia perceptiva a adoptar las formas m\u00e1s simples posibles\n<ul>\n<li><a title=\"Principio del Cierre (a\u00fan no redactado)\" href=\"http:\/\/es.wikipedia.org\/w\/index.php?title=Principio_del_Cierre&amp;action=edit&amp;redlink=1\">Ley del Cierre<\/a>\u00a0: la mente a\u00f1ade los elementos faltantes para completar una figura. Existe una tendencia innata a concluir las formas y los objetos que no percibimos completo.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/Cierre.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-54\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/Cierre.jpg\" alt=\"\" width=\"207\" height=\"320\" \/><\/a><\/p>\n<p><a href=\"http:\/\/4.bp.blogspot.com\/_ZShxsCO13xU\/TIbYaEbr6YI\/AAAAAAAAAMs\/mpVhFo6WqrY\/s1600\/Cierre.jpg\"><\/a><\/p>\n<ul>\n<li><a title=\"Principio de la Semejanza (a\u00fan no redactado)\" href=\"http:\/\/es.wikipedia.org\/w\/index.php?title=Principio_de_la_Semejanza&amp;action=edit&amp;redlink=1\">Ley\u00a0 de la Semejanza<\/a>\u00a0\u2013 Nuestra mente agrupa los elementos similares en una entidad. La semejanza depende de la forma, el tama\u00f1o, el color y otros aspectos visuales de los elementos.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/semejanza.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-55\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/semejanza.jpg\" alt=\"\" width=\"320\" height=\"242\" \/><\/a><\/p>\n<p><a href=\"http:\/\/1.bp.blogspot.com\/_ZShxsCO13xU\/TIbfkxvFEOI\/AAAAAAAAANM\/EWFn5ii3YKw\/s1600\/semejanza.jpg\"><\/a><\/p>\n<ul>\n<li>\u00a0<a title=\"Principio de la Proximidad (a\u00fan no redactado)\" href=\"http:\/\/es.wikipedia.org\/w\/index.php?title=Principio_de_la_Proximidad&amp;action=edit&amp;redlink=1\">Ley\u00a0 de la Proximidad<\/a>\u00a0: El agrupamiento parcial o secuencial de elementos por nuestra mente basado en la distancia.<a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/proxiimidad.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-56\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/proxiimidad.jpg\" alt=\"\" width=\"320\" height=\"206\" \/><\/a>\n<ul>\n<li><a title=\"Principio de Simetr\u00eda (a\u00fan no redactado)\" href=\"http:\/\/es.wikipedia.org\/w\/index.php?title=Principio_de_Simetr%C3%ADa&amp;action=edit&amp;redlink=1\">Ley\u00a0 de Simetr\u00eda<\/a>\u00a0\u2013 Las im\u00e1genes sim\u00e9tricas son percibidas como iguales, como un solo elemento, en la distancia.<\/li>\n<li><a title=\"Principio de Continuidad (a\u00fan no redactado)\" href=\"http:\/\/es.wikipedia.org\/w\/index.php?title=Principio_de_Continuidad&amp;action=edit&amp;redlink=1\">Ley\u00a0 de Continuidad<\/a>\u00a0: Los detalles que mantienen un patr\u00f3n o direcci\u00f3n tienden a agruparse juntos, como parte de un modelo. Es decir, percibir elementos continuos aunque est\u00e9n interrumpidos entre s\u00ed<\/li>\n<li><a title=\"Principio de direcci\u00f3n com\u00fan (a\u00fan no redactado)\" href=\"http:\/\/es.wikipedia.org\/w\/index.php?title=Principio_de_direcci%C3%B3n_com%C3%BAn&amp;action=edit&amp;redlink=1\">Ley\u00a0 de direcci\u00f3n com\u00fan<\/a>: Implica que los elementos que parecen construir un patr\u00f3n o un flujo en la misma direcci\u00f3n se perciben como una figura.<\/li>\n<li><a title=\"Principio de simplicidad (a\u00fan no redactado)\" href=\"http:\/\/es.wikipedia.org\/w\/index.php?title=Principio_de_simplicidad&amp;action=edit&amp;redlink=1\">Ley\u00a0 de simplicidad<\/a>: Asienta que el individuo organiza sus campos precept\u00faales con rasgos simples y regulares y tiende a formas buenas.<\/li>\n<li>Ley<a title=\"Principio de la relaci\u00f3n entre figura y fondo (a\u00fan no redactado)\" href=\"http:\/\/es.wikipedia.org\/w\/index.php?title=Principio_de_la_relaci%C3%B3n_entre_figura_y_fondo&amp;action=edit&amp;redlink=1\">\u00a0de la relaci\u00f3n entre figura y fondo<\/a>: afirma que cualquier campo perceptual puede dividirse en figura contra un fondo. La figura se distingue del fondo por caracter\u00edsticas como: tama\u00f1o, forma, color, posici\u00f3n, etc..<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Los principios de la Gestalt fueron desarrollados a comienzos del siglo 20 por psic\u00f3logos que cre\u00edan que las im\u00e1genes eran percibidas como algo mas que la suma de las partes<\/p>\n<p>En este orden de ideas, la teor\u00eda de la Gestalt permite a los comunicadores predecir como las personas responden a los elementos de dise\u00f1o, es decir, que conociendo y usando la Teor\u00eda de la Gestalt en t\u00e9cnicas de comunicaci\u00f3n, se puede ayudar y asegurar que el mensaje que se quiere transmitir va a ser comprendido, y al mismo tiempo ser din\u00e1mico.<\/p>\n<p>As\u00ed mismo estos principios pueden ser aplicados al dise\u00f1o de Interfaces, como un medio para ayudar a los usuarios a comprender de forma m\u00e1s r\u00e1pida el funcionamiento de un software o aplicaci\u00f3n web aplicando la interacci\u00f3n con Patrones de Dise\u00f1o.<\/p>\n<p>Cabe resaltar que la Gestalt va m\u00e1s all\u00e1 de estos principios, y que no solo son aplicables al dise\u00f1o, sino tambi\u00e9n a la resoluci\u00f3n de problemas e incluso a la transmisi\u00f3n subliminal de mensajes, por lo que es posible distinguir dos tipos de patrones, el primero orientado a la funcionalidad (Patrones de Dise\u00f1o de Software) y el segundo orientado a la usabilidad, (Patrones de Dise\u00f1o de Interacci\u00f3n). Estos modelos se complementan y han resultado ser exitosos a la hora de aplicarlos al desarrollo de aplicaciones Interactivas.<\/p>\n<p>En este punto es que los Patrones de dise\u00f1o se convierten en m\u00e9todos y t\u00e9cnicas de importancia a la hora de desarrollar un dise\u00f1o centrado en el usuario.<\/p>\n<p>En conclusi\u00f3n, la Gestalt como principios de organizaci\u00f3n y los patrones de Dise\u00f1o, como organizaciones ayudan a desarrollar dise\u00f1os centrados en la usabilidad, en la eficiencia, la eficacia y\u00a0 en la satisfacci\u00f3n del usuario final.<\/p>\n<p><strong>Ejemplos de Logos con Gestalt <\/strong><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/241655_qVaWu6kZRhXimip7z6m0T5qFY.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-57\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/241655_qVaWu6kZRhXimip7z6m0T5qFY.jpg\" alt=\"\" width=\"320\" height=\"113\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/DIRECTV.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-58\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/DIRECTV.jpg\" alt=\"\" width=\"320\" height=\"239\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/formula1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-59\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/formula1.png\" alt=\"\" width=\"320\" height=\"320\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/RevLionLogoWEB.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-60\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/RevLionLogoWEB.jpg\" alt=\"\" width=\"232\" height=\"320\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/playstation-logo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-61\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/playstation-logo.jpg\" alt=\"\" width=\"300\" height=\"249\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/apple.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-62\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/apple.jpg\" alt=\"\" width=\"240\" height=\"320\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/amazon.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/amazon.jpg\" alt=\"\" width=\"320\" height=\"62\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/sunmicrosystems1.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-67\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/sunmicrosystems1-300x132.gif\" alt=\"\" width=\"300\" height=\"132\" \/><\/a><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/sunmicrosystems.gif\"><\/a><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/imagesCAZYV3CR.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-68\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/imagesCAZYV3CR.jpg\" alt=\"\" width=\"197\" height=\"256\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/logo_lg_lifesgood_3001.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-69\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/logo_lg_lifesgood_3001-300x182.jpg\" alt=\"\" width=\"300\" height=\"182\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/Johnnie_Walker_logo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-70\" src=\"http:\/\/www.icesi.edu.co\/blogs\/lorek\/files\/2011\/08\/Johnnie_Walker_logo-300x225.jpg\" alt=\"\" width=\"300\" height=\"225\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La teor\u00eda Gestalt permite el an\u00e1lisis del Dise\u00f1o desde el punto de vista de las leyes de la percepci\u00f3n. El [&hellip;]<\/p>\n","protected":false},"author":1279,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[2001],"tags":[],"class_list":["post-22489","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"aioseo_notices":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Lorena Martinez Duran","author_link":"https:\/\/www.icesi.edu.co\/blogs\/blog\/lista\/author\/67027380"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/www.icesi.edu.co\/blogs\/blog\/lista\/category\/sin-categoria\" rel=\"category tag\">Sin categor\u00eda<\/a>","rttpg_excerpt":"La teor\u00eda Gestalt permite el an\u00e1lisis del Dise\u00f1o desde el punto de vista de las leyes de la percepci\u00f3n. El [&hellip;]","_links":{"self":[{"href":"https:\/\/www.icesi.edu.co\/blogs\/wp-json\/wp\/v2\/posts\/22489"}],"collection":[{"href":"https:\/\/www.icesi.edu.co\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.icesi.edu.co\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.icesi.edu.co\/blogs\/wp-json\/wp\/v2\/users\/1279"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icesi.edu.co\/blogs\/wp-json\/wp\/v2\/comments?post=22489"}],"version-history":[{"count":0,"href":"https:\/\/www.icesi.edu.co\/blogs\/wp-json\/wp\/v2\/posts\/22489\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.icesi.edu.co\/blogs\/wp-json\/wp\/v2\/media?parent=22489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.icesi.edu.co\/blogs\/wp-json\/wp\/v2\/categories?post=22489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.icesi.edu.co\/blogs\/wp-json\/wp\/v2\/tags?post=22489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}