stringtranslate.com

Jerarquía visual

Una representación de la extracción y combinación de características jerárquicas en el sistema visual.

Según la psicología de la Gestalt , la jerarquía visual es un patrón en el campo visual en el que algunos elementos tienden a "sobresalir" o atraer la atención con más fuerza que otros elementos, lo que sugiere una jerarquía de importancia. [1] Si bien puede ocurrir de forma natural en cualquier campo visual, el término se usa con más frecuencia en diseño (especialmente diseño gráfico y cartografía ), donde los elementos se diseñan intencionalmente para que algunos parezcan más importantes que otros. Este orden se crea mediante el contraste visual entre formas en un campo de percepción. Los objetos con mayor contraste con su entorno son reconocidos primero por la mente humana.

Evidencia

Hay algunas evidencias científicas que respaldan la jerarquía visual mediante el seguimiento ocular. Por ejemplo, un estudio descubrió que cuando las personas están de acuerdo en que un diseño gráfico es bueno, muestran movimientos oculares más similares, medidos mediante la distancia de Fréchet . [2]

Teoría

El concepto de jerarquía visual se basa en la teoría psicológica de la Gestalt , una teoría alemana de principios del siglo XX que propone que el cerebro humano tiene tendencias organizadoras innatas que “estructuran elementos, formas o figuras individuales en un todo coherente y organizado”, especialmente al procesar información visual. [3] La palabra alemana Gestalt se traduce como “forma”, “patrón” o “figura” en inglés. [4] Cuando un elemento en un campo visual se desconecta del “todo” creado por la organización perceptiva del cerebro, “se destaca” para el espectador. Las figuras que se desconectan más severamente de su entorno son las que más se destacan. Esto se encapsula comúnmente como el efecto Von Restorff , que establece que el aislamiento atrae la atención.

Características físicas

El cerebro disocia los objetos entre sí basándose en las diferencias entre sus características físicas. Estas características se dividen en cuatro categorías: color, tamaño, alineación y carácter. [5] Cada tipo de contraste se puede utilizar para construir una jerarquía visual. Las mismas características también se clasifican a veces (especialmente entre los cartógrafos) según las variables visuales de Jacques Bertin . [6]

En este mapa de 1905, los ríos y parques están en la parte superior de la jerarquía visual debido al contraste de color y tamaño, el título se destaca debido al tamaño y la alineación y, en menor grado, la ciudad central se destaca debido a su carácter, porque el patrón de calles en ángulo contrasta con el resto de la cuadrícula. Incluso el espacio vacío en West Denver atrae la atención debido a su contraste con la complejidad general del mapa y su posición central. Las calles individuales y sus nombres están en la parte inferior de la jerarquía visual debido a la falta de contraste, aunque ese era probablemente el propósito principal del mapa.

El camuflaje es un ejemplo de eliminación del contraste en el color y/o carácter específicamente para reducir la jerarquía visual.

La "prueba del estrabismo" se suele sugerir como un método simple, aunque no científico, para evaluar la jerarquía visual de un producto gráfico como un mapa o una página web. [8] Cuando se observa desenfocado (o desde una gran distancia), el espectador no se distrae con los detalles, sino que solo puede ver patrones generales (gestálticos) como la jerarquía visual. Todos los patrones anteriores, excepto algunos aspectos del carácter, son reconocibles mediante este método.

Solicitud

El primer número de The New York Times, publicado en 1851 (arriba), tenía una jerarquía visual deficiente, lo que dificultaba determinar qué noticias se consideraban más importantes. En 1919 (abajo), el periódico, en consonancia con las tendencias más generales de la industria, había establecido una jerarquía más clara, en la que los titulares más grandes tenían prioridad sobre los más pequeños.

La jerarquía visual es un concepto importante en el campo del diseño gráfico , un campo que se especializa en la organización visual. Los diseñadores intentan controlar la jerarquía visual para guiar la vista hacia la información en un orden específico para un propósito específico. Se podría comparar la jerarquía visual en el diseño gráfico con la estructura gramatical en la escritura en términos de la importancia de cada principio para estos campos.

Cartografía

En el diseño cartográfico, la jerarquía visual se utiliza para enfatizar ciertas características importantes en un mapa por sobre características menos importantes. [9] Normalmente, un mapa tiene un propósito que dicta una jerarquía conceptual de lo que debería ser más o menos importante, por lo que uno de los objetivos de la elección de los símbolos del mapa es hacer coincidir la jerarquía visual con la jerarquía conceptual. [10]

La jerarquía visual de un mapa puede aplicarse a características geográficas individuales (como hacer que un solo país se destaque), a capas de mapas de características relacionadas (por ejemplo, hacer que los lagos se destaquen más que las carreteras) y a todo el diseño de elementos del mapa y no relacionados con el mapa (por ejemplo, hacer que el título parezca más importante que la barra de escala). Al igual que los elementos principales del mapa, estas características tienen peso, y las propiedades que se aplican a la jerarquía visual de las capas del mapa también se aplican a otros elementos de la página. El tamaño y la alineación son los dos determinantes principales de la jerarquía visual de estas características. [11] Los cartógrafos a menudo utilizan principios de espacio negativo y contraste figura-fondo para diseñar una jerarquía visual adecuada empleando el contraste entre el espacio no utilizado y las características del diseño. [1]

Diseño de experiencia de usuario y diseño de comportamiento

En el diseño de la experiencia del usuario y el diseño conductual , como el diseño web , la jerarquía visual se utiliza para priorizar las estructuras de navegación y el contenido, de modo que las audiencias se centren en elementos que faciliten el uso del sistema o aumenten la posibilidad de que noten contenido que contenga estímulos psicológicos. El color es uno de los muchos factores utilizados en el diseño de una jerarquía visual y un factor clave debido a la alta relevancia de la percepción del color. [7]

Véase también

Referencias

  1. ^ ab "jerarquía visual". Diccionario SIG . ESRI. Archivado desde el original el 2016-03-03 . Consultado el 2019-09-26 .
  2. ^ Urano, Yoko; Kurosu, Aaron; Henselman-Petrusek, Gregory; Todorov, Alexander (2021). "La jerarquía visual se relaciona con las impresiones de un buen diseño". Taller CHI'21 sobre movimientos oculares como interfaz con el estado cognitivo : 1–9. doi :10.31234/osf.io/hksf9. S2CID  236599584.
  3. ^ Jackson, Ian. “Gestalt: una teoría del aprendizaje para la educación en diseño gráfico”. Revista internacional de educación en arte y diseño . Volumen 27. Número 1 (2008): 63-69. Digital.
  4. ^ Pettersson, Rune. “Diseño de información: principios y pautas”. Journal of Visual Literacy . Volumen 29. Número 2 (2010): 167-182. Digital.
  5. ^ Feldsted, CJ. Fundamentos del diseño . Nueva York: Pittman Publishing Corporation, 1950.
  6. ^ Tait, A. (2018). Jerarquía visual y diseño. El cuerpo de conocimientos de la ciencia y la tecnología de la información geográfica (edición del segundo trimestre de 2018) , John P. Wilson (ed.). DOI: 10.22224/gistbok/2018.2.4
  7. ^ de Cugelman, B. Cugeman, R. et al. (2019) Psicología del color. AlterSpark. https://www.alterspark.com/color-psychology/visual-hierarchy
  8. ^ Jeff Gothelf, La prueba del estrabismo: cómo una exposición rápida al diseño puede revelar sus defectos, Usabilla
  9. ^ Robinson, Arthur H. Elementos de cartografía. 6.ª ed., Wiley, 1995.
  10. ^ https://www.ordnancesurvey.co.uk/resources/carto-design/clear-visual-hierachy.html. Archivado el 22 de diciembre de 2017 en Wayback Machine.
  11. ^ Slocum, Terry A. Capítulo 5 en Cartografía temática y geovisualización , Pearson, 2014.