Introducción: fundamentos de la visualización de datos

1

¿Qué aprenderás sobre la visualización de datos?

2

¿Qué es la visualización de datos?

3

Florence Nightingale y la dama de la lámpara

4

Retos para aprender visualización de datos

5

Importancia de la visualización de datos: disminuye la carga cognitiva

6

Herramientas para visualizar datos: Excel, Tableau, Power BI, Google Analytics, Google Data Studio

7

¿Cómo usar correctamente una gráfica? Ejemplos y usos de visualizaciones

8

Buenas prácticas para visualización de datos: user personas, mentiras estadísticas y principios de Gestalt

9

Caso Target: conflictos de ética en la ciencia de datos y Big Data

Elige la gráfica correcta para tus reportes

10

Gráfica de barras

11

Gráfica de pie

12

Gráfica de dispersión

13

Gráfica de burbujas

14

Gráfica de mapas

15

Tipos de mapas: isolíneas, coropletas, diagramas, anamórficos

16

Gráfica de heat map o mapas de calor

17

Gráfica de tablas

18

Importancia del storytelling en la visualización de datos

Data Visualization para Business Intelligence

19

¿Cómo afecta la visualización de datos en tu negocio?

20

Explora, descubre, pregunta: toma decisiones inteligentes con análisis de datos

21

Práctica: análisis y exploración de datos

22

Práctica: storytelling para contar historias con datos

23

Caso Walmart: integra visualización de datos y Big Data con inteligencia de negocios

Flujo de trabajo y etapas del Business Intelligence

24

Recolección de datos

25

Limpieza de datos

26

Exploración de datos

27

Creación de gráficas y visualizaciones

28

Generación de reportes con storytelling

29

Define objetivos SMART con KPIs o Key Performance Indicators

Recomendaciones finales para Visualización de Datos

30

Caso Orbitz: beneficios de una cultura data-driven o basada en datos

31

Continúa aprendiendo Data Science, Business Intelligence y Visualización de Datos

Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Buenas prácticas para visualización de datos: user personas, mentiras estadísticas y principios de Gestalt

8/31
Recursos

Aportes 150

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

En este link aparecen los principios de Gestalt, además de imágenes de ejemplo y una descripción muy detallada de cada uno. Mi pequeño resumen de los 7 principios (El séptimo es un poco más nuevo) es este:

  1. Similitud: Como seres humanos inconscientemente agrupamos cosas visualmente, generalmente esto suele estar asociado a un color, una forma o un tamaño.

  2. Continuación: Seguiremos los caminos más suaves (O más predecibles/lógicos) al ver diferentes elementos cruzarse, independientemente de como estuvieran hechos.

  3. Cierre: El cerebro, a partir de información/dibujos incompletos, automáticamente los completa, como trazando una linea mental que lo asocie directamente con algo
    ya vivido o visto.

  4. Proximidad: Dependiendo de la distancia o cercanía de una cantidad de objetos el cerebro asocia o agrupa distintos elementos como iguales por su proximidad.

  5. Figura/Fondo: Es aquel que aprovecha la forma en la que el cerebro procesa los espacios faltantes, creando dos objetos o elementos en una imágen por el contraste
    entre ambos elementos.

  6. Simetría y orden: El cerebro procesará las formas ambiguas de la manera más simple posible.

  7. Destino común: Todos los elementos que vayan o apunten en una misma dirección serán agrupados como uno solo. Ej: Bandada de pájaros,

Principios de Gestalt

Semejanza: Para percibir objetos parecidos se deben colocar con una misma forma,color,tamaño,textura,movimiento .
Cierre: Si colocamos elementos desconectados nuestro cerebro en automático los asocia con formas que ya conocemos.
Continuidad: Cuando tenemos elementos orientados a una misma dirección nuestro cerebro interpreta la
información como conectada.en lugar de desconectada.
Proximidad: Si vemos objetos que están cercanos los percibimos como dentro de un grupo.
Figura fondo: Nos muestra que nuestro cerebro encuentran un enfoco visual separando la figura del fondo.
Simetría: Las figuras simétricas o geométricas simples y regulares se perciben como un conjunto.

Me parece que Google Maps es el ejemplo más claro del principio de continuidad ya que al poner origen y destino para dirigirnos a un lugar, nos muestra una ruta clara para que la sigamos:

Buenas prácticas:
1 - Definir una audencia y motivo (utilizar su lenguaje)
2 - Utilizar la percepción visual para bajar la carga cognitiva
3 - Estandarizar (usar siempre las mismas medidas y no cortar los ejes)
4 - Evitar imprimir sesgos personales (NO al Cherry-Picking)
5 - Simplificar pero sin recortar
6 - Recordar principios de Gestalt

  • Relacionamos datos que están próximos, o con la misma forma o mismo grupo
  • Entendemos que los datos en proximidad forman un patrón continuo

Recuerdo haber visto este tema de los principios de la Gestalt. Muy interesante!

RETOS:
figura y fondo:

Cierre:

Semejanza:

Proximidad:

Continuidad:

Simetría:
👾

Hay un artista que me gusta en particular porque tiene estas especies de ilusiones ópticas que se llama M.C Escher. Aquí un link de sus obras mas populares. M.C Escher

Esta es la grafica que se utiliza en la clase de Pensamiento probabilístico en platzi

Resumen:
- Define una audiencia y un motivo (Entender una persona, una audiencia y definir un perfil.)
- Utiliza la percepción visual (entre más disminuyamos la carga cognitiva será más fácil para la audiencia entienda y retenga el mensaje).
- Estandarizar. Tenemos que evitar tendencias engañosas. (utilizar las mismas medidas, no cortar los axis en las gráficas y siempre alienarlas.
- Simplificar pero no recortar.
- Siempre disminuir el sesgo (dejar que los datos hablen por ellos mismos)
- Principios de Gestalt (de manera nconsciente creemos que los datos que se encuentran más próximos pertenecen a un mismo grupo, o bien, creer que las cosas agrupadas en un mismo color pertenecen al mismo. Además de creer que los datos orientados en un mismo lugar forman patrones)

Dejo dos clases complementarias del curso de Introducción al Pensamiento Probabilístico que habla sobre las imágenes engañosas y el prejuicio en el muestreo.

https://platzi.com/clases/1841-probabilistica/26583-imagenes-enganosas/
https://platzi.com/clases/1841-probabilistica/26585-prejuicio-en-el-muestreo/

RETO:

Esto aplica? Es Batman y el Joker.

corriente psicológica alemana que, entre otras cosas, nos permite entender cómo funciona la percepción visual.

principio fundamental de la Gestalt es que el todo es mucho más que la suma de sus partes. Esto significa que cuando vemos los elementos del campo perceptivo, estos tienden a la estructuración, es decir, intentan organizarse en formas o totalidades. Nuestro cerebro es el culpable.

https://www.fotonostra.com/fotografia/fotos/gestalt3.jpg

Soy fotógrafo y una amplia parte de mi carrera fue entender los principios de gestalt en la composición fotográfica; que sorpresa me he llevado al ver que incluso en la visualización de datos son aplicables. ¡Excelente curso!

Comparto con ustedes el Notion que he estado haciendo para el curso: Data Visualization

 El principio de la proximidad. Mientras más cerca estén los objetos entre sí, hay una mayor probabilidad de pensar que los objetos pertenecen al mismo grupo.

 El principio de la similitud. Los elementos parecidos son percibidos como si tuvieran la misma forma. Es decir, los objetos del mismo color, tamaño, forma y orientación suelen pertenecer al mismo grupo.

 El principio de la continuidad. Los elementos individuales que se colocan en una línea continua o en una curva suelen estar relacionados entre sí. Se perciben los objetos como si fueran parte de un todo único.

Este video explica muy fácil los principios de Gestalt

El tema es muy interesante desconocía todos estos principios.

Principios de Gestalt:

  • Similitud: Se agrupan elementos de forma visual, independientemente de la proximidad visual entre sí, variando algunas características para diferenciarlos.
  • Continuación: Guiar la mirada de la audiencia en cierta dirección. Se debe tener un camino simple, pero que las cosas relevantes estén dentro de este.
  • Cierre: El cerebro completa las partes faltantes, siempre y cuando se tenga el area delimitada.
  • Proximidad: Cercanía presente entre ciertos elementos relacionados entre si.
  • Figura/fondo: El cerebro distingue entre lo que hay en primer plano y lo que está en el fondo.
  • Simetría y orden: El cerebro percibirá formas ambiguas de la manera más simple posible.

https://www.canva.com/es_mx/aprende/teoria-gestalt-principios-diseno/
Les dejo un articulo muy bueno de Canva sobre los principios Gestalt. Saludos a todos

Ley del Contraste: Una forma es mejor percibida cuanto mayor sea contraste entre el fondo y la figura.
Ley de Jerarquización: Una forma es mejor percibida cuanto más principal y menos accesoria la mente la interprete. 
Ley de Birkhoff: Una forma es mejor percibida cuantos más ejes tenga.
Ley de Memoria: Una forma es mejor percibida cuantas más veces haya sido vista.
Ley del Cierre: Una forma es mejor percibida cuanto más cerrada sea. Si un contorno no está completamente cerrado, la mente tiende a cerrarlo.
Ley de la Continuidad: Una forma es mejor percibida cuanto más continua sea. Si el patrón se rompe, la mente tiende a continuarlo.
Ley de la Proximidad: Los elementos aislados, pero con cierta cercanía, tienden a ser considerados como grupos.
Ley de la Simetría: Los elementos aislados, pero con cierta simetría, tienden a ser considerados como grupos.
Ley de la Similaridad: Los elementos aislados, pero con cierta similitud, tienden a ser considerados como grupos.
Ley del Movimiento Común: Los elementos aislados, pero con movimiento común, tienden a ser considerados como grupos.
Ley de Invariancia Topológica: Una buena forma resiste a las deformaciones a las que sea sometida.
Ley de Enmascaramiento: Una buena forma resiste a las perturbaciones a las que sea sometida.

https://medium.com/nightingale/how-to-apply-gestalt-psychology-principles-in-data-visualization-6242f4f1a3de

Recomiendo este recurso para ver estos principios aplicados a la visualización de datos 😄

  1. Proximidad
    El cerebro agrupa como un conjunto aquella serie de elementos que se encuentren a menor distancia.
  2. Figura y fondo
    El cerebro localiza contornos, separa objetos y establece distinciones entre ellos.
  3. La semejanza o igualdad
    El cerebro tiende a unir o agrupar los elementos más parecidos entre sí.
  4. Tendencia al cierre
    El cerebro tiende a completar imaginariamente las líneas faltantes o interrumpidas del contorno de las figuras.
    5.Contraste
    El cerebro atribuye cualidades a los diferentes elementos por contraste: grande - pequeño, claro - oscuro, borroso - nítido.
    6.Pregnancia
    El cerebro tiende a organizar y percibir los elementos de la forma más simple y correcta posible, bajo criterios de simetría, regularidad y estabilidad.

Gestalt en forma gráfica:

Este es un buen punto, para que tomen el modulo de “mentiras estadísticas”, del curso de intro al pensamiento probabilístico. Debemos tener muy claras esas falacias que pueden darse al trabajar con datos y como por error podemos en nuestras visualizaciones estar presentando resultados con sesgos, errores de escala, mal entendimiento de ciertos porcentajes,…etc.

Excelentes técnicas.

Les dejo un hilo de twitter con la info de la clase para que la compartan:
https://twitter.com/SalvadorCN_/status/1357905327115677697?s=20

Similitud
Es la naturaleza humana agrupa cosas similares. En gestalt, elementos similares se agrupan visualmente, independientemente de su proximidad entre sí. Se puede agrupar por color, forma o tamaño. Semejanza se puede usar para unir elementos que pueden no estar próximos. el otro al otro en un diseño.

Puede encontrar una infografía donde se puede mostrar un pco mas a detalle los principios de Gestalt -(Versión español, para las personas que aun no sepan dominar el ingles, para que puedan saber de que va los principios de Gestalt ).

jaj K5N es nefasto, gracias x remarcarlo profe, el kisnerismo es lo peor q le paso a la Arg.

Importancia de la estandarización de datos en BI en este link

Grafico desescalada

Ley de la proximidad:

Ley de similitud:

Ley de la continuidad:

Gestalt: hacemos simples las imágenes complejas. Asociamos nuestras percepciones con imágenes simples, cuadrados, triángulos, circulos, líneas rectas, etc. Determinadas configuraciones cerradas se perciben como forma antes que otras, existen figuras como circulos, cuadrados o estrellas a las que tendemos dar mas importancia perceptiva que a los elementos aislados

Que orgullo mi país siempre dando el ejemplo 😍, y como no estar aun mas orgulloso con ejemplos de la prestigiosa cadena de noticieros C5N que tanto trabajan por traernos la información de mejor calidad a los Argentinos 😍😍😍
Llora en inflación

  1. Simplicidad
    La ley de la simplicidad indica que nuestra mente percibe todo en su forma más simple. Por ejemplo, cuando la siguiente imagen se analiza en detalle está hecha de componentes individuales que vistos por separado, no tienen significado en lo absoluto y sin embargo, juntos, nuestra mente automáticamente los percibe para deletrear la palabra ‘logo’.

011-tb-800x0_1
Lo importante de la ley de la simpleza para los diseñadores es que cuando se combina ingeniosamente con la creatividad, los dos elementos se pueden aprovechar para crear diseños completamente impactantes. En este sentido, dominar la simpleza te obliga a que encuentres un equilibrio en dos planteamientos que con frecuencia son opuestos: el uso de figuras y objetos sencillos y la necesidad de producir efectos de diseño impresionantes. Observa como este ejemplo ilustra el punto a la perfección: el uso de elementos y objetos simples en conjunto para crear una representación cautivante y única de una guitarra.

02-tb-800x0_1.1
Básicamente, la simpleza se trata de ayudar al ojo encontrar figuras con las que se pueda provocar una interpretación de lo que queremos mostrar.

  1. Figura y fondo
    El principio de figura y fondo trata de explicar que elemento en un diseño se percibirá de inmediato como la figura y que elemento se percibirá como el fondo. Para poner las cosas en contexto, la “figura” es elemento en el que se centra la mirada, mientras que el “fondo” es lo que está detrás de la figura.

Hay otros dos principios que tendrás que entender de poder responder esta interrogante:

Área: La mente a menudo percibe el objeto más pequeño de la composición como la figura y el más grande como el fondo.
Convexidad: Los elementos convexos se asocian con mayor frecuencia a las figuras que los cóncavos.
Cuando ves la imagen a continuación, tu percepción de cuál es la figura y cuál es el fondo varía dependiendo de cómo tu mente las perciba. Hay veces que pareciera que la mano negra es la figura y lo blanco es el fondo, mientras que en otras pareciera como si la cabeza blanca es la figura y lo negro es el fondo.

image06-tb-800x0_2
Cuando se emplea en el diseño, este principio puede marcar una gran diferencia en la forma que tu creación expresa un mensaje. Toma como ejemplo este anuncio para el Festival gastronómico y de vino de Melbourne (2007), en el que las botellas están colocadas estratégicamente para crear la ilusión de un tenedor. En este caso, al combinar objetos que tengan relación con la comida y el vino, este diseño transmitió el mensaje del evento de una forma mucho más irresistible.

041-tb-800x0_2.2
Otro ejemplo que se basa en la figura y fondo es el póster para la película “Pedro y el lobo”, en el cual se ve el potencial que puede aprovechar de este principio. Por un lado, ves la imagen del cuerpo de un gran lobo, pero cuando cambias el foco y observas lo blanco (anteriormente el fondo) como la figura, inmediatamente ves que es la silueta de un hombre, el cual podemos asumir que es Pedro.

051-tb-800x0_2.3
3. Proximidad
Si los elementos están muy cerca el uno al otro, los percibimos como que pertenecen al mismo grupo, eso es lo que nos indica este principio. Como ejemplo, piensa como un interletraje adecuado guía al ojo a entender que letras forman ciertas palabras. Hay situaciones en las que crear mucho espacio entre las letras confunde pues no se sabe cuando termina una palabra y cuando comienza la siguiente. En el ejemplo debajo, nuestra mente percibe cada una de las barras verticales adyacentes se combinan y forman una imagen de un venado.

crazy-cool-poster-designs-17-tb-800x0_3
Este principio también se emplea efectivamente en el logo de Unilever, puesto que con lo cerca que se encuentran las figuras entre sí, fácilmente puedes ver que forman una U (de Unilever). Según el sitio de la marca, el diseño del logo se hizo para que incluyera “25 íconos, cada uno representando algo importante de Unilever”.

071-tb-800x0_3.1
Igualmente puedes checarte el siguiente póster, en el que una de las marcas de gaseosas más reconocidas, Coca-Cola, quería expresar un sentimiento de felicidad (uno de los valores principales de la marca), creando la figura de una sonrisa. Para ello, usaron sus famosas y las colocaron tan cerca que le facilitaron a la audiencia percibir esa sonrisa.

081-tb-800x0_3.2
4. Semejanza
Al igual que con el principio anterior, el principio de semejanza nos indica que si los elementos se parecen el uno al otro, los percibimos como si pertenecieran al mismo grupo. La semejanza se puede causar a través de los colores, tamaño, orientación, textura e inclusive, con las fuentes. Por ejemplo, cuando estás definiendo el layout de un documento de doble página, crear un sólido esquema tipográfico les facilitará a los observadores entender las partes del texto que son encabezados, aquellas que son e cuerpo del texto y aquellas que forman parte de la leyenda.

En la siguiente imagen, nuestra mente no percibe los círculos de colores como círculos individuales, sino como un conjunto que forma rectángulos, cuadrados y líneas, distintos acorde al color.

Screen-Shot-2016-03-02-at-9.43.35-AM-tb-800x0_4
5. Dirección común
La base de este principio es sencilla, pues establece que nosotros vemos aquellos elementos visuales que se mueven en la misma dirección como parte de un solo grupo. Este principio es especialmente importante para animaciones en 2D y 3D, dado que las figuras que se mueven juntas atraen nuestra mirada.

Observa cómo en la siguiente imagen, al ver que cada una de las aves viaja como una unidad en la misma dirección, nuestra mente las percibe como si fueran parte de un solo grupo que lleva un pez.

101-tb-800x0_5
Asimismo, también tienes este póster de la ópera estadounidense de Kurt Weill, Street Scene, como las letras grises se percibe que son parte del mismo bloque de contenido (el título), no solo porque sean similares (ver principio de Semejanza arriba), o porque estén cerca (ver Proximidad arriba), sino porque pareciera que se movieran en la misma dirección.

APELOIG_STREET_SCENE-b-756x1134-tb-800x0_5.1
6. Simetría
Este principio prácticamente se describe con el título, los elementos simétricos se perciben como parte del mismo grupo. ¿Alguna vez has visto figuras que parecen como el espejo de sí mismas? Bueno, esta relación es la que nos ayuda a percibir estos elementos como una sola figura.

Por ejemplo, en este póster para la Bike Expo en Nueva York, el centro de atención del concepto era un círculo unificado. Para crearlo, el diseño empleó mitad de la rueda de una bicicleta y mitad de la tapa de una alcantarilla, y si bien la textura y el color son distintos, el solo hecho que fueran simétricas las unió en los ojos de la audiencia.

121-tb-800x0_6
Paralelismo

Cuando diseñamos, a menudo cambiamos la inclinación de nuestros textos para que correspondan con curvas o flechas y crear un diseño más compacto visualmente. De eso exactamente se trata el principio del paralelismo, que aquellos elementos con una inclinación igual o similar se asocian como parte de un solo grupo, así como lo refleja este póster creado para promocionar la fuente Futura, en el que a través del paralelismo, las diferentes áreas de texto se agrupan unas con otras.

Screen-Shot-2016-03-02-at-9.46.41-AM-tb-800x0_6.1
7. Continuidad
Pasando de la inclinación a la alineación, la asociación visual se crea cuando los elementos se alinean unos con otros, es decir, que las líneas se perciban como una sola figura en tanto que sean continuas y mientas más fluidos sean los segmentos, más las vemos como una figura unificada.

Llevando este principio a la práctica, tenemos esta tarjeta de navidad de Publicis, en la cual la línea delgada verde del lápiz que se afila guía el ojo por la composición de arriba a abajo, creando, de forma muy inesperada, la figura de un árbol de navidad.

141-tb-800x0_7
8. Cierre
Cuando los elementos son parte de una figura cerrada, percibimos que pertenecen al mismo grupo. Un gran diseño con el que podemos observar cómo funciona el principio de cierre es con el logotipo de FedEx que, mediante el espacio negativo entre la E y la X, más la ilusión de cierre al colocar ambas letras muy juntas, el diseño “esconde” una flecha hacia la derecha que no muchas personas han sido capaces de notar a través de los años. Te aseguro que ahora no puedes dejar de ver otra cosa.

fedex-tb-800x0_8
9. Región común
Piensa en una insignia donde normalmente hay una combinación de texto, objetos y un estandarte. El principio de la región común nos indica que cuando encontramos varios elementos que forman parte de una sola región, los asociamos como un solo grupo. En el caso de la insignia, todos esos elementos mencionados pertenecen a un grupo.

Igualmente tienes como ejemplo este póster para la película de Pixar Intensamente, en el que los artistas Stacey Aoyama y Eric Tan utilizan este principio para unificar los personajes de la película en la silueta de una persona y como los vemos dentro de la misma región, percibimos que coexisten en ese espacio. De hecho, si viste la película, sabes que esta en sí, es la idea principal: mostrar que las emociones positivas y negativas coexisten en nuestras mentes, determinando nuestro comportamiento.

161-tb-800x0_9
10.Conectividad de los elementos
La última forma en la que trabaja nuestra percepción según los principios de la Gestalt, es cuando los elementos están conectados por otros elementos. Una forma rápida de ver este principio en acción es con una infografía o diagrama de flujo, en el que las flechas conectan una figura (o bloque de texto) con la siguiente.

En esta creación de Jonathan Calugi para la Harvard Magazine, los objetos están unificados por una línea que va por toda la composición y que a pesar de toda la actividad que tiene el diseño, le da una unidad y cohesión visual.

171-tb-800x0_10
¡Aplica los principios de la Gestalt en tu próximo proyecto!

¿Listo para llevar la psicología a tus diseños? Si crees que puedes crear un impacto en tu audiencia usando en tu siguiente composición la proximidad, simpleza, semejanza o algún otro de los principios descritos anteriormente, no lo dudes. ¡Quizás puedas producir un efecto como el de FedEx!

Investigando esta esta informacion de valor y esta descrito cada uno en detalle

https://www.canva.com/es_mx/aprende/teoria-gestalt-principios-diseno/

Principio destino común.

Si bien destino común no era originalmente incluido en la teoría Gestalt, se ha agregado desde entonces. En el diseño UX, su utilidad no puede pasarse por alto. Este principio establece que las personas agruparán las cosas que apuntan o se mueven en la misma dirección.

Ejemplo gráfico:

Fuente: https://www.toptal.com/designers/ui/exploring-the-gestalt-principles-of-design#:~:text=Hay seis principios individuales comúnmente,con gestalt%2C como destino común.

Principio de figura/fondo.- el principio de figura/fondo es similar al principio de cierre porque aprovecha la forma en que el cerebro procesa el espacio negativo.

Ejemplos del principio de figura/fondo:

Principio de cierre.- closure es uno de los principios más geniales de Gestalt y uno que ya tocado al principio de esta pieza. Es la idea de que su cerebro completará las partes faltantes de un diseño o imagen para crear un todo.

Buenas practicas:
Definir audiencia y motivo
Utiliza la percepción visual
Estandariza

Simplifica pero no recortes

Disminuye el sesgo (Bias):
No al cherry-picking

Simplicidad: En este caso es más fácil ver tres objetos distintios que ver una sola figura compleja.

  • Principios de Gestalt:
    • Simplicidad. Nuestra mente percibe todo en su forma más simple. se trata de ayudar al ojo a encontrar figuras con las que se pueda provocar una interpretacion de lo que queremos mostrar
    • Figura y fondo. La figura es el elemento en el que se centra la mirada, mientras que el fondo es lo que esta detrás de la figura
    • Proximidad. Si los elementos estan muy cerca uno de otro, los percibimos como que pertenecen al mismo grupo
    • Similitud. Si los datos se parecen uno al otro los percibimos como si pertenecieran al mismo grupo
    • Dirección Común. Aquellos elementos visuales que se mueven en la misma dirección son percibidos como si pertenecieran al mismo grupo
    • Simetría. Los elementos simétricos se perciben como parte del mismo grupo
    • Continuidad. la asociacion visual se crea cuando los elementos se alinean unos con otros.
    • Cierre. Cuando los elementos son parte de una figura cerrada, percibimos que pertenecen al mismo grupo
    • Región común. Cuando encontramos varios elementos que forman parte de una sola región, los asociamos como un solo grupo
    • Conectividad de los elementos.

Ejemplo de ley de la proximidad:

Ejemplo de ley de la dirección común:

Ejemplo de ley de la continuidad:

Ejemplo de ley de la semejanza:

Ejemplo de ley de la simplicidad:

Ejemplo de ley de la simetría:

Ejemplo de ley de pregnancia:

Fuente de los ejemplos: link

Reto: Ejemplo de principios de Gestalt.

Principios de Gestalt.

Disminuir el sesgo (bias): No al cherry-picking

Simplificar pero no recortar.

Estandarizar.

Utiliza la percepción visual.

Define la audiencia y motivo.

  1. Principio de Semejanza o Similitud

  2. Principio de Continuidad

  3. Principio de Cierre

  4. Principio de Proximidad

  5. Principio de Figura y Fondo

  6. Principio de Simetría y Orden

  7. Principio de Dirección Común

Reto 5: Da un ejemplo de cada uno de los principios de Gestalt

1.Principio de Semejanza o Similitud: El principio de semejanza se utiliza para unir elementos que estén o no próximos entre sí. Si los encontramos similares, tenderemos a verlos como parte de un grupo. Además, si un diseño está formada por objetos similares, el espectador va a percibir el conjunto como algo equilibrado y coherente. Cuanto mayor es la similitud entre los objetos, más coherencia transmitirá la obra en su conjunto.

  1. Principio de Continuidad:El ojo puede crear visualmente la continuidad de una línea. Este principio se basa en la idea de que el ojo humano va a seguir siempre el camino visual más suave, menos forzado y más coherente.

  2. Principio de Cierre : Cuando percibimos una figura que no está cerrada o delimitada por líneas, nuestra mente tiende a transmitir una sensación de cierre o forma completa.

  3. Principio de Proximidad: El principio de proximidad teoriza cómo tendemos a agrupar las formas o elementos visuales que están próximos entre sí. Para ello, dichos objetos deben compartir alguna de estas características en común: forma, color, tamaño o textura.

Por otro lado, si aumentamos el espacio entre los elementos podemos conseguir una sensación de separación, aún cuando los elementos tengan características en común.

  1. Principio de Figura y Fondo: El principio de Figura y Fondo es bastante similar al principio de cierre, porque aprovecha también la forma en que el cerebro procesa el espacio negativo. Este principio describe la tendencia que tiene el ojo humano a ver un objeto separado de lo que le rodea. Nuestra mente no es capaz de interpretar un mismo elemento como figura o como fondo al mismo tiempo.

  2. Principio de Simetría y Orden: Este principio, también conocido como prägnanz (que significa buena figura), teoriza que los elementos que cuentan con simetría y orden, son también percibidos como parte del mismo grupo.

Esta imagen me parece muy representativa, igualmente en este link podemos encontrar un poco mas de detalle sobre el trasfondo de las leyes o principios de Gestalt:
https://anasaci.com/blog/disenadores/diseno_grafico/las-leyes-de-la-gestalt.html

Me gusta tener estos principios en mente porque estoy de acuerdo en que se deben considerar no solo aspectos técnicos, sino sicológicos de la audiencia a la que va dirigida nuestra información. Esta liga me pareció interesante y de fácil comprensión:
https://www.topcoder.com/blog/gestalt-principles-for-data-visualization/
Y este un buen ejemplo de cierre:

  • Ley de proximidad [De manera inconciemnte entendemos que los vlaores que se encuentran mas proximo pertenecen a un mismo grupo]

  • Ley de la similitud [Misma forma o mismo color]

  • Ley de la continuidad [Los datos orientados a un mismo lugar siempre tienden a forman patroneos o tendencias]

  • Ley de la clausura [Nuestros cerebro suele asociar elementos desconectados con formas que ya conocemos]

  • Ley de la inclusividad [Nuestras mentes encuentra un enfoque visual separando la figura del fondo]

Axis = Ejes

Proximidad:

Ley de similitud los colores de los botones de los aparatos electrónicos todos son iguales: por ejemplo, los botones de apagados son redondos y de color rojo. Esto lo hacen para que el consumidor pueda identificarlo con facilidad

Clausura:

Continuidad:

Inclusividad o figura fondo:

Gestalt = forma

Estos fueron los ejemplos con los que más fácilmente comprendí los principios de percepción visual de Gestalt - Los encuentras aquí: https://www.historiascondatos.xyz/dataviz-principios-visualizacion-datos-gestalt/ - Hasta tienen un ejemplo de cómo mejorar un gráfico usando los principios.

Y el color amarillo también se debería evitar en gráficos, a mi me cansa mucho a la vista…

EJEMPLO:

La ley más importante y que nos da una mejor idea sobre la lógica por la que se rige la generación de percepciones como un todo es la ley de la buena forma, según la cual lo que percibimos con mayor exactitud y rapidez son aquellas formas más completas pero, al mismo tiempo, más simples o simétricas.

https://www.youtube.com/watch?v=UnenlTAGuFg&feature=emb_title Aquí pueden encontrar lago más sobre la Teoría de Gestalt

Buenas prácticas

  1. Definir una audiencia y un motivo.

    • Tratar de entender el tipo de asistente para adaptar nuestro lenguaje a la hora de explicar
  2. Utilizar la percepción visual

    • Esto es para hacer que la carga cognitiva disminuya
  3. Estandarizar

    • Evitar tendencias engañosas: Usar las mismas medidas, no cortar las axis, alinea siempre
  4. Simplificar pero no recortar

    • tratar de hacer las gráficas lo más sencillas posibles.
  5. Disminuye el sesgo

    • Dejar de lado las opiniones personales
    • Que los datos hablen por si solos
  6. Principios de Gestalt

    • Ley de la proximidad: de manera inconsciente asociamos los elementos cercanos como de un mismo grupo
    • Ley de la similitud: Los elementos con la misma forma o color pertenecen al mismo grupo
    • Ley de la continuidad: Los datos orientados a un mismo lugar tienden a formar patrones



Esta gráfica cumple con la ley de proximidad porque los elementos tienden a estar cerca de la rama a la que pertenece o cerca de las materias que son parecidas entre si. Y tambien cumple con la ley de la similitud porque se agrupan en colores.

  1. Definir una audiencia y motivo
  2. Utiliza tu percepción visual
  3. Estandariza
  4. Simplifica pero no recortes
  5. Disminuye el sesgo

Gestalt es una palabra alemana que significa “Forma” pero el este contesto hace alucion a "Un todo unificado"
Un psicologo especializado en Gestald (Kurt Koffka) dijo: El todo es mas que la suma de sus partes.

Esta frase explica el valor agregado que se genera a la informacion al presentarla siguiendo estos principios.

otra excelente aclaracion es que los pricipios Gestalt no estan en los ojos, estan en la mente. Donde tambien esta esa necesidad del humano de encontrar patrones en todos lados.
Gestalt simplemente usa esta configuracion de la mente para hacer llegar un mensage con la menor friccion

https://www.interaction-design.org/literature/topics/gestalt-principles

aqui hay una pag donde detallan los principios mas usados

Uno de los principios de Gestalt, es el Principio de Cierre. Este nos dice que cuando una figura no está cerrada o delimitada completamente, nuestra mente automaticamente hace el cierre o completa el mismo para ver una figura completa.

++Ejemplo: ++

Similitud: El cerebro agrupara los objetos si son similares
Continuacion: El cerebro seguira un camino prefenido ya indicado, esto sin importar si el camino cambia de color o patron
Cierre: El cerebro autocompletara la imagen para crear un todo
**Proximidad:**El cerebro buscara agrupar los objetos por su proximidad el uno con el otro
**Figura/Fondo:**El cerebro buscara autocompletar la imagen con el fondo esto es muy parecido a la de cierre

Simetria/Orden:El cerebro buscara llevar los objetos que ve a la forma mas simple posible como cuadros, circulos, rectangulos
Destino Comun: El Cerebro va a agrupar los objetos si ve que apuntan en una misma dirección como una parvada de patos

Fuente: https://www.toptal.com/designers/ui/exploring-the-gestalt-principles-of-design

Los ejemplos y explicaciones de esta página son bastante buenos

¡Hola!

Frente a las buenas prácticas les recomiendo un montón la primera parte del libro Better Data Visualizations de Jonathan Schwabish, que pueden encontrar acá.

Ahí el autor habla de 5 recomendaciones para mejorar los gráficos que hacemos:

  1. Mostrar los datos: Se refiere a resaltar la infomación relevante, sin que eso implique necesariamente recortar.
  2. Reducir el desorden: Similar a lo que el profesor explicó de simplicar.
  3. Integrar gráficos y texto: Usar títulos y anotaciones para apoyar el entendimiento del gráfico.
  4. Evitar el gráfico spaguetti: Tiene que ver con separar la información (usando estrategias como la de pequeños múltiplos) para evitar que el gráfico no se pueda leer.
  5. Comenzar con gris: Esto con el fin de tomar decisiones deliberadas frente al color, etiquetas y otros elementos para lograr el objetivo que queremos con el gráfico.

muy importante este tema debido a que estas presentaciones se usan para toma de decisiones

Los principios Gestalt son un conjunto importante de ideas que cualquier diseñador debe aprender y su implementación puede mejorar en gran medida la estética de un diseño, así como su funcionalidad y facilidad de uso.
Hay seis principios individuales comúnmente asociados con la teoría gestalt: similitud, continuación, cierre, proximidad, figura/fondo, y simetría y orden.

Los humanos damos mucha más importancia a la vista que a otros sentidos, y la forma en la que hemos construido el mundo y vivimos es un reflejo de ello. Pero al guiarnos tanto por la vista debemos conocer cómo esta nos hace percibir una realidad subjetiva.
La percepción visual es la interpretación de la información transmitida por los estímulos lumínicos externos que, a través de un proceso cerebral activo, se transforma en una representación o copia de la realidad. La percepción es subjetiva, pues las imágenes se analizan en base a las vivencias, la cultura y la experiencia personal. Las leyes gestálticas o Leyes de la Gestalt, desarrolladas por los psicólogos del movimiento alemán Gestalt, se basa en la premisa de que el todo es superior a la suma de sus partes. A principios del siglo XX, esta escuela definió diferentes leyes o principios de la percepción visual.
LEYES DE GESTALT
LEY DE PROXIMIDAD: Los elementos que están a una distancia cercana suelen ser percibidos como un grupo o como un mismo objeto.
LEY DE LA SEMEJANZA: Las figuras parecidas (ya sea por su tamaño, forma o color) se suelen agrupar y percibir como una unidad.
LEY DE LA CONTINUIDAD: La mente tiende a seguir un patrón, aunque esta haya desaparecido. Por ejemplo, en una foto con punto de fuga, los elementos que aparecen en planos alejados se reconocen gracias a los que aparecen definidos en primer plano.

Esta escuela sostiene que la mente se encarga de configurar, mediante diversos principios, todos aquellos elementos que se pasan a formar parte de ella gracias a la acción de la percepción o al acervo de la memoria.

En el apartado de “Simplifica pero no recortes” del minuto 4:11, considero que esta más objetivo el gráfico de barras horizontales, ya que en el gráfico de la derecha se puede malentender que los ingresos de Mersey del 2020Q2 son inferiores a los del 2020Q3 al estar más abajo, pero se debe ver la amplitud y ahí recién se aprecia la diferencia.

Ley de la proximidad

Ley de la similitud

Ley de la clausura

Ley de la continuidad

Ley de la inclusividad o de la figura fondo

  • Definir una audiencia: entender a quién va dirigida la presentación. Tipo de lenguaje que utilizan.
  • Utiliza la percepción visual: Los elementos para disminuir la carga cognitiva.
  • Estandarizar: usa mismas medidas, no cortar axis y alinear.
  • Simplificar pero no recortar: haz las graficas lo mas sencillas posibles.
  • Disminuye el sesgo: deja que los datos hablen por ellos mismos, deja a un lado las preferencias personales.
  • Los principios de Gestalt: ley de la proximidad, ley de la similitud, ley de la continuidad.

1.- Proximidad: el ojo “agrupa” los elementos de una imagen de manera que los sintetiza en una sola unidad visual.
2.- Semejanza: las imágenes se interpretan por su apariencia y en la mente humana se pueden confundir con objetos que no son.
3.- Contraste: cuando una imagen es o semeja un aspecto en particular, este destaca sobre el resto de los elementos por su color, tamaño, o textura.
4.- Inclusividad: una figura que destaca lo hace porque adquirió otros elementos visuales presentes en un cuadro y cada unos de ellos se integra para semejar una unidad visual.
https://www.historiascondatos.xyz/wp-content/uploads/2019/01/Gestalt-Principios-Visualización-1024x683.png

El sesgo es de las cosas mas importantes a la hora de entender como se comportan los datos, primero que nada te recomiendo entender los conceptos de población y muestra referenciando a la estadística, y como ejemplo a los errores mas comunes de la mala manipulación de datos esta una historia que bastantes conocemos, “la inocencia de las cigüeñas”.
Arıs expone una conclusión a la que humorísticamente llegó Bartels: en Alemania, en un mismo año, descendieron, de forma significativa, la tasa de nacimientos de la población humana y el número de ejemplares de cigüeñas. La correlación entre ambos datos era alta, lo que demostraba científicamente su relación. Así pues, la baja natalidad se podía explicar por la disminución del número de repartidores de bebés. La culpa era de las cigüeñas.
https://www.elsevier.es/es-revista-revista-del-laboratorio-clinico-282-articulo-la-inocencia-ciguenas-S1888400810000073

A primera vista, verás una pareja de cabezas de personas ancianas, pero al echar un vistazo, aún más de cerca, claro, empezarás a ver los detalles (que sin lugar a dudas, algunas personas simplemente no pudieron notarlos a la primera ocasión) que convierte estas imágenes y entonces empiezas a ver una imagen; totalmente diferente de la que, supuestamente, habías visto.


Me gusto esta imagen que ejemplifica el principio de clausura de Gestalt

Existen seis principios individuales comúnmente asociados con la teoría gestalt: similitud, continuación, cierre, proximidad, figura/fondo, y simetría y orden