¡Descarga visualización de datos y más Apuntes en PDF de Almacenamiento de Datos solo en Docsity!
Percepción y Visualización
de la Información
Este tema es fundamental para entender cómo transformar cifras frías y montones de datos en historias visuales que cualquiera pueda comprender. Aquí tienes los conceptos clave desglosados para tu estudio:
1. ¿Qué es Infografía y Visualización de Datos?
Aunque a menudo se usan como sinónimos, tienen matices diferentes que el autor Alberto Cairo unifica bajo una misma disciplina: ampliar el conocimiento a través de gráficos. ● Infografía: Es una representación que combina gráficos (mapas, diagramas, ilustraciones) con texto explicativo. Suele ser más "cerrada" o narrativa, como la explicación de un accidente ferroviario. ● Visualización de Datos: Tiende a ser más abstracta y científica. A menudo es interactiva y permite que el usuario explore los datos por sí mismo para sacar sus propias conclusiones (como un mapa interactivo de exportaciones mundiales). En resumen: Ambas buscan transformar datos en información semántica (con significado).
2. ¿Por qué es importante visualizar?
El ser humano tiene un sistema visual extremadamente potente diseñado para detectar patrones y relaciones en fracciones de segundo. ● El problema: Una tabla con 1,600 filas de datos (como la lista de periodistas asesinados) es imposible de procesar mentalmente. ● La solución: Un gráfico permite responder preguntas complejas (¿qué año fue el más violento?, ¿qué país es el más peligroso?) "de un solo vistazo".
3. Los 5 Estadios de la Visualización
El proceso de crear una visualización no es lineal (puedes volver atrás), pero sigue estas etapas esenciales:
- Investigación: Búsqueda y recopilación de fuentes sólidas y contrastadas (ej. bases de datos oficiales de la Seguridad Social).
- Selección de datos: Filtrar lo importante. No todos los datos recopilados sirven; hay que organizar la información para que sea manejable.
- Creación de un boceto: Es la "guía rápida" o esquema mental puesto en papel. Aquí decides qué tipo de gráfico usar (barras, líneas, sectores).
- Elaboración: La fase de diseño final usando herramientas profesionales (como Adobe Illustrator para estáticos o Google Fusion Tables para dinámicos).
- Percepción y conocimiento: El momento en que el público ve la obra y su cerebro procesa la información para generar conocimiento.
Conceptos Clave para recordar:
● Cognición: El objetivo final de la visualización es ayudar al cerebro a pensar y entender mejor. ● Interactividad: Característica común en las visualizaciones modernas que permite al usuario filtrar la información según su interés. ● Sintaxis visual: Es el lenguaje de los signos (iconos figurativos + formas abstractas) que usamos para comunicar. Siguiente paso recomendado: ¿Te gustaría que profundizáramos en cómo elegir el tipo de gráfico adecuado (barras, líneas, puntos) según el tipo de datos que quieras mostrar? Sería un excelente ejercicio práctico antes de pasar a temas más técnicos. —------------------------------------------------------- Este tema es un viaje fascinante por la historia de cómo el ser humano ha intentado "dibujar" la realidad para entenderla. Lo más importante es que comprendas que la infografía no nació con el ordenador, sino con la necesidad de navegar, curar enfermedades y explicar noticias. Aquí tienes los hitos y personajes clave desglosados para tu estudio:
1. La Cartografía: Los Primeros Pasos
Los mapas son las primeras representaciones abstractas de la información. ● Antigüedad: Desde la Tablilla de arcilla de Nippur (Sumeria) hasta las bases matemáticas de Hiparco de Nicea y Ptolomeo. ● Renacimiento: Aparecen los portulanos (mapas de rutas marinas y puertos). ● Gerhardus Mercator: Creó la proyección cartográfica más famosa (1569), permitiendo a los marineros navegar siguiendo líneas rectas en el mapa.
4. La Infografía Periodística: De The Times al USA Today
● The Times (1806): Publicó el primer gráfico de sucesos ( Mr. Blight’s House ) y el primer mapa meteorológico (1875). ● Isotype (Otto Neurath): En los años 20, intentaron crear un lenguaje universal con iconos para que cualquier persona, sin importar su idioma, entendiera las estadísticas. Es el abuelo de los pictogramas modernos. ● USA Today (1982): Cambió el periodismo mundial. Introdujo el color masivo, gráficos del tiempo en página completa y los snapshots (gráficos pequeños y rápidos). Su filosofía: menos texto, más impacto visual. ● Guerra del Golfo (1991): Fue el "examen final" de la infografía moderna. Al ser un conflicto tan técnico y geográfico, los periódicos (como El País o El Mundo en España) se llenaron de mapas y detalles de armamento, consolidando los departamentos de infografía.
5. La Era Digital: Interactividad y Tiempo Real
Hoy ya no solo vemos gráficos estáticos: ● Interactividad: El usuario puede "tocar" los datos, filtrarlos y explorarlos (ejemplo: los interactivos de The New York Times ). ● Visualización en tiempo real: Los datos se actualizan automáticamente (bolsa, elecciones, clima), permitiendo un consumo de información dinámico. Resumen para recordar: ● Mapas: Origen de la abstracción. ● Da Vinci: Dibujo para entender el "cómo". ● Playfair: Dibujo para entender el "cuánto". ● Snow: Dibujo para salvar vidas. ● USA Today: Dibujo para informar rápido. —--------------------------------------------------------- Este tema es el puente entre los datos en bruto y la información con significado. Aquí aprendes que antes de diseñar un gráfico bonito, hay que "ensuciarse las manos" limpiando y entendiendo los números. Aquí tienes los puntos clave para dominar el Tema 3:
1. Los Fundamentos: ¿Qué tipo de datos tengo?
No todos los datos se pueden graficar igual. La elección del gráfico depende del tipo de variable : ● Variables Categóricas (Cualitativas): Representan grupos. ○ Nominales: No tienen orden (ej. Colores, Géneros literarios). ○ Ordinales: Tienen una jerarquía (ej. Nivel de estudios: Grado < Máster < Doctorado). ● Variables Cuantitativas (Numéricas): Representan cantidades. ○ Discretas: Números enteros (ej. Número de hijos: no puedes tener 2.5 hijos). ○ Continuas: Admiten decimales (ej. Peso: 70.5 kg, Altura).
2. Recolección: Basura entra, basura sale
Si los datos están mal recogidos, la visualización será mentira. ● Encuestas: Deben tener un propósito claro. El texto advierte: no hagas encuestas solo para "demostrar que tienes números" si ya has decidido de antemano el resultado. ● Fuentes externas: Puedes usar datos Públicos (Open Data de gobiernos) o Privados (comprados o internos de una empresa). ● IoT (Internet de las Cosas): Datos recogidos automáticamente por sensores.
3. Limpieza y Preparación: El trabajo "sucio"
Esta es la fase más larga y menos agradecida. Consiste en: ● Uniformizar: Pasar todo a la misma unidad (ej. todo a metros, no mezclar con pies). ● Limpiar: Eliminar duplicados, corregir errores tipográficos (ej. "Eapaña" por "España") y tratar valores vacíos. ● Verificar rangos: Detectar datos imposibles (ej. una persona que mide 4 metros o una temperatura de 300°C en Madrid).
4. Transformación y el Cuarteto de Anscombe
A veces, los números engañan. La transformación busca revelar patrones ocultos (como usar logaritmos para suavizar datos muy extremos). El Cuarteto de Anscombe (Fundamental): Es un ejemplo de 4 conjuntos de datos que tienen la misma media y la misma estadística , pero cuando los dibujas, son totalmente distintos. Lección: Nunca confíes solo en el promedio; siempre hay que visualizar los datos para ver su forma real.
- Memoria a Corto Plazo (Trabajo): Tiene capacidad limitada. Si saturas al lector con demasiados datos, los antiguos se borran para dejar sitio a los nuevos.
- Memoria a Largo Plazo: Almacén ilimitado de conocimientos y patrones aprendidos. Solo llega aquí lo que logramos conectar con lo que ya sabemos.
3. Atributos Preatentivos: El "Superpoder" del Diseñador
Son rasgos que el cerebro detecta de forma automática y rápida. Si los usas bien, guías la mirada del lector sin que haga esfuerzo. ● Color: Es el más potente para destacar (ej. un número rojo entre muchos negros). ● Forma, Orientación, Tamaño y Longitud: Ayudan a agrupar o diferenciar elementos. ● Regla de oro: No uses muchos atributos a la vez (ej. varios colores y varias formas), porque generas caos y el cerebro deja de ver los patrones.
4. Leyes de la Gestalt: ¿Cómo agrupamos cosas?
A principios del siglo XX, esta escuela descubrió que el cerebro siempre intenta dar orden y sentido a lo que ve. Estas son las leyes que debes aplicar a tus gráficos: ● Proximidad: Los objetos cercanos se perciben como un grupo (ej. barras de un mismo año juntas). ● Similitud: Los objetos que se parecen (mismo color o forma) pertenecen al mismo grupo. ● Cercado (Enclosure): Si encierras elementos en un recuadro o fondo de color, el cerebro los "separa" del resto. Es muy potente para destacar secciones. ● Continuidad: Preferimos seguir caminos suaves. En los gráficos de líneas, el cerebro "rellena" los huecos para ver una tendencia. ● Conexión: Una línea que une dos puntos es el vínculo más fuerte que existe, superando incluso al color o la forma.
Resumen Práctico para tus Visualizaciones
● Para Resaltar: Usa el Color (atributo preatentivo). ● Para Agrupar: Usa la Proximidad o el Cercado (Gestalt). ● Para Mostrar Relaciones: Usa la Conexión (líneas). Siguiente paso recomendado: Basándote en tus notas sobre la aplicación que analizaste al principio (donde decías que la navegación por iconos es muy clara ), ¿te gustaría que viéramos qué leyes de la Gestalt está aplicando esa interfaz para que te resulte tan intuitiva? Por ejemplo, probablemente use la Similitud para los botones de acción. —---------------------------------
Este último tema es la "caja de herramientas" del diseñador. Aquí aprendes que el diseño no es solo decoración, sino una serie de decisiones técnicas para que la información sea legible, funcional y atractiva. Aquí tienes los pilares fundamentales del Tema 5:
1. Tipografía: Serif vs. Sans Serif
La elección de la fuente afecta a cómo el cerebro procesa el texto. ● Serif (con remates): Tienen pequeñas "patitas" al final de las letras. Son ideales para textos largos en papel (libros, periódicos) porque ayudan al ojo a seguir la línea. ● Sans Serif (Palo seco): No tienen remates. Son más limpias y obligatorias en pantallas (web, apps) porque a baja resolución los remates se ven borrosos. ● Regla de oro: En infografías, usa fuentes Sans Serif incluso en papel, ya que el tamaño de letra suele ser pequeño y se necesita máxima claridad. [Image comparing Serif font (Times New Roman) and Sans Serif font (Arial)]
2. El Color: CMYK vs. RGB
Debes elegir el modelo de color según dónde se vaya a ver tu trabajo: ● CMYK (Cian, Magenta, Amarillo, Negro): Es el modelo sustractivo (pigmento). Se usa para impresión. La suma de todos da negro. ● RGB (Rojo, Verde, Azul): Es el modelo aditivo (luz). Se usa para pantallas. La suma de todos da blanco. ● Uso estratégico: Usa el color para categorizar (grupos), jerarquizar (lo más importante en un color vivo) o expresar valor (degradados de claro a oscuro).
3. Dimensiones y Resolución
● Unidades: En papel usamos milímetros (mm) ; en digital usamos píxeles (px). ● Resolución (ppp): Es el nivel de detalle. ○ Impresión: Mínimo 300 ppp para que no se vea "pixelado". ○ Digital: Con 72 ppp es suficiente (pesa menos y carga rápido).
4. Formatos de Imagen: ¿Cuál elegir?
● Para impresión: TIFF (máxima calidad, muy pesado) o EPS (para vectores). ● Para web: * JPG: Para fotos o imágenes con muchos colores. ○ PNG: Si necesitas transparencias.
