9 estrategias para hacer Gráficos Informativos

Construcciรณn de representaciones visuales Mtra. Nora Morales Zaragoza MADIC 2018

Introducciรณn

Los grรกficos informativos revelan lo oculto, explican lo complejo e iluminan lo obscuro.

Rajamanickam, Venkatesh. (2005)

Construir representaciones visuales informativas no se trata solamente, de traducir lo que leemos en lo que vemos. Por el contrario, involucra un proceso mรกs complejo que involucra: filtrar la informaciรณn, establecer relaciones, encontrar patrones y representar de tal manera que el lector construya conocimiento significativo.

Lenguaje visual Es el código específico de la comunicación visual y se relaciona con el lenguaje escrito o verbal pero tiene poco que ver con ellos.

Características Facilidad de penetración- cuesta menos leer • Es un sistema semi-estructurado • Tiene un carácter más universal • Depende de un contexto • Guarda mayor parecido con “la realidad” •

Interpretaciรณn de las imรกgenes

Interpretaciรณn de las imรกgenes

mano

Interpretación de las imágenes

mano Para “leer” estas imágenes tenemos que tener entrenamiento cultural. Un signo no funciona de forma autónoma existe sólo en relación a otros

Interpretaciรณn de las imรกgenes

mano

Interpretaciรณn de las imรกgenes

mano

hola!!

Interpretaciรณn de las imรกgenes

mano

hola!!

No pase

Ciencias de la comunicación y Semiótica

Sistemas de transmisión de mensajes La comunicación verbal La comunicación escrita La comunicación visual

Semiología de la imagen o semiótica visual Rama del saber centrada en los problemas de la comunicación a través del lenguaje visual

La imagen = unidad de representación Información gráfica • Producto visual • Desarrollo plástico • Texto icónico • Artefacto visual • Representación visual •

Componentes 1. La realidad 2. El emisor creador que representa y lo hace en 
 determinado contexto 3.- El receptor o espectador que interpreta dentro de determinado contexto

Proceso Investigar

Organizar

Análisis Entender Recopilación de datos

Planear encontrar factores

Identificar patrones organizar Clasificar definir

marcar

Modelar

Presentar

Síntesis

Relatar

Detectar relevancia datos apropiados

Comunicar Conceptualizar bocetar mapear

datos suficientes

desarrollo de lenguaje visual

Explicar

pertinencia

Como una idea puede ser explicada de manera visual.

Proceso Investigar

Organizar

Análisis Entender Recopilación de datos

Planear encontrar factores pertinencia

Identificar patrones organizar Clasificar definir

marcar

Modelar

Presentar

Síntesis

Relatar

Detectar relevancia datos apropiados

Comunicar Conceptualizar bocetar mapear

datos suficientes

desarrollo de lenguaje visual

Explicar

Proceso pensamiento visual

Percepción visual

“Room 18” Rolf F. www.flicker.com

Tareas básicas de nuestro sistema de visión

1. Orientación

2. Posición

3. Identificación

4. Dirección

Sistema de visiรณn selectivo

Atributos precognitivos

Claves visuales qe nos ayudan a determinar rapidamente que vale la pena mirar y que no.

Proximidad: Nuestros ojos asumen que los objetos espacialmente cercanos se relacionan entre si.

Atributos precognitivos

Color: Nuestros ojos inmediatamente notan diferencias en color y asumen agrupamientos basados en este criterio

Atributos precognitivos

Talla o tamaño: Nuestros ojos perciben diferencias de tamaño sin ningún esfuerzo

Atributos precognitivos

Orientaciรณn: Nuestros ojos distinguen instantรกneamente entre una orientaciรณn vertical y otra horizontal. Misma que se complica con diferentes รกngulos a los 90ยบ

Atributos precognitivos

Direcciรณn o destino: Perciben movimiento sin tener que pensar mucho

Atributos precognitivos

Forma: Nuestros ojos notan diferencias en las figuras sobretodo en las geomĂŠtricas bĂĄsicas.

Atributos precognitivos

Sombreado: Detectan diferencias en el sombreado como una manera de distinguir entre arriba y abajo

Ejercicio de imaginaciรณn

Ejercicio de imaginaciรณn

6 maneras de ver

6 maneras de ver

Resolver problemas

9 puntos importantes para creación de representaciones visuales Lo primero que nos debemos preguntar es: • Cuál es el propósito de la visualización • Qué tipo de información manejamos • La audiencia a la que se va dirigir el mensaje • El contexto donde se presentará la información

• Cómo recabar información al respecto

1.- ORGANIZAR Se trata de darle sentido a la información que hemos recabado o conseguido, crear un plan para presentarla.

Las piezas de información se deben de organizar de manera efectiva con la correcta cantidad de detalle y cierto énfasis para asegurar que a la audiencia le llame la atención pero y entienda el tema general o contexto.

2.- HACER VISIBLE La capacidad de hacer tangible, una cualidad esencial de una visualizaciรณn de datos y se refiere al uso eficiente de los recursos que se tienen para representar.

Ejemplo mapa de los esquimales (caras, conchas, representar la relaciรณn de distancia respecto a una isla y otra.

3.- ESTABLECER CONTEXTO Se trata de decidir desde un encuadre y perspectiva apropiado tomando en cuenta el punto de vista del lector hasta el que los referentes o elementos que componen el sistema den una idea general del tema que se estรก tratando.

3.- ESTABLECER CONTEXTO

3.- ESTABLECER CONTEXTO The life cycle of a high-performance workforce Efficiency in any organization begins at the point of impact — where a worker does a job. Employees with the right skills, drives, and habits can have a huge impact on your company’ s bottom line. Unfortunately, good employees don’ t materialize on their own. It takes fast, reliable information and a system behind it to source, develop, deploy, and reward your workforce so that people can have the greatest positive impact — for themselves, for you, and for your shareholders.

2 ENGAGE & SELECT

It takes a nimble system to select promising employees and to source reliable contractors to meet your objectives.

Before they can start working, new hires need specific tools for their jobs.

ENGAGE

6 ASSESS CURRENT SKILLS

5 ENCOURAGE GROWTH 3 EQUIP

4 SET EXPECTATIONS

Executive vision has to be communicated to everyone.

The cookie-cutter workforce, if it ever existed, is pure fantasy in modern business.

Finding people with the right skills and attitude for your company takes information, judgment, vision, and resources. And how do you know what kind of worker you need at any given moment?

Determine people’s current skill levels so you will know when they’re improving.

Encourage individuals to set challenging goals and to plan for individual growth.

DEVELOP

Some employees find their place in an organization right away, while others need help.

Either way, learning doesn’ t stop when a worker gets to work. A system for setting goals, periodic training, and tracking results helps manage an employee’ s personal growth — and the growth of the business.

CLOSE GAPS Give underperformers a way to realize their potential.

START 1 PLAN

Set your corporate objectives and plan workforce strategy to meet those objectives.

7 IDENTIFY KNOWLEDGE GAPS

Measure their current skill levels against your performance goals, and identify gaps.

8 CONTINUAL TRAINING

REWARD

Keeping good employees around for a while takes new challenges and greater rewards. Investments in highly productive employees can really pay off.

Manage a training schedule that fits learning opportunities into the daily activities of your workforce.

13 CREATE OPPORTUNITIES

Open doors for advancement for your high-performing employees.

The rubber really hits the road when a supplied, trained, and connected employee gets to work. Monitoring their performance without getting in their way or losing them — especially when operations are spread across the globe — takes a constant flow of information.

9 PUT PEOPLE IN MOTION

With the right people in the right places, even a complex global enterprise can run smoothly.

14 ANALYZE

A real-time information warehouse allows you to measure workforce performance against objectives.

MA

NA GE

ME

T TR IME AC KI NG

R BO S LA ION AT L RE

12 PROVIDE INCENTIVES

The right compensation plan will keep employees focused on doing the right things, in the right way.

11 PROVIDE SUPPORT

Should an issue arise that can’t be resolved through self-service, your HR Help Desk puts employees in contact with informed HR personnel.

NT AC C

OU

G IN ET RK

NT

IN

G

S

MA

PeopleSoft Human Capital Management is an enterprise-wide business strategy to manage, optimize, and leverage the workforce to drive a higher level of business performance.

For more information, contact PeopleSoft at www.peoplesoft.com or 800/773-8277.

DEPLOY

SA LE S &

G IN IPP ING SH EIV C RE

IC ST GI LO

10 MANAGE COMPLEXITY

Your workforce must be managed, in all its complexity, from global sales and logistics, to compliance, labor relations, and time tracking.

XPLANATiONS® are simple visual maps and stories that make complex business issues easier to understand. For more information visit XPLANE at www.xplane.com or call 1/800/750-6467.

4.- SIMPLIFICAR Utilizar representaciones sencillas y directas con bajo nivel de iconicidad por ser fáciles de interpretar pero sin perder la personalidad que refleja el contexto.

Normalmente nos distraemos fácilmente por propiedades diferentes o extrañas desiguales de la representación.

Tratamiento visual, color.

4.- SIMPLIFICAR

4.- SIMPLIFICAR

4.- SIMPLIFICAR

5.- REDUNDANCIA Este concepto sale de la Teoría de la Comunicación y se refiere a la reiteración del mensaje. Podemos decir que es lo opuesto a la síntesis, pues algo redundante agrega elementos al mensaje, sin embargo casi toda la información con la que convivimos día a día se basa en la redundancia.

Cnsderar la sntxs cmo n jmplo Una de las propiedades de la redundancia en términos de información es que sea fácil de digerir. En el ejemplo anterior, el leer sin vocales hace as difícil la lectura, se puede completar pero con mayor cuidado y trabajo.

“Dias de la radio” google images

5.- REDUNDANCIA El usar concepto que entra dentro de cualquier proceso, y trabaja en contra de la previsibilidad de la pieza de comunicación.

Esqueumorfismo “un objeto derivado que retiene como un diseño ornamental elementos de una estructura que fue necesaria en el original”.

Serafin Moralejo

Esqueumorfismo

Esqueumorfismo

5.- REDUNDANCIA Cuando hay redundancia se disminuye el ruido, Demasiada redundancia sin embargo, resulta en la ineficiencia.

Con la repetición y reiteración de un argumento corremos el riesgo de que resulte aburrido para la audiencia. Así que, es crucial mantener un balance entre lo previsible, o la expectativa de una persona y la incertidumbre es la clave de la comunicación efectiva.

Por ejemplo las luces de un semรกforo se comunican en un cรณdigo de color, pero el mensaje se refuerza al recurrir a la posiciรณn de cada foco en la caja del semรกforo.

6.- MOSTRAR CAUSA y EFECTO. Cuando tratamos de entender algo, nuestro cerebro tiene mecanismos para buscar puntos clave o bases que nos harán entender el mecanismo que subyace dentro de lo que estamos percibiendo. El razonamiento lógico tiene que ver con examinar la causa.

En ejemplos anteriores hemos visto instancias donde se muestra causa y efecto de las cosas la tercera pregunta sería en comparación con que La lucidez de una narrativa muestra la causa y el efecto al lector a partir de guiarlo a través de la visualización.

http://www.tofteproject.info/

7.- COMPARAR, CONTRASTAR. Una explicación eficiente debe de contestar a la pregunta ¿Cual es la causa? y ¿Cuál es el efecto? La tercera pregunta a la que debe de contestar se refiere a: ¿Comparado con que?

Un recurso muy común en términos de comparación es: Forma de los elementos = representan personas Las dimensiones de las figuras= tamaño de los objetos también es común el uso de códigos de color para comparar distintas funciones, de los elementos de una explicación visual.

Esto nos permite hacer una comparación rápida entre agrupaciones de variables u objetos sin embargo:

7.- COMPARAR, CONTRASTAR. La regla de los 7

8.- CREAR MULTIPLES DIMENSIONES En el ejemplo que analizamos del diagrama de Minard como logra comunicar en un mismo diagrama hasta 6 variables (el tamaño de las fuerzas armadas, la latitud y longitud de donde se localizaban, la dirección en la que se movían y por último la temperatura y fecha de los lugares y batallas. En este mismo diagrama Minard logra comunicar de manera elocuente y con pocos recursos y texto la derrota del ejercito de Napoleón contra Rusia.

A esta capacidad de comunicar varias dimensiones o variables se le denomina multi-dimensionalidad de una representación gráfica.

Un mapa nos informa = acerca del espacio, Cantidad numérica = volumen, tamaño.

Líneas o flechas = Movimiento dirección (números ordinarios secuencia)

8.- CREAR MULTIPLES DIMENSIONES

8.- CREAR MULTIPLES DIMENSIONES

Fritz Kahn 1926. “Man as Industrial Palace” haciendo una analogía con varias funciones del cuerpo humano. estudiante de animación y comunicación visual, Henning Lederer en el 2006, para hacer una explicación animada y tranferirlo a un proyecto de motion graphics. http://visualiza.posterous.com/? page=3

La importancia de contar una “historia coherente”. Eso quiere decir evitar las referencias numéricas y ejemplos que físicamente obstaculicen el curso o trayectoria de lectura del texto.

Cuando manejamos información que queremos que el lector compare, esta debe posicionarse adyacente o yuxtapuesta, para estar dentro del espectro de visión del lector y que no pierda tiempo en buscarla.

El mínimo detalle necesario para entender sin confundir

Clasificación de Métodos de visualización

http://www.visual-literacy.org/periodic_table/periodic_table.html#

9. INTEGRAR

Actividad Leer el artĂ­culo

Emerson John, (2008) Visual Information for Advocacy:An Introduction to Information Design. Manual Parsons the New School for Design, Sponsored by the Open Society Institute Information Program. Printed in India*

Referencias y Bibliografía Moralejo Serafín (2004) Formas elocuentes: reflexiones sobre la teoría de la representación, Akal.

Acaso, M. (2009) El Lenguaje Visual. Editorial Paidós. Barcelona, España Roam, Dan., (2009) The Back of the Napkin: Solving Problems and Selling Ideas with Pictures. New York: Penguin Books.

González, C. (2001) Apuntes acerca de la representación. Instituto de Investigaciones Filiológicas UNAM, México.

McCloud S; (2008) Hacer Comics, Secretos Narrativos del Comic, El manga y la Novela Gráfica. Astiberri ediciones, Bilbao, España.

Ware Colin. (2008) Visual thinking for design. Elsevier Morgan Kaufman MA; E.U.A McCloud S. Malamed. C. (2009). Visual Language for Designers: Principles for creating graphics that People Understand. Massachusetts: Rockport Publishers Tufte, R. Edward; “The Visual Display of Quantitive Information.” Graphics Press, 1983.