Lección 1 de 0
En Progreso

3.3 : La ley de la significación: Gestalt y diseño web

3 julio, 2022

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.27.4″ background_color=”#7ebec5″ custom_padding=”||0px|” custom_padding_tablet=”||0px|” transparent_background=”off” padding_mobile=”on” make_fullwidth=”off” use_custom_width=”off” width_unit=”on”][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”||0px|” make_fullwidth=”off” use_custom_width=”off” width_unit=”on”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_divider show_divider=”off” disabled_on=”on|on|off” admin_label=”Divider” _builder_version=”3.23.4″ height=”110px” hide_on_mobile=”on”][/et_pb_divider][et_pb_text admin_label=”Text” _builder_version=”4.4.9″ text_font=”PT Sans|on|||” text_text_color=”#ffffff” text_letter_spacing=”2px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” module_alignment=”center” custom_margin=”||0px|” custom_padding=”||0px|” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

PSICOLOGÍA GESTALT Y DISEÑO WEB: LA GUÍA DEFINITIVA

[/et_pb_text][et_pb_text admin_label=”Text” _builder_version=”4.6.6″ text_font=”PT Sans||||||||” text_text_color=”#010659″ text_font_size=”72″ text_line_height=”1.1em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” max_width=”660px” module_alignment=”center” custom_margin=”18px||80px|” hover_enabled=”0″ text_font_size_tablet=”52″ text_font_size_phone=”” text_font_size_last_edited=”on|desktop” use_border_color=”off” border_color=”#ffffff” border_style=”solid” sticky_enabled=”0″]

La ley de la significación: Gestalt y diseño web

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Section” _builder_version=”3.27.4″ background_enable_color=”off” custom_padding=”0px|||” custom_padding_tablet=”0px|||” transparent_background=”off” padding_mobile=”on” make_fullwidth=”off” use_custom_width=”off” width_unit=”on”][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”0px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_image src=”https://usercontent.one/wp/www.interactemos.com/wp-content/uploads/2019/09/logo-circular-nuevo.png” show_bottom_space=”off” align=”center” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” admin_label=”Image” _builder_version=”3.27.4″ width=”20%” custom_margin=”-48px|||” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”on” always_center_on_mobile=”on”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”2″ padding_mobile=”on” column_padding_mobile=”on” custom_padding_last_edited=”on|tablet” admin_label=”Row” _builder_version=”3.27.4″ background_color=”#01065″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”50px|||” custom_padding_tablet=”17px|||” custom_padding_phone=”” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” custom_width_px=”830px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_image src=”https://usercontent.one/wp/www.interactemos.com/wp-content/uploads/2020/10/33GestaltCourseCricinfoFamiliarity.jpg” title_text=”2014-04-24: Edited by Adam Kyne {memberID:1261}” show_bottom_space=”off” align=”center” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” admin_label=”Image” _builder_version=”4.6.6″ animation_style=”fade” animation_duration=”500ms” hover_enabled=”0″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”fade_in” sticky=”on” always_center_on_mobile=”on” sticky_enabled=”0″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”Row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”50px||8px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text quote_border_color=”#7ebec5″ admin_label=”Text” _builder_version=”4.6.6″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid” sticky_enabled=”0″]

Explotar la tendencia humana a identificar grupos de ciertos elementos visuales como formas completas con significado.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”Row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”50px||8px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.6.6″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”40px” text_line_height=”1.3em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”900px” custom_margin=”16px||30px|” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid” sticky_enabled=”0″]

Aplicación de las leyes

[/et_pb_text][et_pb_text quote_border_color=”#7ebec5″ admin_label=”Text” _builder_version=”4.6.6″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid” sticky_enabled=”0″]

A lo largo de nuestras vidas, almacenamos información sobre el mundo que influye en lo que vemos. Al interactuar y navegar con nuestro entorno, adquirimos gradualmente recuerdos y representaciones mentales de objetos, escenas completas y cualquier otro elemento visual. Estos recuerdos y representaciones mentales se estimulan cuando vemos patrones visuales que son similares o que recuerdan algún evento o experiencia anterior. La estimulación de un patrón existente de actividad neuronal por una instancia nueva similar se conoce como reconocimiento. Los gestaltistas identificaron el poder de la significación o la familiaridad en el proceso de reconocimiento; refiriéndose a este fenómeno perceptivo como la “Ley de la Familiaridad”. Los diseñadores web deben adoptar la ley de familiaridad con los usuarios directos

La percepción humana no es un proceso directo de formar una impresión fotográfica del mundo y elegir con qué parte interactuar; en cambio, nuestro punto de vista está sesgado por la experiencia previa, nuestras metas y objetivos, y el grado en que la información visual coincide con una representación mental existente almacenada en la memoria a largo plazo. Cada movimiento que hacemos está dictado por nuestros propósitos y objetivos actuales; cuando queremos hacer un café, movemos nuestros ojos hacia el armario derecho, caminamos, formamos nuestra mano para agarrar el asa, echamos el brazo hacia atrás, cambiamos de agarre para levantar la jarra de café, y así sucesivamente. Todas estas acciones se basan en información de nuestro entorno, como nuestra distancia del armario, la forma de la manija de la puerta y el tamaño del frasco. Por lo tanto, mientras nuestras intenciones dirigen el comportamiento, las acciones que elegimos están mediadas por información del mundo exterior. Por eso, es importante que la información visual sea coherente con nuestros objetivos y nos permita identificar los elementos significativos y útiles cuando sea necesario.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”Row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”50px||8px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.6.6″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”40px” text_line_height=”1.3em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”900px” custom_margin=”16px||30px|” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid” sticky_enabled=”0″]

Significación y reconocimiento

[/et_pb_text][et_pb_text quote_border_color=”#7ebec5″ admin_label=”Text” _builder_version=”4.6.6″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid” sticky_enabled=”0″]

A través de la experiencia formamos representaciones mentales para diferentes objetos, figuras, animales y cualquier otra forma bidimensional o tridimensional. Estas representaciones mentales se pueden aplicar de una situación a otra, ya sea consciente o inconscientemente.

La estimulación inconsciente de una representación mental existente se conoce como reconocimiento , que es un tipo de proceso de memoria que ocurre cuando un patrón neuronal asociado con un evento anterior (por ejemplo, ver a un perro) es excitado por una nueva instancia similar (por ejemplo, ver a otro perro). ). Con el tiempo, estos patrones neuronales se vuelven cada vez más “ cableados ”, lo que nos hace particularmente sensibles a la estimulación de nuevas instancias que solo pueden tener un pequeño parecido con la representación mental existente. Por ejemplo, a menudo vemos caras en objetos inanimados, como manijas de puertas y parachoques de automóviles. Esto suele ocurrir cuando el objeto (s) consta de dos componentes en la parte superior, como puntos, con un componente más ancho debajo, como una línea.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”Row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”50px||8px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.6.6″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”40px” text_line_height=”1.3em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”900px” custom_margin=”16px||30px|” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid” sticky_enabled=”0″]

La importancia de la significación

[/et_pb_text][et_pb_text quote_border_color=”#7ebec5″ admin_label=”Text” _builder_version=”4.6.6″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid” sticky_enabled=”0″]

Los primeros psicólogos de la Gestalt, como Max Wertheimer, fueron testigos del efecto de la organización perceptiva en la forma en que agrupamos los elementos visuales para formar objetos, imágenes o escenas “completos” significativos. El sesgo perceptivo para agrupar elementos de esta manera se conoce como la “Ley de la significación” o la “Ley de la familiaridad”.

La percepción humana está “programada” para convertir la información visual que se envía al cerebro, a través de los ojos, en un flujo significativo. Sin esta capacidad, el mundo siempre sería desconocido; obligándonos a reencontrarnos cada vez que abrimos los ojos e intentamos interactuar con nuestro entorno. La ley de la significación reconoce el sesgo de generación de formas que sustenta la conversión de la información visual en un flujo significativo.

Por “generación de forma” nos referimos a la capacidad perceptiva de combinar elementos para formar objetos completos que pueden usarse o tener significado. Por ejemplo, una lata de coca cola en una mesa es una serie de curvas, líneas, colores y formas, además de información ambiental como luces y sombras. El sistema visual luego combina estos diferentes elementos para crear nuestra percepción de un recipiente para beber que se puede agarrar y “levantar”.

Cuando la combinación de elementos nos resulta familiar, nuestra percepción de la forma significativa es inmediata. Los elementos que comúnmente aparecen juntos estimularán una representación mental existente; conduciendo a un reconocimiento instantáneo. Además, cuando elementos desconocidos estimulan una representación mental fuerte, el reconocimiento puede ser igualmente instantáneo. Por ejemplo, mientras que el logotipo de espn.com, que se ve a la izquierda y a la derecha de la imagen de arriba, se compone de formas desconocidas (debido al tachado en el centro del logotipo), ya que forman un patrón familiar (letras), estamos capaz de identificar instantáneamente el significado (es decir, el logo de ESPN).

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”Row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”50px||8px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.6.1″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”40px” text_line_height=”1.3em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”900px” custom_margin=”16px||30px|” text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

En resumen

[/et_pb_text][et_pb_text quote_border_color=”#7ebec5″ admin_label=”Text” _builder_version=”4.6.6″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid” sticky_enabled=”0″]

La ley de la significación es un principio Gestalt de organización perceptual, que observa la influencia de la experiencia previa y la familiaridad en lo que vemos en nuestro entorno. Cuando la combinación de elementos forma una figura significativa y / o familiar, generalmente percibimos el objeto completo de inmediato. Por el contrario, cuando los elementos no son familiares o comprenden una forma desconocida, podemos tardar más en identificar el objeto completo y significativo. Por lo tanto, es importante diseñar de acuerdo con la forma en que la percepción humana sesga lo que vemos.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]