stringtranslate.com

Jerarquía visual

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

La jerarquía visual , según la psicología Gestalt , es un patrón en el campo visual en el que algunos elementos tienden a "destacar" 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 naturalmente en cualquier campo visual, el término se usa más comúnmente en diseño (especialmente diseño gráfico y cartografía ), donde los elementos se diseñan intencionalmente para hacer que algunos parezcan más importantes que otros. Este orden se crea por el contraste visual entre formas en un campo de percepción. Los objetos con mayor contraste con su entorno son los primeros en ser reconocidos por la mente humana.

Evidencia

Existe cierta evidencia científica de la jerarquía visual mediante el seguimiento ocular. Por ejemplo, un estudio encontró que cuando las personas están de acuerdo en que un diseño gráfico es bueno, exhiben movimientos oculares más similares; medido por 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 organizativas innatas que “estructuran elementos, figuras o formas individuales en un todo coherente y organizado”, especialmente cuando se procesan imágenes. información. [3] La palabra alemana Gestalt se traduce como “forma”, “patrón” o “forma” en inglés. [4] Cuando un elemento en un campo visual se desconecta del "todo" creado por la organización perceptiva del cerebro, "destaca" para el espectador. Destacan las formas que más se desconectan de su entorno. Esto comúnmente se resume como el efecto Von Restorff , que establece que el aislamiento atrae la atención.

Características físicas

El cerebro disocia objetos entre sí en función de 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 categorizan en ocasiones (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 cima de la jerarquía visual por contraste de color y tamaño, el título destaca por tamaño y alineación, y en menor grado, la ciudad central destaca por carácter, porque el patrón de calles en ángulo contrasta con el resto de la cuadrícula. Incluso el espacio vacío en el oeste de Denver llama la atención por su contraste con la complejidad general del mapa y su posición central. Las calles individuales y sus nombres están al final 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 de carácter en color y/o carácter específicamente para reducir la jerarquía visual.

La "prueba de estrabismo" se sugiere a menudo como un método simple, aunque poco científico, para evaluar la jerarquía visual de un producto gráfico como un mapa o una página web. [8] Cuando se ve desenfocado (o desde una gran distancia), el espectador no se distrae con los detalles, sino que sólo puede ver patrones generales (gestalt) 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 de 1851 (arriba) tenía una jerarquía visual deficiente, lo que hacía difícil saber qué noticias se consideraban más importantes. En 1919 (abajo), el periódico, de acuerdo con las tendencias más amplias de la industria, había establecido una jerarquía más clara, con titulares más grandes prevaleciendo sobre los más pequeños.

La jerarquía visual es un concepto importante en el campo del diseño gráfico , campo que se especializa en la organización visual. Los diseñadores intentan controlar la jerarquía visual para guiar el ojo 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 en 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 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 del mapa. -elementos del 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, dichas 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 principales determinantes 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 apropiada empleando el contraste entre el espacio no utilizado y las características de diseño. [1]

Diseño de experiencia de usuario y diseño conductual.

En el diseño de experiencia de usuario y diseño de comportamiento , 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 facilitan el uso del sistema o aumentan las posibilidades de que noten contenido que contiene empujones 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 gran importancia de la percepción del color. [7]

Ver también

Referencias

  1. ^ ab "jerarquía visual". Diccionario SIG . ESRI. Archivado desde el original el 3 de marzo de 2016 . Consultado el 26 de septiembre de 2019 .
  2. ^ Urano, Yoko; Kurosu, Aarón; Henselman-Petrusek, Gregory; Todorov, Alejandro (2021). "La jerarquía visual se relaciona con las impresiones de un buen diseño". Taller CHI'21 sobre los movimientos oculares como interfaz del 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, Runa. "Diseño de información: principios y directrices". Revista de alfabetización visual . Volumen 29. Número 2 (2010): 167-182. Digital.
  5. ^ Feldsted, CJ. Fundamentos de diseño . Nueva York: Pittman Publishing Corporation, 1950.
  6. ^ Tait, A. (2018). Jerarquía visual y diseño. El conjunto de conocimientos sobre ciencia y 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. ^ ab Cugelman, B. Cugeman, R. et al. (2019) Psicología del color. AlterSpark. https://www.alterspark.com/color-psychology/visual-hierarchy
  8. ^ Jeff Gothelf, The Squint Test: Cómo una rápida exposición 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.