La jerarquía visual , según la psicología de la Gestalt , es un patrón en el campo visual en el que algunos elementos tienden a "destacar" o llamar 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 es creado por 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
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, formas o formas individuales en un todo coherente y organizado", especialmente cuando se procesan elementos visuales. 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, "se destaca" para el espectador. Las formas que se desconectan más severamente de su entorno son las que más 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 categorizan a veces (especialmente entre los cartógrafos) según las variables visuales de Jacques Bertin . [6]
- El color abarca el tono , la saturación , el valor y la textura percibida de las formas. [7] Las figuras oscuras se destacarán sobre un fondo claro, las figuras claras se destacarán sobre un fondo oscuro, las figuras de colores brillantes se destacarán sobre un fondo apagado, etc. Los colores fluorescentes utilizados para pelotas de tenis y otros equipos deportivos están destinados a hacer que se destaquen instantáneamente contra casi cualquier campo visual natural.
- El tamaño tiene una gran influencia en la jerarquía visual. Los elementos grandes casi siempre llamarán la atención, siempre que puedan reconocerse como figuras .
- La alineación es la disposición de las formas entre sí. Por ejemplo, los elementos en la esquina superior izquierda de una página a menudo se ven primero (al menos para aquellos lectores acostumbrados a los idiomas occidentales), el centro del campo tiene prominencia. También se puede emplear el espacio negativo : una figura aislada entre grandes cantidades de espacios en blanco destacará más que una entre otras figuras.
- El personaje incluye varios tipos de contrastes basados en la forma. Por ejemplo, los patrones complejos atraen más atención que los patrones simples o predecibles, las formas intrincadas atraen más atención que los generalizados. Incluso los patrones a gran escala pueden llamar la atención si contrastan con el patrón en el resto del campo visual.
El camuflaje es un ejemplo de cómo eliminar el contraste en el 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 solo puede ver patrones generales (gestálticos) como la jerarquía visual. Todos los patrones anteriores, excepto algunos aspectos del carácter, son reconocibles por este método.
Solicitud
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 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 las 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), para mapear capas 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 y no -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, 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 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 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 de comportamiento, como el diseño de sitios 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 los elementos que facilitan el uso del sistema o aumentan la posibilidad de que noten contenido que contiene empujones psicológicos. El color es uno de los muchos factores que se utilizan 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
- ^ a b "jerarquía visual" . Diccionario GIS . ESRI . Consultado el 26 de septiembre de 2019 .
- ^ 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 .
- ^ 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.
- ^ Pettersson, Runa. "Diseño de la información: principios y directrices". Revista de Alfabetización Visual . Volumen 29. Número 2 (2010): 167-182. Digital.
- ^ Feldsted, CJ. Fundamentos del diseño . Nueva York: Pittman Publishing Corporation, 1950.
- ^ Tait, A. (2018). Jerarquía visual y diseño . El cuerpo 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
- ↑ a b Cugelman, B. Cugeman, R. et al. (2019) Psicología del color. AlterSpark. https://www.alterspark.com/color-psychology/visual-hierarchy
- ↑ Jeff Gothelf, The Squint Test: Cómo la exposición rápida al diseño puede revelar sus defectos , Usabilla
- ^ Robinson, Arthur H. Elementos de cartografía. 6ª ed., Wiley, 1995.
- ^ https://www.ordnancesurvey.co.uk/resources/carto-design/clear-visual-hierachy.html .
- ^ Slocum, Terry A. Capítulo 5 en Cartografía temática y geovisualización , Pearson, 2014.